Preview Hasil Akhir Gambar

Langkah 1

Untuk memulai tutorial ini, kita pertama akan memilih background yang tepat untuk teks, sesuatu yang jika berada di balik kaca akan kelihatan bagus. Disini saya menemukan foto rumput di Flickr oleh 100kr. Sekarang kita butuh sebuah teks, saya ketik Grafisia yang merupakan saudaranya Painthink namun berbahasa inggris, dan tutorial ini juga saya publish disana. Perhatikan, disini kita akan membuat Photoshop Style, jadi kamu bisa menggunakan font apa aja sesuka kamu. Jika kamu ingin font yang sama dengan yang tak pakai, silakan download font Porky’s keren disini.

Langkah 2

Sekarang kita mulai menggunakan Layer Style. Klik dua kali layer teks untuk menampilkan jendela Layer Style. Pada halaman pertama dari jendela layer style, ubah nilai Fill Opacity menjadi 0%, dan kamu lihat sekarang teknya menghilang, emang sengaja demikian jadi nggak perlu bingung.

Langkah 3

Selanjutnya klik pada kata Drop Shadow ubah pengaturannya seperti berikut. Jangan klik OK terlebih dahulu.

Langkah 4

Sekarang tambahkan style Inner Shadow pada teks. Belum saatnya ngeklik OK, sabar dulu.

Langkah 5

Masih pada dialog box layer effect, sekarang klik style Inner Glow, gunakan setting seperti berikut, but don’t click OK yet.

Langkah 6

Layer style yang kita gunakan berikutnya adalah Bevel and Emboss. Screenshot di bawah akan memberikan informasi bagaimana setting yang saya gunakan.

Langkah 7

Sebagai langkah terakhir kita akan memberikan Satin pada layer teks. Atur satin seperti gambar berikut dan kamu bisa menekan OK setelah selesai.

Untuk jalan pintas yang lebih mudah, kamu bisa melihat semua setting dengan mendownload file PSD yang saya sertakan di bagian akhir tutorial. Kamu bisa klik kanan layer teks dan pilih Copy Layer Styles jika kamu ingin menggunakannya pada file kamu sendiri.

Final Image

Semoga tutorial ini bermanfaat, jangan lupa subscribe ke Painthink RSS feed, follow saya di Twitter atau klik untuk berlangganan artikel via e-mail.

Download file PSD dan Photoshop style

Related Posts

Preview Hasil Akhir dari Gambar

Langkah 1

Pertama, siapkan background untuk tombol yang akan kita buat. Saya disini menggunakan pattern kotak-kotak, namun kamu tidak harus menggunakan yang sama, bisa menggunakan pattern yang lain atau warna solid tertentu. Setelah itu, kita akan membuat bentuk dasar dari tombol, buat path seperti gambar dibawah lalu klik Layer > New Fill Layer > Solid Color, pilih warna putih lalu tekan OK. Beri nama layer baru ini dengan nama Outer Shape.

Klik dua kali layer Outer Shape untuk memunculkan Jendela Layer Style. Pertama berikan Drop Shadow pada layer dengan pengaturan sebagai berikut.

Layer berikutnya adalah Inner Shadow.

Sekarang kita tambahkan Gradient Overlay pada layer Outer Shape. kamu bisa menggunakan setting seperti gambar di bawah ini.

Bagian terakhir dari Langkah 1, kita tambahkan Stroke pada layer Outer Shape dengan menggunakan Gradient sebagai Fill Type. Berikut setting yang saya gunakan.

Dari Langkah 1 ini kita hasilkan gambar seperti di bawah ini.

Langkah 2

Buat path baru yang sedikit lebih kecil dari path yang kita buat pada Langkah 1. lakukan hal yang sama yaitu klik Layer > New Fill Layer > Solid Color, pilih warna putih lalu tekan OK. Beri nama Layer ini dengan Inner Shape dan ubah Fill Opacitynya menjadi 0%.

Beri style Gradient Overlay pada layer Inner Shape dengan setting sebagai berikut. Gunakan Gradient dari putih ke transparan dengan style Reflected. Jangan lupa beri tanda cek pada kotak Reverse.

Sampai Langkah 2 ini kita dapatkan gambar sebagai berikut.

Langkah 3

Buat path tipis di bagian bawah dari tombol, kemudian pilih Layer > New Fill Layer > Solid Color, gunakan warna putih lalu tekan OK. Beri nama Layer ini dengan LowLight,ubah Fill Opacitynya menjadi 0% dan Opacity menjadi 10%.

