Membuat Latar Abstrak dengan Warna Pelangi
Mendesain dengan banyak warna bukanlah sesuatu yang aman, apalagi pelangi. Salah satu nasihat yang sering disampaikan para desainer adalah jangan mencoba menggunakan semua warna yang ada. Tapi kali ini beda, kita akan mencoba menggunakan gradasi pelangi tapi dengan cara yang aman.
Sebelum memulai tutorial ini, lihatlah gambar yang akan kita buat di tutorial ini.
Untul mengikuti tutorial ini, Anda membutuhkan source-source berikut:
Buat file baru berukuran 640x480 px dengan latar putih dan resolusi 72 dpi. Aktifkan tool gradient, buka kotak dialog Gradient Editor dengan mengklik kotak preview gradient dan pilih tipe gradient: Noise. Tidak perlu mempermasalahkan warna, kita tidak akan membutuhkannya.
Buat gradasi linear di atas kanvas.
Duplikasi layer, ctrl+J. Ubah blend mode ke Lighten, tekan ctrl+T, putar layer 45 derajat.
Buat layer baru dan buat gradasi pelangi dengan sudut 45 derajat. Ubah blend mode layer ke Multiply.
Buat lagi layer baru. Beri gradasi radial dari putih ke hitam di tengah-tengah kanvas. Tekan ctrl+T dan rentangkan layer hingga diperoleh bentuk seperti di bawah.
Ubah blend mode layer ke Multiply.
Dengan langkah seperti tadi, buat lagi gradasi kali ini dari transparan ke hitam.
Buat layer baru dan penuhi dengan pola metal.
Beri layer mask dan sembunyikan semuanya kecuali sedikit di tengah. Buat tulisan di tengah-tengah kanvas.
Beri teks efek metalic dengan layer styles berikut.
Ambil brush bintang dan buat beberapa bintang pada teks untuk membuatnya lebih menarik. Jangan terlalu banyak karena akan merusak suasana.
Lukis garis putih di bawah untuk menyimpan tagline.
Jalankan Motion Blur dari menu Filter > Blur dengan sudut 0 derajat.
Terakhir, tambahkan teks kecil di bawah teks utama. Pastikan Anda menggunakan gelap yang ada di dalam gambar agar diperoleh kesinambungan desain antara teks dan latar. Klik gambar atau klik di sini untuk melihat gambar dalam ukuran penuh.
Preview
Sebelum memulai tutorial ini, lihatlah gambar yang akan kita buat di tutorial ini.
Source Dibutuhkan
Untul mengikuti tutorial ini, Anda membutuhkan source-source berikut:
- Pola metal dari bittbox
- Brush bintang dari moondustdreams
Langkah 1
Buat file baru berukuran 640x480 px dengan latar putih dan resolusi 72 dpi. Aktifkan tool gradient, buka kotak dialog Gradient Editor dengan mengklik kotak preview gradient dan pilih tipe gradient: Noise. Tidak perlu mempermasalahkan warna, kita tidak akan membutuhkannya.
Langkah 2
Buat gradasi linear di atas kanvas.
Langkah 3
Duplikasi layer, ctrl+J. Ubah blend mode ke Lighten, tekan ctrl+T, putar layer 45 derajat.
Langkah 4
Buat layer baru dan buat gradasi pelangi dengan sudut 45 derajat. Ubah blend mode layer ke Multiply.
Langkah 5
Buat lagi layer baru. Beri gradasi radial dari putih ke hitam di tengah-tengah kanvas. Tekan ctrl+T dan rentangkan layer hingga diperoleh bentuk seperti di bawah.
Langkah 6
Ubah blend mode layer ke Multiply.
Langkah 7
Dengan langkah seperti tadi, buat lagi gradasi kali ini dari transparan ke hitam.
Langkah 8
Buat layer baru dan penuhi dengan pola metal.
Langkah 9
Beri layer mask dan sembunyikan semuanya kecuali sedikit di tengah. Buat tulisan di tengah-tengah kanvas.
Langkah 10
Beri teks efek metalic dengan layer styles berikut.
Langkah 11
Ambil brush bintang dan buat beberapa bintang pada teks untuk membuatnya lebih menarik. Jangan terlalu banyak karena akan merusak suasana.
Langkah 12
Lukis garis putih di bawah untuk menyimpan tagline.
Langkah 13
Jalankan Motion Blur dari menu Filter > Blur dengan sudut 0 derajat.
Langkah 14
Terakhir, tambahkan teks kecil di bawah teks utama. Pastikan Anda menggunakan gelap yang ada di dalam gambar agar diperoleh kesinambungan desain antara teks dan latar. Klik gambar atau klik di sini untuk melihat gambar dalam ukuran penuh.
siiip, ok punya boz..!
ReplyDeletenubi mau nanya ini boss..
ReplyDeletesaya udah download pola metalnya.. cuma gk tau mesti di taruh mana ? trus cara menuhi layer baru dengan pola metal bagaimana ?
makasih
File pola metal yang berformat png, di-paste ke atas gambar. Duplikasi (ctrl+J) beberapa kali dan atur posisinya hingga semua bagian gambar tertutupi.
ReplyDeleteterimakasih infonya boss.
ReplyDeletelangsung dicoba
mantap tutorialnya mas....semakin lama desaindigital semakin bagus ya....webnya keren...btw buat pake apa ne website?^^
ReplyDeletesalam kenal.....
Trims. Salam kenal juga.
ReplyDeleteSitus ini menggunakan engine wordpress.
keren bgd ni mas,,,,
ReplyDeleteminta ya buat di taro di web buatan saya :D
masih kenal ma saya mas?? hihihihi
Kemana saja? Baru keliatan.
ReplyDeleteSilakan saja.
lagi mau buat tugas akhir, pusing mas hehehh
ReplyDeletejadi g sempet maen ksini, dah gitu web mas jg wktu itu bermasalah y...
oiya mas background web saya, mau saya buat gambar berputar yg polar cordinate wktu itu mas ajarin, tpi sebelum milih polar cordinate, kmn dlu ya...saya lupa hihihi
Yang mana ya? Saya sudah tidak ingat lagi.
ReplyDeleteseperti background web nya situ ini mas http://jaredcampbell.com/
ReplyDeletedulu mas pernah ngajarin itu yg ada pelangi sama ada skyline nya jg
Gunakan saja custom shape. Ada yang bentuknya seperti itu.
ReplyDeleteiya mas, cuma g rapih , saya coba2 dlu deh.
ReplyDeletegoogling jg g dapet caranya hehehe..
thanks mas infonya
Salam kenal, tutorialnya bagus-bagus. bakal sering mampir kesini untuk bikin desain webku
ReplyDeleteSalam kenal juga. Trims atas kunjungannya.
ReplyDeleteitu bikin kotak2 an kecil gimana y om ?ajarin donk
ReplyDeleteSaya tidak membuatnya, di tutorial ini menggunakan pola sudah jadi. Link pola tersedia di bagian atas artikel.
ReplyDelete