Hasil Akhir dari Gambar

Berikut adalah hasil akhir dari gambar yang akan kita buat, klik untuk melihat gambar dalam ukuran sebenarnya.

Langkah 1

Pertama bikin dokumen baru dengan ukuran 1920 px untuk lebarnya dan 1200 untuk tingginya pada tingkat resolusi 300 ppi. Kali ini saya akan menggunakan tekstur tanah yang sangat bagus dari Stock Exchange. Sekarang pindahkan tekstur yang udah kamu download ke dokumen kamu.

Langkah 2

Buat layer baru dan penuhi dengan warna #241300, ubah blending modenya menjadi Soft Light.

Langkah 3

Sekarang kita mulai mempercantik iklan kita, saya mendownload Bittbox Watercolor Brushes 2, brush cat air high resolution yang sangat keren.

Langkah 4

Berikutnya buat layer baru lagi, kemudian pilih brush yang lain dan disini saya gunakan brush nomor 20. Ubah diameter brush menjadi 800 px dan untuk warna kita gunakan warna biru #000cff. Setelah itu, putar layer seperti tampak berikut ini.

Langkah 5

Ulangi langkah 4, sekarang gunakan brush nomor 13 dengan ukuran diameter 1000 px dan hijau #00ff3c kita gunakan sebagai warnanya.

Langkah 6

Ulangi lagi langkah 4, sekarang gunakan brush pertama dengan diameter 700 px dan untuk warna kita gunakan warna kuning #ffde00.

Langkah 7

Sekarang buat layer baru letakkan di paling atas dan ubah warna foregroumd dan background kamu : #FFFFFF dan #000000. Sekarang pilih Filter > Render > Fibers gunakan 13 untuk Variance dan 4 untuk Strength.

Langkah 8

Berikutnya putar layer. Setelah itu klik layer dua kali untuk membuka jendela Layer Style. Pada halaman pertama jendela Layer Style atur Fill Opacity menjadi 60% dan Blend Mode menjadi Darken, kemudian tambahkan style Gradient Overlay, gunakan gradien pelangi.

Langkah 9

Kemudian pilih Lasso Tool (L) dan buat seleksi seperti yang saya lakukan. Sekarang klik Select > Modify > Feather dan masukkan 100 px untuk Feather Diameter. Setelah itu jalankan Layer > Layer Mask > Reveal Selection.

Langkah 10

Tambahkan layer baru di bagian paling atas, berikutnya pilih Filter > Render > Clouds. Ubah Blend Modenya menjadi Vivid Light.

Langkah 11

Untuk menyelesaikan desain ini kita membutuhkan gambar handphone, kamu bisa gunakan gambar iPhone yang dulu saya buat pada tutorial menggambar iPhone 3G dengan Photoshop, silakan download gambar iPhone dalam format PSD atau PNG. Import gambar kedalam Photoshop dan letakkan pada dokumen kamu. Setelah itu duplikat layer iPhone dan klik Filter > Blur > Motion Blur. Gunakan 43 untuk nilai Angle dan 155 untuk Distance. Pastikan layer yang blur ada dibawah layer yang normal.

Langkah 12

Berikutnya klik dua kali layer blur untuk memasuki jendela pengaturan Layer Style. Pertama ubah Fill Opacity menjadi 70% dan tambahkan style Outer Glow. Gambar dibawah ini akan memberikan semua informasi yang kamu butuhkan.

Langkah 13

Langkah berikutya kita akan membuat bayangan iPhone. Pertama ynag harus dilakukan adalah menduplikat layer iPhone dan membalik gambar hasil duplikat dengan cermin sumbu x, setelah diduplikat aktifkan layer duplikat dan klik Edit > Transform > Flip Vertical, taruh layer duplikat dibawah layer asli. Lakukan masking pada layer bayangan dengan gradien linear dari hitam ke putih, perhatikan gambar berikut dan buat sebaik mungkin.

Langkah 14

Berikutnya download gambar bunga warna kuning dan paste kedalam dokumen dibalik layer iPhone. Lakukan seleksi pada background hitam bunga menggunakan Magic Wand Tool (W) lalu tekan delete untuk mengekstrak gambar bunga dari backgroundnya. Sesuaikan ukuran bunga dengan iPhone dan sampai disini kamu akan mendapatkan gambar seperti berikut.

Langkah 15

Buka Adobe Illustrator, dan gunakan Pen Tool (P) untuk menggambar dua garis melengkung yang berbeda seperti berikut ini.

Langkah 16