Beri style Gradient Overlay pada layer LowLight dengan Gradient dari hitam ke transparan dan style Reflected. Saya menggunakan setting seperti screenshot di bawah ini.

Langkah 4

Buat path sedikit lebih tebal dari yang kita buat pada langkah sebelumnya di bagian bawah dari tombol, kemudian klik Layer > New Fill Layer > Solid Color, gunakan warna putih lalu tekan OK. Beri nama Layer ini dengan HighLight,ubah Fill Opacitynya menjadi 0% dan Opacity menjadi 30%.

Beri style Gradient Overlay pada layer HightLight dengan Gradient dari putih ke transparan dan style Reflected. Saya menggunakan setting seperti tampak berikut ini.

Langkah 5

Buat path di bagian kiri tombol dengan bentuk seperti screenshot di bawah. Pilih Layer > New Fill Layer > Solid Color, gunakan warna putih lalu tekan OK. Kita sebut layer ini dengan nama Emboss Stroke.

Dobel klik layer Emboss Stroke, setelah muncul jendela Layer Style pilih Gradient Overlay. Gunakan Gradient dari hitam ke putih dengan style Linear, jangan lupa beri tanda cek pada kotak Reverse.

Setelah menyelesaikan lima langkah, kita peroleh hasil sementara sbagai berikut.

Langkah 6

Pada langkah ini kita akan memberi efek Gloss pada tombol. Yang pertama harus dilakukan adalah membuat path dengan bentuk seperti gambar di bawah. Pilih Layer > New Fill Layer > Solid Color, gunakan warna putih lalu tekan OK. Ubah Opacity layer ini menjadi 63% dan Fill Opacity menjadi 46%. Kita sebut layer ini dengan nama Gloss.

Beri style Gradient Overlay pada layer Gloss dengan Gradient dari putih ke transparan dan style Linear. Saya menggunakan setting seperti tampak berikut ini.

Sampai Langkah 6 kita hasilkan gambar sebagai berikut.

Langkah 7

Saatnya membuat background warna biru di belakang tanda panah. Pertama, buat path seperti pada Langkah 5 namun kali ini kita buat dengan ukuran lebih kecil. Pilih Layer > New Fill Layer > Solid Color, gunakan warna biru #1bb3eb lalu tekan OK. Beri nama layer ini dengan Arrow Bg.

Klik dua kali layer Arrow Bg, setelah muncul jendela Layer Style pilih Gradient Overlay. Gunakan Gradient dari hitam ke putih dengan style Radial, jangan lupa beri tanda cek pada kotak Reverse.

Sampai disini kita dapatkan gambar seperti di bawah ini.

Langkah 8

Buat path seperti yang kita buat pada Langkah 7 dengan ukuran sedikit lebih kecil. Pilih Layer > New Fill Layer > Solid Color, gunakan warna putih lalu tekan OK. Ubah Fill Opacity layer ini menjadi 0%. Kita sebut layer ini dengan nama Gradient Overlay.

Dobel klik layer Gradient Overlay untuk memunculkan jendela Layer Style. Beri style Inner Shadow dengan pengaturan seperti berikut. Jangan Tekan OK terlebih dahulu.

Beri style Gradient Overlay pada layer Gradient Overlay dengan Gradient dari hitam ke transparan dan style Linear. Jangan lupa beri cek pada kotak Reverse.

Langkah 9

Buat path baru berbentuk panah menghadap kebawah seperti gambar berikut lalu simpan path karena kita akan menggunakannya lagi. Setelah itu pilih Layer > New Fill Layer > Solid Color, gunakan warna hitam lalu tekan OK. Ubah Blending Mode layer ini menjadi Overlay dan atur Opacitynya menjadi 45%. Kita sebut layer ini dengan Arrow Shadow.

Sekarang kita berikan style Outer Glow pada layer Arrow Shadow. Gunakan petunjuk di bawah ini untuk mengatur komposisi Outer Glow.

Jadikan layer Arrow Shadow sebagai Clipping Mask dari layer Arrow Bg yang kita buat pada Langkah 7. Jadi susunan layer yang kita miliki sekarang seperti berikut ini.

Langkah 10

