Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Interface Design

Membuat Strip Pesan di Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:

Indonesian (Bahasa Indonesia) translation by Agus (you can also view the original English article)

Dalam tutorial ini, kita akan membuat strip pesan kecil di Photoshop yang dapat Anda tempatkan di sudut kanan atas desain. Strip-strip kecil ini terlihat sangat trendi dan Web2.0-y, khususnya dalam desain Web! Ini cukup mudah untuk dilakukan, dan dalam tutorial ini kami akan menambahkan beberapa bayangan dan cahaya untuk membuatnya muncul!

Langkah 1:

Untuk memulai tutorial ini seperti biasa, kita akan mulai dengan gradien radial yang bagus. Aku kecanduan gradien radial, jadi Anda harus juga! Saya menggunakan kombinasi blues yang bagus. Berikut adalah kode warna yang tepat:

Warna 1 - #0e324f

Warna 2 - #062033

Ini bekerja dengan baik jika Anda menempatkan sorot gradien di sudut kanan atas di mana kami akan menempatkan strip pesan kecil kami.  Ini berkaitan dengan bagaimana kita akan menambahkan cahaya dan bayangan nanti.

Langkah 2:

Sekarang langkah ini tidak benar-benar diperlukan, tetapi saya akan menambahkan huruf raksasa M sehingga jalur pesan saya memiliki sesuatu untuk dilampaui. Ketika strip pesan berinteraksi dengan latar belakang dengan cara ini, terlihat lebih keren. 

Jadi bagaimanapun saya membuat M raksasa dalam warna putih dan mengaturnya ke Overlay dan memudarnya hingga 40% sehingga memiliki sedikit gradien radial dan cocok dengan cahaya dan bayangan. 

Cahaya dan bayangan adalah teman Anda, mereka akan membuat desain Anda terlihat jauh lebih bagus. Di dunia nyata dan dalam desain cetak, Anda mendapatkan cahaya dan bayangan dari cahaya (cahaya matahari, cahaya listrik, apa pun), tetapi di layar semuanya serba seragam.  Jadi bagus ketika Anda menambahkan sedikit bayangan dan cahaya untuk menghidupkan semuanya.  Perhatikan bahwa ini tidak bekerja hampir sama baiknya di media cetak.

Langkah 3:

Selanjutnya di layer baru, gambar persegi panjang panjang dengan abu-abu terang. Buatlah sangat panjang karena ketika Anda memutarnya nanti, Anda akan membutuhkan ujungnya agar panjang. Tambahkan juga beberapa teks.  Saya telah menulis "Made with Love!" dalam font lucu - Gill Sans Ultra Bold.  Saya memiliki kecenderungan ke font gemuk karena mereka terlihat ramah dan keras.

Langkah 4:

Sekarang saya akan mengambil bentuk hati dari serangkaian bentuk Photoshop.  Anda bisa mendapatkan ini dengan mengklik Custom Shape Tool (U) Anda di menu Tool.  Lalu naik ke bagian atas layar Anda dan tekan panah kecil di sebelah Shape seperti yang ditunjukkan. Jika Anda tidak memiliki banyak bentuk, klik panah yang menunjuk ke kanan dan tambahkan mereka.

Langkah 5:

Jadi menggunakan bentuk hati itu, di lapisan baru saya telah menggambar hati merah kecil yang menyenangkan.  Kombinasi merah, putih, dan biru itu tampak hebat.

Trik dengan kombinasi warna seperti ini adalah dua kali lipat.  Pertama Anda ingin memiliki warna utama (dalam hal ini biru) dan kemudian gunakan warna lain untuk menyorot warna utama tersebut. Jadi di sini kita memiliki banyak warna biru, sedikit abu-abu terang, dan sedikit merah yang benar-benar melompat keluar. 

Hal kedua yang perlu diingat adalah bahwa beberapa kombinasi warna berbenturan seperti bisnis siapa pun.  Seperti jika Anda meletakkan merah itu pada biru itu akan menjadi mata-gemuruh. Jadi di sini saya menggunakan abu-abu terang sebagai warna perantara.

Langkah 6:

Sekarang untuk membuat warna merah benar-benar muncul, saya telah memilih lapisan jantung, menciptakan lapisan baru di atasnya, dan kemudian menggunakan warna merah yang lebih terang, saya telah menggambar gradien kecil di sudut kanan atas. Dengan cara ini hati kita memiliki gradien radial dan lagi kita menggunakan cahaya dan bayangan!

Saya juga menambahkan bayangan buram samar ke teks "Made with Love" menggunakan mode blending Drop Shadow.. Anda dapat melakukan ini dengan mengklik kanan pada layer itu dan memilih Blending Options.  Kemudian centang Drop Shadow. Atur Jarak ke 0 dan ubah warnanya menjadi abu-abu terang sehingga tidak terlalu penuh.  Jangan menambahkan bayangan biasa karena kami ingin surat-surat ini menjadi bagian dari strip, tidak melayang di atasnya.

Langkah 7:

Sekarang saya ingin menambahkan batas ke strip, jadi saya menahan Ctrl dan klik pada layer strip untuk memilih semuanya, lalu buat layer baru dan tempelkan warna abu-abu yang lebih gelap. Lalu saya pergi ke Select> Modify> Contract dan kontrak seleksi dengan 2 piksel.