Dengan menggunakan Blend Tool, klik pada ujung garis pertama kemudian klik lagi pada ujung garis kedua. Ini akan mengahasilkan beberapa garis diantara dua garis yang ada. Dalam keadaan Blend Tool aktif, klik Object > Blend > Blend Options. Disitu, ubah Spacing menjadi Specified Steps dan masukkan nilai 5 untuk stepnya.

Langkah 17

Copy garis-garis yang sudah kita buat dan paste ke Photoshop sebagai Smart Object.

Langkah 18

Klik layer baru ini dua kali untuk memunculkan kotak Layer Style. Tambahkan style Drop Shadow dan Outher Glow pada layer garis-garis, kemudian tambahkan style Gradient Overlay, gunakan gradien warna pelangi.

Langkah 19

Duplikat layer garis-garis dan sekarang kita memiliki dua layer garis-garis dengan layer kedua berada dibawah layer pertama. Matikan visibility dari layer kedua untuk membuatnya tidak tampak. Berikutnya aktifkan layer pertama, tekan Ctrl dan klik pada layer iPhone untuk membuat seleksi lalu pilih Layer > Layer Mask > Hide Selection.

Langkah 20

Kita sudah hampir menyelesaikan semuanya. Sekarang aktifkan layer kedua dan hidupkan kembali visibility layer kedua untuk membuatnya kembali tampak. Tambahkan Layer Mask pada layer garis-garis ini dan hapus garis-garis yang tidak dibutuhkan, perhatikan gambar berikut untuk lebih jelasnya.

Langkah 21

Langkah terakhir, tambahkan beberapa ikon iPhone sebagai gambaran fitur-fitur yang ada pada smartphone ini. Saya disini menggunakan iPhone rounded icons dari deviantART.

Hasil Akhir

Inilah hasil akhir dari desain iklan ponsel menarik dan penuh warna yang telah kita buat. Semoga bermanfaat dan jangan lupa subscribe ke Painthink RSS feed.

Download psd file

Related Posts

Hasil Akhir dari Gambar

Sebelum memulai, mari terlebih dahulu kita lihat hasil akhir dari gambar yang akan kita buat. Versi yang lebih besar dapat dilihat disini.

Langkah 1

Buka Adobe Illustrator untuk memulai membuat teks 3D. Dengan Type Tool ketik ‘jogja’ dengan menggunakan huruf kapital. Font yang saya gunakan disni Helvetica LT Black dengan ukuran font 300 pt dengan warna font putih #FFFFFF (pada gambar berikut sya tampilkan hitam hanya untuk memperjelas).

Langkah 2

Klik teks jogja dengan Selection Tool kemudian pilih Effect > 3D > Extrude & Bevel dan atur seperti gambar berikut. Tekan OK setelah selesai.

Langkah 3

Pilih Edit>Copy untuk mengopi teks 3D yang sudah kita buat, bisa juga dengan shortcut Ctrl+C. Buka gambar tugu jogja ini dengan Photoshop. Paste teks 3d pada dokumen Photoshop, tekan Ctrl+V akan keluar pilihan dipaste sebagai apa, pilih Smart Object.

Langkah 4

Langkah berikutnya kita akan membuat efek retak pada jalan yang terletak dibawah teks. Buka gambar tanah retak ini dengan Photoshop dan paste pada dokumen kita. Tekan Ctrl+T dan perkecil ukuran gambar tekstur tanahnya. Jangan tekan enter dulu, klik kanan pada layer tekstur tanah pilih Distort. Klik steiap sudut layer dan geser sampai seperti gambar berikut.

tekan enter, ubah Blending Modenya menjadi Multiply. Hapus beberapa bagian dari tekstur tanah yang terletak dipinggir agar lebih realistis dan tidak tampak bersudut.

Langkah 5

Sekarang kita akan membuat teks 3D tampak seperti batu. Buka gambar tekstur tembok ini dengan Photoshop dan paste pada dokumen kita. Tekan Ctrl+T dan perkecil ukuran gambar tekstur tanahnya. sebelum menekan enter, klik kanan pada layer tekstur tanah pilih Distort dan geser setiap sudutnya hingga seperti gamba berikut. Buat seleksi yang mengelilingi tulisan JOGJA, kemudian lakukan masking pada layer tekstur tembok.

Ubah Blending Mode layer tekstur tembok menjadi Linear Burn dan opacity 70%, sejauh akan kita dapati sepeti berikut.

Langkah 6

Buat Adjustment Layer baru dengan Layer > New Adjustment Layer > Levels kemudian untuk setting level pilih Lighten Shadow. Ini membuat teks 3D lebih terang. Tekan Alt dan klik pada garis perbatasan layer 2 dan layer level, ini akan membuat level hanya memberikan efek pada layer 2.

Langkah 7