Dengan menggunakan path yang kita buat pada Langkah 9, kita buat layer baru dengan klik Layer > New Fill Layer > Solid Color, gunakan warna hijau #b2eb42 lalu tekan OK. Letakkan layer ini di atas semua layer dan ubah namanya menjadi Arrow. Klik dua kali layer Arrow untuk memunculkan jendela Layer Style. Sekarang pilih Inner Shadow dan gunakan setting sebagai berikut.

Style berikutnya yang kita berikan pada layer Arrow adalah Gradient Overlay. Gunakan Gradient dari hitam ke putih dengan style Radial, jangan lupa beri tanda cek pada kotak Reverse.

Terakhir kita berikan Stroke pada layer Arrow.

Dalam sepuluh langkah ini kita sudah menyelesaikan sebagian besar gambar tombol. Kita hanya butuh menambahkan sedikit teks untuk menyelesaikannya.

Langkah 11

Inilah saatnya kita tambahkan teks ‘DOWNLOAD‘ pada tombol. Gunakan font Helvetica Rounded 10.4pt dengan warna #9c9c9c.

Berikan Drop Shadow pada teks ‘DOWNLOAD’ dengan setting seperti screenshot di bawah.

Berikutnya kita tambahkan Inner Shadow pada teks.

Style berikutnya yang kita berikan pada layer teks adalah Gradient Overlay. Gunakan Gradient dari hitam ke putih dengan style Linear.

Langkah 12

Sebagai sentuhan terakhir kita tambahkan sedikit teks yaitu ‘Get the latest version‘. Gunakan font Helvetica CE Regular dengan ukuran 5.2pt dan warna #4a4a4a.

Hasil Akhir

Semoga tutorial ini bermanfaat, jangan lupa subscribe ke Painthink RSS feed, follow saya di Twitter atau klik untuk berlangganan artikel via e-mail.

Download psd file

Related Posts

Preview Hasil Akhir Gambar

Di bawah ini kamu bisa melihat efek seperti apa yang akan kita buat pada tutorial Photoshop kali ini, kamu bisa mengklik gambar untuk melihat gambar pada ukuran sebenarnya..

Langkah 1

Pertama, kita membutuhkan gambar yang bagus untuk digunakan sebagai background. Disini saya akan menggunakan gambar tekstur kayu yang saya buat pada tutorial membuat tekstur kayu realistis menggunakan Photoshop. Kita mulai dengan mengetik teks yang kita iginkan, saya menggunakan nama situs lain yang saya kelola. Perhatikan, disini kita akan membuat Photoshop Style yang bisa digunakan pada berbagai jenis font, jadi kamu bisa memilih jenis font apa saja yang kamu sukai.

Langkah 2

Sekarang kita akan memulai menggunakan Layer Style. Klik dua kali layer teks untuk memunculkan jendela Layer Style. Pada halaman pertama, ubah nilai Fill Opacity menjadi 0%.

Langkah 3

Sekarang tambahkan Style Inner Shadow pada teks.

Langkah 4

Layer style yang kita gunakan berikutnya adalah Bevel and Emboss. Screenshot dibawah ini akan memberi informasi bagaimana pengaturan Bevel and Emboss yang saya gunakan disini.

Langkah 5

Sebagai langkah terakhir kita akan memberikan style Color Overlay pada layer teks. Atur Color Overlay seperti gambar berikut ini dan tekan OK jika telah selesai.

Hasil Akhir Gambar

Dengan trik yang sama, saya mencoba menggunakan font lain dan background warna merah jambu. Dan hasilnya sebagai berikut.

Semoga tutorial ini bermanfaat, jangan lupa subscribe ke Painthink RSS feed, follow Grafisia di Twitter atau klik untuk berlangganan artikel via e-mail.

Download PSD dan Photoshop style

Related Posts

Preview Hasil Akhir Gambar

Sebelum kita mulai langkah-langkah pembuatanya, terlebih dahulu simak kreasi tulisan yang akan kita buat. Kamu bisa lihat preview di bawah ini atau bisa juga lihat dalam ukuran sebenarnya.

Langkah 1

Kita awali dengan membuat dokumen Photoshop baru berukuran 1200 x 700 px, lalu buat gradient halus sebagai background-nya.

Langkah 2

Dengan menggunakan Type Tool (T), ketik teks yang kamu inginkan. Pada tutorial ini saya menggunakan font Times New Roman, sedangkan untuk warna font apapun tidak masalah.

Langkah 3