Berikutnya saya menekan delete untuk menghapus bagian tengah dari abu-abu gelap itu, meninggalkan tepinya saja.  (Perhatikan bahwa Anda harus menekan panah ke kanan beberapa kali dan kemudian tekan hapus lalu tekan panah kiri beberapa kali dan tekan hapus lagi untuk mendapatkan tepi kiri dan kanan.)

Langkah 8:

Ok, jadi sekarang kami memiliki strip pesan kami, itu memiliki tepi, pesan, dan hati merah yang bagus muncul.

Hal berikutnya yang harus dilakukan adalah memilih semua layer strip pesan dan menggabungkannya ke dalam satu lapisan.  Kami melakukan ini karena kami akan berputar. 

Jika Anda memutar tanpa menggabungkan teks dan tepinya, Anda bisa mendapatkan beberapa efek aneh terjadi.  Photoshop cenderung blur dan hal-hal jag saat Anda berputar, jadi sebaiknya untuk meminimalkan efek dengan menggabungkan semuanya di sini. Tentu saja, ini berarti Anda harus memastikan bahwa strip pesan Anda benar-benar selesai sebelum Anda bergabung!

Penggabungan juga memiliki manfaat tambahan yang bisa kita gunakan Dodge dan Bakar nanti untuk membayangi dan menyalakannya. Anda akan segera melihat apa yang saya maksud ... 

Langkah 9:

Jadi sekarang, tekan Ctrl + T untuk mengubah, tahan tombol Shift dan putar strip pesan ke sudut 45 '.

Langkah 10:

Sekarang pindahkan strip pesan ke kanan atas.  Ini sudah tampak hebat, tapi sekarang kita perlu menambahkan sedikit bayangan dan hal-hal.

Jadi buat layer baru di atas dan pilih warna abu-abu terang. Tahan Ctrl dan klik pada layer strip pesan untuk memilih semua pikselnya.  Kemudian gambar gradien dari abu-abu terang ke transparansi dan gambar dari atas ke bawah. Kemudian gambar yang kedua dari bagian bawah naik.

Anda harus mendapatkan sesuatu yang tampak seperti gambar di atas--sedikit abu-abu yang datang dari atas dan sedikit lebih datang dari bawah.

Langkah 11:

Sekarang ubah blending mode untuk layer baru ini ke Multiply. Karena kami menggunakan warna abu-abu yang bagus itu akan memberikan bayangan yang bagus. Jika Anda menggunakan warna abu-abu yang lebih gelap, Anda mungkin perlu memudarkan opacity kembali.

Langkah 12:

Sekarang kembali ke lapisan strip pesan itu sendiri. Ubah ke Burn Tool (O) dan pilih sikat lembut besar untuk bekerja dengan. 

Secara perlahan tambahkan sedikit luka bakar ke bagian bawah dan atas strip. Di setelan untuk Alat Pembakar, Anda mungkin ingin memastikan Eksposur disetel cukup rendah (saya menggunakan 20%). Ini memungkinkan Anda melakukan efek yang lebih halus tanpa itu menjadi terlalu terang. 

Ketika Anda selesai menambahkan burn ke atas dan bawah, Anda dapat, jika Anda suka, tahan Alt dan sikat perlahan bagian tengah sedikit. Memegang Alt ketika Burn Tool dipilih mengalihkannya ke menghindar..

Burn dan Dodge sama seperti berlawanan satu sama lain. Pembakaran menggelapkan dan Dodge mencerahkan. Mereka adalah alat yang sangat berguna, meskipun Anda ingin menggunakannya secara halus atau Anda dapat membuat sedikit kekacauan. 

Langkah 13:

Jadi sekarang setelah strip pesan kami terlihat bagus, mari tambahkan bayangan di belakangnya. 

Buat layer di bawah strip pesan. 

Sekarang, tahan Ctrl dan klik pada layer strip pesan untuk memilih pikselnya dan pada lapisan di bawah, isi dengan warna abu-abu sedang.

Kemudian hapus dan tekan panah bawah beberapa kali dan panah kiri beberapa kali sehingga layer baru Anda ke bagian bawah dan kanan dari strip pesan (seperti yang ditunjukkan) 

Ini akan menjadi layer bayangan kami.

Langkah 14:

Atur layer bayangan Anda ke Multiply dan kemudian pergi ke Filter> Blur> Gaussian Blur dan gunakan pengaturan sekitar 3-4px.  Anda akan mendapatkan bayangan yang bagus terjadi. 

Langkah 15:

Sekarang kami ingin agar strip pesan kami terlihat seperti melotot di tengah. Ini berarti bayangan akan menjadi kurang di bagian atas dan bawah karena strip pesan lebih dekat ke latar belakang. Apakah itu masuk akal?

Pada dasarnya jika ada sesuatu yang jauh dari latar belakang, bayangannya lebih besar, dan jika bayangannya lebih dekat lebih kecil ... 

Anyways, pilih Erase Tool (E) dan dengan sikat lembut besar dengan lembut menghapus sedikit bayangan di bagian atas dan bawah sehingga pingsan di kedua ujungnya. 

Langkah 16:

Dan di sana Anda memiliki produk jadi: strip pesan yang bagus!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.