Buat layer baru. lakukan seleksi sepeti langkah 5, gunakan Gradient Tool untuk membuat Linear Gradient dari hitam #000000 ke transparent pada bagian bawah teks 3D.

Langkah 8

Coba perhatikan warna Tugu Jogja, nampak agak kuning di malam hari. Kita akan membuat teks 3D memiliki warna seperti Tugu Jogja agar tampak lebih realistis. Tambah layer baru diatas layer levels 1. Buat lagi seleksi seperti langkah 5. Ubah warna Foreground menjadi #fb8701, dengan paint Bucket Tool penuhi area seleksi dengan warna tersebut. Ubah blending mode menajadi Color dan tambahkan Layer Mask. Lakukan masking dengan Gradient Tool pada bagian bawah tulisan.

Langkah 9

Beberapa langkah berikutnya adalah memberi bayangan teks 3D. Gunakan Pen Tool untuk membuat path seperti gambar berikut. Untuk cara menggunakan Pen Tool baca tutorial sebelumnya. Buat Layer baru, penuhi path dengan warna hitam #000000, pada menu bar pilih Filter > Blur > Gaussian Blur buat radius 2 pixel. Ubah opacity menjadi 60 %.

lakukan juga untuk huruf-huruf lainnya akan kita dapatkan gambar seperti berikut.

Langkah 10

Ketik ‘JOGJA’ dengan font Helvetica LT Black, ukuran font 300 pt dengan warna font hitam #000000. Pada layer palet, klik kanan layer baru ini, pilih Convert to Smart Object. Tekan Ctrl+T dan lakukan transform dengan distort seperti pada langkah 4. Ubah Opacity menjadi 60% dan klik Filter > Blur > Gaussian Blur, gunakan radius 3 pixel.

Langkah 11

Beri sedikit ladi bayang-bayang di bagian bawah tulisan. Buat path berbentuk elips dibawah huruf J, buat layer baru dan penuhi path tadi dengan warna hitam. Klik Filter > Blur > Gaussian Blur, gunakan radius 3 pixel dan ubah Opacity layer menjadi 60 %. Lakukan untuk sisa huruf lainnya dengan ukuran elips sesuai dengan huuf yang akan diberi bayangan.

Langkah 12

Langkah terahir adalah mengatur warna agar setiap layer tampak menyatu. Buat layer baru Layer > New Adjustment Layer > Curves dan letakkan posisinya paling atas pada layer palet. Atur Curve sepeti berikut.

Hasil Akhir

Inilah hasil akhir dari wallpaper yang kita buat. File psd untu tutorial ini dapat didownload dibawah. Selamat mencoba trik ini untuk membuat teks efek lain, jangan lupa subscribe ke painthink RSS Feed.

Download PSD file

Related Posts

Hasil Akhir dari Gambar

Sebelum memulai, mari terlebih dahulu kita lihat hasil akhir dari gambar yang akan kita buat. Versi yang lebih besar dapat dilihat disini.

Langkah 1

Kita mulai dengan membuat dokumen Illustrator baru ukuran 1920 x 1200 px. Atur settingan warna dengan membuat Color Mode menjadi CMYK, karena dengan settingan CMYK jika di cetak akan lebih bagus daripada RGB. Isi Raster Effect dengan 300 ppi, dengan setting tinggi seperti ini gambar yang dihasilkan akan lebih bagus.

Langkah 2

Sekarang saatnya membuat tulisan. Gunakan Type Tool, disini saya menggunakan font Vectora LT Std dan menatur ukuran font menjadi 400pt. Ketik satu-satu masing-masing huruf ‘painthink’ pada kanvas.

Langkah 3

Berikutnya adalah mengubah warna masing-masing huruf. Komposisi warna yang saya gunakan disini,

• p (C=0 M=100 Y=100 K=40),

• a (C=40 M=35 Y=65 K=25),

• i (C=60 M=30 Y=10 K=15),

• n (C=19 M=37 Y=59 K=0),

• t (C=46 M=27 Y=100 K=35),

• h (C=43 M=68 Y=51 K=0),

• i (C=0 M=80 Y=90 K=0),

• n (C=40 M=35 Y=65 K=25),

• k (C=33 M=93 Y=0 K=0).

Langkah 4

Sekarang kita atur jarak antar huruf-hurufnya. Setiap huruf yang posisinya lebih kanan buat supaya menutupi sebagian huruf yang terletak dikirinya, lihat seperti gambar berikut

Langkah 5

Langkah terakhir seleksi semua huruf lalu buka window Transparency, ubah mode Normal menjadi Multiply.

Hasil Akhir

Inilah hasil akhir dari logo keren yang kita buat. Jangan lupa subscribe ke painthink RSS Feed.

Related Posts