Sekarang kita akan mulai menggunakan Layer Style. Klik layer teks dua kali untuk memunculkan jendela layer style. Pada halaman pertama jandela layer style, ubah nilai Fill Opacity menjadi 0%. Inilah alasan mengapa warna teks yang kita gunakan pada langkah 2 bisa warna apa saja.

Langkah 4

Langkah berikutnya adalah menambahkan Drop Shadow pada teks. Gunakan pengaturan seperti pada gambar berikut.

Langkah 5

Sekarang kita beri layer style Outer Glow.

Langkah 6

Layer style yang kita gunakan berikutnya adalah Bevel and Emboss. Screenshot di bawah ini akan memberikan informasi bagaimana pengaturan yang dibutuhkan.

Beri tanda cek pada kotak Contour dan setting yang saya gunakan seperti tampak berikut ini.

Langkah 7

Sebagai langkah terakhir kita akan memberikan Stroke pada layer teks. Atur Stroke seperti gambar di bawah ini dan tekan OK setelah selesai.

Hasil Akhir Kreasi Tulisan

Sangat mudah bukan ??? Hanya dalam tujuh langkah kamu bisa membuat tulisan efek logam hitam dengan pencahayaan realistis. Klik gambar dibawah ini untuk melihat dalam ukuran sebenarnya. Semoga tutorial ini bermanfaat, dan jangan lupa subscribe ke Painthink RSS feed atau klik disini untuk berlangganan tutorial Photoshop keren via e-mail.

Download psd file

Related Posts

Langkah 1

Mulai dengan memilih font stencil kemudian tulis teks yang kamu inginkan.

Langkah 2

Sekarang gunakan Rounded Rectangle Tool (U) untuk membuat shape yang mengelilingi teks. Dengan Path Selection Tool (A), copy dan paste path segi empat tadi pada path itu sendiri, kemudian ubah modenya menjadi Substract from shape area lalu perkecil ukuran path hasil paste tadi agar terbentuk border.

Gabungkan layer teks dan border dengan meng-klik keduanya kemudian menekan Ctrl+E.

Langkah 3

Buat file baru dengan ukuran 800 x 800 pixel. Tekan D untuk mengatur hitam sebagai warna Foreground kamu dan putih sebagai background, kemudian pilih Filter > Render > Clouds. Setelah itu simpan file ini dengan nama ‘clouds.psd’.

Langkah 4

Bukan efek stempel kalo bentuknya sempurna, kita harus beri sedikit efek agar terlihat lebih nyata. Kembali ke file teks stempel kamu, aktifkan layer hasil penggabungan tadi kemudian klik Filter > Distort > Displace. Disini kita tidak memerlukan pengubahan apapun, tekan OK saja lalu pilih file ‘clouds.psd’ yang barusan kita buat pada langkah sebelumnya.

Langkah 5

Duplikat layer stempel (layer hasil gabungan) dan sembunyikan layer yang asli dengan mengklik gambar mata di sebelah kiri layer. Pada layerhasil duplikat, tambahkan Layer Mask gunakan filter Craquelure pada mask, caranya klik Filter > Texture > Craquelure. Atur nilai Spacing sebesar 13, Depth sebesar 8 dan Brightness isi dengan 0. Jalankan Threshold Adjustment gunakan nilai 128 (masih pada layer mask). Selesaikan langkah ini dengan Filter > Blur > Blur More untuk memperhalus mask.

Langkah 6

Duplikat layer stempel yang asli sekali lagi dan tambahkan layer mask pada kopian kedua ini. Sekarang pilih Filter > Render > Clouds dan ikuti dengan Stamp filter, lalu klik Filter > Sketch > Stamp. Atur Light/Dark Balance menjadi 47 dan Smoothness menjadi 15.

Langkah 7

Gabungkan dua layer kopian dari layer stempel tersebut kemudian tambahkan layer mask pada layer ini. Ubah warna Foreground kamu menjadi abu-abu muda, warna putih sebagai background dan buat Gradient linear pada mask. Ini akan membuat warna tinta stempel lebih gelap pada satu sisi dan lebih gelap pada sisi yang lain.

Langkah 8

Aktifkan Smudge Tool dan gunakan brush Rough Round Bristle. Atur nilai Smudge Strength menjadi 50% dan dengan hati-hati gunakn smudge tool ini pada teks dan border sehingga tampak seperti berikut ini.

Hasil Akhir

Selesai!!! Sampai disini kamu telah berhasil membuat efek stempel karet realistis pada teks. Klik gambar dibawah ini untuk melihat dalam ukuran sebenarnya. Semoga tutorial ini bermanfaat, dan jangan lupa subscribe ke Painthink RSS feed atau klik disini untuk berlangganan tutorial Photoshop keren via e-mail.

Download psd file

Related Posts

Preview Hasil Akhir dari Gambar

Berikut ini adalah hasil akhir gambar yang akan kita buat pada tutorial Photoshop kali ini. Kamu bisa lihat preview di bawah ini atau lihat dalam ukuran sebenarnya.

Langkah 1

Bikin dokumen Photoshop baru dengan resolusi 1280 px kali 800 px dan penuhi backgroundnya dengan warna, kamu bisa menggunakan warna apa saja yang kamu suka. Buat layer baru dan dengan menggunakan Elliptical Marquee tool (M) buat marquee melingkar. Tekan Shift saat mendrag sehingga kamu akan menghasilkan seleksi lingkaran sempurna.

Langkah 2

Gunakan Paint Bucket Tool (G) untuk mengisi lingkaran seleksi tadi dengan warna apa aja, tidak ada masalah warna apapun yang kamu gunakan. Hilangkan seleksi dengan menekan Ctrl + D.

Langkah 3

Sekarang saatnya kita muai melakukan styling. Klik dua kali layer lingkaran hijau untuk menampilkan Layer Style window dan pertama pilih Drop Shadow dari pop-up menu yang ada. Gunakan setting seperti di bawah ini, namun jangan klik OK terlebih dahulu.

Langkah 4

Masih pada jendela Layer Effect, sekarang klik Inner Shadow dan gunakan pengaturan seperti berikut. Perhatikan kotak Use Global Light tidak kita centang, sehingga kita bisa mengubah arah sudut cahayanya. Jangan klik OK dulu.

Langkah 5

Selanjutnya pilih Inner Glow dan lakukan perubahan setting seperti di bawah ini. Jangan klik OK juga karena kita belum selesai melakukan styling.

Langkah 6

Dan ini adalah Layer Style terakhir yang kita gunakan. Pilih Gradient Overlay dan pengaturan yang saya gunakan sebagai berikut. Tekan OK jika kamu telah selesai.

Langkah 7

Sekarang kita akan mulai membuat highlight pada pin. Tambahkan layer baru, kemudian dengan menggunakan Elliptical Marquee Tool, buat seleksi elips dibagian kanan atas pin.

Langkah 8

Gunakan Gradient Tool dan atur warna Foreground menjadi putih,kemudian pada opsi Gradient Tool dibagian atas jendela Photoshop, pilih gradient Foreground ke Transparent. Sekarang buat gradient pada area seleksi seperti berikut ini. Setelah itu hilangkan seleksi dengan menekan Ctrl + D.

Langkah 9

Duplikat layer highlight dengan menekan Ctrl + J dan kemudian matikan visibilitas highlight yang asli dengan mengklik gambar mata di sebelah kiri layer. Pastikan sekarang kamu bekerja pada layer highlight copy. Pilih Eraser tool dan gunakan brush dengan radius ukuran besar untuk menghapus sebagian gambar highlight copy.

Setelah menghapus kamu akan dapatkan gambar seperti berikut.

Langkah 10

Ubah Opacity dari highlight copy menjadi 50%, kemudian hidupkan kembali visibilitas layer highlight yang asli dan ubah juga Opacity layer ini menjadi 50%.

Langkah 11

Pilih layer highight copy dan lakukan duplikat terhadap layer ini. Sekarang gunakan Ctrl + T untuk memindah hasil duplikatnya ke bagian kiri bawah pin, perhatikan berikut ini:

Tekan Enter jika sudah selesai. Berikutnya kurangiOpacity dari layer hasil duplikat ini menjadi 20%.

Langkah 12

Sampai disini template pin kita sudah selesai. Sekarang kita butuh menurunkan Fill Opacity dari layer lingkaran hijau tadi menjadi 0%, berikutnya kamu bsa menaruh gambar apapun yang kamu inginkan. Gambar apapun yang ingin kamu tampilkan pada pin kamu akan terletak dibawah layer ini.

Langkah 13

Waktu dulu masih suka musik, band yang saya sukai adalah salah satu dari band punk rock paling terkenal di dunia, Green Day. Lagu ‘Wake Me Up When September Ends’ dan ‘American Idiot’ adalah lagu yang paling sering saya dengarkan. Tapi sekarag saya sudah tidak suka musik lagi, bahkan saya membencinya. Dan gambar yang akan saya gunakan pada pin saya adalah simbol American Idiot punya Green Day, yaitu tangan memegang granat. Kamu bisa menggunakan gambar kamu sendiri, mungkin gambar yang ada kaitannya dengan sekolah kamu, bendera merah putih, gambar hasil desain kamu sendiri, atau mungkin logo dari organisasi yang kamu aktif di dalamnya. Taruh gambar kamu dibawah layer lingkaran hijau.

Sekarang tekan Ctrl dan klik pada thumbnail dari layer ligkaran hijau untuk membuat seleksi berbetuk lingkaran,sekarang menuju ke layer Green Day, kemudian pilih Layer > Layer Mask > Reveal Selection. Dan sekarang kamu telah mendapatkan pin funky bergambar Green Day.

Hasil Akhir Gambar

Inilah hasil akhir dari tutorial bikin pin keren dengan Photoshop. Dengan menyimpan template ini kamu bisa menggunakanya sewaktu-waktu kamu membutuhkannya dan kamu bisa membuat banyak pin dengan berbagai gambar untuk koleksi. Semoga bermanfaat jangan lupa subscribe ke Painthink RSS feed atau klik disini untuk berlangganan tutorial menarik dari Painthink yang akan dikirim langsung ke inbox E-mail kamu.

Download psd file

Related Posts

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

Langkah 1

Pertama kita persiapkan gambarnya. Efek menggulung akan kita berikan pada foto bunga tulip dari Stock Exchange, download dan buka dengan Photoshop. Lalu kita menuju ke palet layer, klik kanan pada background dan pilih Layer From Background, tekan OK ketika muncul dialog box. Sekarang gambar background kita beruah menjadi layer 0.

Langkah 2

Pilih Layer > New Fill Layer > Solid Color, tekan OK, kemudian pada color swatch pilih hitam sebagai warna kita. Pada langkah ini kita membuat layer dengan nama ‘Color Fill1′ diatas gambar tulip.

Kita butuh memberi gradien pada layer mask dari layer Color Fill 1, jadi pastikan layer ini dalam keadaan aktif. Tekan D pada keyboard untuk membuat warna Foreground jadi hitam, kemudian pilih Gradient Tool (G) dan buat gradien dari hitam ke transparan, sebagai contoh kamu bisa lihat gambar berikut ini.

Langkah 3

Sekarang kita butuh melengkungkan layer mask pada layer Color Fill 1. Tekan Ctrl+T untuk memulai Free Transform. Hanya layer mask yang akan terpilih. Dalam keadaan Free Transform aktif, perhatikan Options Bar yang ada di bagian atas Photoshop dan klik ikon Warp yang ada disitu.Sekarang kamu akan melihat grid kecil dengan anchor points pada sudut atas kanan gambar. Klik, tahan dan geser ke arah diagonal kiri bawah seprti berikut ini. Saya juga mendrag anchor points pada sumbu X dan Y untuk membuatnya lebih tampak melengkung.

Tekan enter dan kita dapatkan gambar seperti berikut,

Langkah 4

Pada palet layer, klik dua kali layer Color Fill 1 untuk memunculkan jendela Layer Style. Pada halaman pertama ubah Fill Opacity menjadi 0, untuk menghilangkan warna hitam, dan untuk menampilkan kembali gambar yang ada dibawah layer.

Tambahkan Inner Shadow pada layer Color Fill 1 dan atur sebagaimana tampak berikut ini,

Klik Stroke kemudian atur Size jadi 10px dan Color isi dengan warna putih, Position isi dengan Outside. kemudian tekan OK.

Langkah 5

Sebagai tahapan terakhir, buat layer baru dibawah semua layer. Gunakan Paint Bucket Tool (G) dan penuhi layer baru ini dengan warna putih. Kembali ke Layer 0, pilih Layer > Layer Mask > Reveal All. Ubah warna foreground kamu ke hitam. Pada layer mask, gunakan secara hati-hati soft brush dengan warna hitam pada sudut kanan atas gambar.

Hasil Akhir

Setelah menempuh semua langkah-langkah diatas kamu akan mendapatkan gambar seperti berikut. Semoga tutorial ini bermanfaat dan jangan lupa subscribe ke Painthink RSS Feed.

Download psd file

Related Posts