Jika kita berkunjung ke situs-situs tutorial desain grafis, kemungkinan besar disana akan kita jumpai tutorial membuat ikon, topik yang sudah tidak asing bagi orang yang suka desain. Mungkin dari tutorial-tutorial desain ikon tersebut kita jumpai step yang panjang dan trik yang cukup sulit bagi pemula, sebenarnya ada nggak sih cara mudah untuk bikin ikon?

Disini jawabannya… pada tutorial Photoshop kali ini saya akan berbagi dengan teman-teman semua tentang bagaimana cara mudah membuat ikon tas kerja dengan Photoshop. Dalam tutorial Photoshop ini kita akan belajar menggunakan shape sederhana dan beberapa Layer Style. Lets get started..!!!

Langkah 1

Buat dokumen baru dengan ukuran 1280 x 1024 pixels pada resolusi 300ppi, pilih putih sebagai warna background. Sebenarnya background yang baik untuk sebuah ikon adalah Transparent, tapi pada tutorial ini saya gunakan putih hanya untuk mempermudah, sedangkan setelah ikon jadi kamu bisa mendisable background putih ini dan simpan dengan tipe file png.

Pertama kita buat bagian dasarnya, gunakan Rounded Rectangle Tool (U) dengan nilai radius sebesar 45px, bikin shape seperti tampak pada gambar berikut.

Langkah 2

Sekarang pada menu pilih Layer > New Fill Layer > Solid Color, ketika muncul dialog box klik OK berikutnya akan muncul jendela Color Picker, pilih warna hitam #000000 dan klik OK.

Langkah 3

Pada palet layer klik dua kali layer Solid Color 1 untuk memunculkan jendela Layer Style. Sebagai warna dasar tas kita buat gradien halus dari abu-abu gelap ke agak terang. Cek Gradient Overlay pada layer style dan atur sebagaimana berikut ini. Jangan tekan OK dulu karena akan kita lanjutkan pada langkah 4.

Langkah 4

Sekarang beri Stroke pada layer Solid Color 1, atur sebagaimana gambar di bawah ini. Tekan OK jika sudah selesai.

Sampai disini kita dapatkan gambar sebagai berikut.

Langkah 5

Buat shape yang lain dengan tetap menggunakan Rounded Rectangle Tool (U) radius 45px. Pastikan garis atas, kanan dan kiri berhimpitan dengan garis pada shape 1. Jadi shape 2 mempunyai lebar sama dengan shape 1 dengan tinggi kurang lebih separuhnya. Gunakan Add Anchor Point Tool, tambahkan anchor point baru pada garis bagian bawah tengah shape 2, setelah itu tarik anchor point sedikit ke bawah untuk mendapatkan garis melengkung.

Langkah 6

Kembali seperti pada Langkah 2, pilih Layer > New Fill Layer > Solid Color pada menu, ketika muncul dialog box klik OK berikutnya akan muncul jendela Color Picker, pilih warna #353535 dan klik OK.

Langkah 7

Klik dua kali layer Solid Color 2 untuk mnampilkan jendela Layer Style. Pertama kita gunakan Drop Shadow untuk memberi efek bayangan pada layer. Cek kotak Drop shadow dan atur sebagai berikut.

Langkah 8

Layer Style berikutnya adalah Gradient Overlay.

Langkah 9

Berikutnya tambahkan Stroke pada layer Color Fill 2. Atur sebagai berikut lalu tekan OK.

Setelah menyelesaikan sembilan langkah kita peroleh hasil sebagai berikut.

Langkah 10

Buat shape baru menggunakan Rounded Rectangle Tool (U) dengan radius 10px. Pilih Layer > New Fill layer > Solid Color, pada Color Picker masukkan warna #abacb0.

Langkah 11

Kita butuh memberi beberapa Layer Style pada layer Color Fill 3. Berikut adalah screenshot yang bisa membantu kamu memberi Drop Shadow, Inner Shadow, Bevel and Emboss dan Gradient Overlay pada layer.

Sampai disini kita perleh gambar berikut.

Langkah 12

Buat shape baru lagi dan seperti sebelumnya, gunakan shape untuk membuat Color Fill layer, tapi warna yang kita gunakan pada langkah ini adalah #6e6e6e. Ukuran lebar shape sama dengan yang kita buat pada langkah 10 sedangkan tingginya cukup setengahnya.

Langkah 13

Seperti yang kita lakukan pada layer Color Fill 3, kita butuh memberi beberapa Layer Style pada layer Color Fill 4. Berikut adalah screenshot yang bisa membantu kamu memberi Drop Shadow, Inner Shadow, Bevel and Emboss dan Gradient Overlay pada layer.

Sampai disini kita perleh gambar berikut.

Langkah 14

Tambahkan shape baru lagi dan penuhi dengan warna #383838. Letakkan layer Fill Color baru ini dibwah semua layer yang ada.

Langkah 15

Beri Layer Style Color Overlay pada layer Color Fill 5. Atur sebagaimana berikut ini.

Duplikat layer Color Fill 5 dan geser salah satu dari keduanya kekiri, usahakan posisi keduanya simetri, akan kita dapatkan gambar sebagai berikut.

Langkah 16

Bikin shape baru lagi, kali ini isi dengan warna hitam #000000. Letakkan layer Color Fill 6 dibawah semua layer yang ada.

Langkah 17

Klik layer Color Fill 6 dua kali untuk memunculkan jendela Layer Style, tambahkan layer Style sebagai berikut.

Duplikat layer Color Fill 6 kemudian geser salah satu dari keduanya kekiri, usahakan posisi keduanya simetri, sampai disini ikon kita seperti berikut.

Langkah 18

Sekarang kita buat handle untuk tas kita, caranya sebagaimana langkah-langkah yang sudah kita lalui sebelumnya, pertama bikin shape baru lalu penuhi dengan warna hitam #000000, taruh posisi layer Color Fill 7 ini diatas semua layer.

Langkah 19

Seperti sebelumnya juga, klik dua kali pada layer Color Fill 7 untuk memberi Layer Style.

sampai pada langkah ini kita peroleh gambar seperti berikut, bentuk yang kita inginkan udah kelihatan tapi kita belum selesai.

Langkah 20

Bikin layer Color Fill lagi dengan cara yang udah tak sebutin di atas, namun kali ini warna yang kita gunakan adalah #151515.

Langkah 21

Kita bentar lagi akan menyelesaikan ikon tas ini, sekarang gunakan Layer Style lagi seperti pada langkah-langkah sebelumnya. Tentu saja yang dikasih Layer Style kali ini adalah layer yang kita buat pada langkah 20.

kita peroleh gambar seperti berikut.

Hasil Akhir

Sebagai sentuhan akhir kamu tinggal manambahkan bayangan di bawah tas, dan kamu akan mendapatkan gambar ikon keren seperti dibawah ini. Semoga tutorial ini bermanfaat untuk kamu semua, selamat mencoba dan jangan lupa subscribe ke painthink RSS feed.

Download psd file

Related posts:

1. Tutorial Photoshop Menggambar iPhone 3G
2. Membuat Wallpaper Fantasi Luar Angkasa (Bag-2)
3. Tutorial Menggunakan Pen Tool pada Photoshop

Membuat tekstur sendiri sendiri membuat bekerja di Photoshop jadi lebih mudah, karena kita memiliki perbendaharaan tekstur lengkap yang dapat kita gunakan jika ada proyek-proyek desain serupa di masa mendatang. Keuntungan dari membuat tekstur sendiri daripada men-download atau membeli adalah bahwa kita dapat menyesuaikan dengan kebutuhan dan bagaimana bentuk tekstur yang kita inginkan, dan karena ketika membuat tekstur disini kita menggunakan filter acak, maka kita dapat melakukan percobaan dan menerapkannya sebanyak yang kita inginkan sampai kita puas dengan hasilnya.

Ada banyak jenis tekstur yang dapat kita buat, tapi salah satu yang cukup sering digunakan adalah tekstur kayu. Jadi, mari mulai bikin tekstur kamu sendiri dengan mengikuti langkah-langkah mudah pada tutorial Photoshop kali ini.

Langkah 1

Buka photoshop dan mulai buat dokumen baru ukuran 3000 x 3000 px dengan resolusi 300 ppi. Bikin layer baru dan kita sebut layer ini dengan nama ‘fiber 1′. Pastikan warna foreground kamu hitam dan warna background putih, kamu bisa tekan D untuk pengaturan warna seperti ini. Gunakan Paint Bucket Tool (G) dan penuhi layer fiber 1 dengan warna foreground kemudian klik Filter > Render > Fibers, masukkan 1 pada masing-masing kotak Varians dan Strength. Tekan Randomize beberapa kali sampai kamu dapatkan fiber yang terang seperti berikut.

Langkah 2

Sekarang kita beri warna pada tekstur, klik dua kali layer fiber 1 untuk membuka jendela Layer Style, pilih Color Overlay. Ubah blending mode menjadi Linear Burn, klik color swatch pad jendela Layer Style, masukkan #d2af5a.

Langkah 3

Untuk mendapatkan tekstur kayu yang baik tentu kita membutuhkan perpaduan warna yang baik pula. Sekarang kita ubah lagi warna foreground menjadi #be822d dan warna bacground menjadi #dcaf28.

Tambahkan layer baru sebut saja dengan fiber 2 dan ubah blending mode jadi Multiply. Gunakan Paint Bucket Tool (G) untuk mengisi layer dengan warna foreground. Kemudian klik Filter > Render > Fibers. Atur Varians jadi 7 dan Strength 50. Jika kamu dapatkan serat yang gelap, tekan Randomize beberapa kali sampai kamu dapatkan serat yang cukup terang.

Langkah 4

Bikin layer baru dengan nama ‘grain’, ubah blending mode menjadi Multiply. Pada menu bar pilih Edit > Fill dan pada jendela pengaturan yang muncul untuk Use pilih white dan Multiply sebagai Mode. Selesaikan langkah ini dengan menekan OK.

Langkah 5

Tekan D untuk mengembalikan warna foreground/background hitam/putih. Pilih Filter > Render > Fibers, masukkan 1 pada kotak Variance, 50 pada kotak Strength dan gunakan Randomize untuk menemukan efek yang terang.

Langkah 6

Tambahkan noise melalui Filter > Noise > Add Noise, masukkan 35% pada Amount dan cek pada kotak Monochromatic.

Langkah 7

Pada palet layer pilih semua layer dan tekan Ctrl+E untuk menggabungkan semuanya. Untuk mengubah arah tekstur kita jadi horizontal pilih Image > Image Rotation > 90 CCW.

Agar terasa lebih realistis tambahkan knot pada tekstur kita, knot disebut juga dengan poros lingkaran tahun pada pohon. Dalam keadaan layer gabungan aktif klik Filter > Liquify. Cek Show Backdrop yang ada pada option bagian bawah dan tingkatkan Opacity menjadi 60. Gunakan Forward Warp Tool (W) untuk membuat knot, caranya klik+tahan lalu geser ke arah horizontal sampai kamu dapatkan efek yang kamu inginkan. Perbesar gambar (Zoom in) agar efek yang dihasilkan tampak lebih jelas. Variasikan ukuran knot dengan menggunakan ukuran brush yang berbeda atau bisa juga kamu gunakan Twirl Clockwise Tool (C) dengan setting brush pressure rendah.

Hasil Akhir

Kamu bisa memvariasian warna overlay pada fiber 1 atau mengubah setting dari filter fibers untuk mendapatkan tekstur kayu yang berbeda baik warna maupun tampang permukaannya. Bisa juga dengan menurunkan Opacity layer grain atau mengubah blending modenya. Tekstur yang saya buat bisa kamu download dengan klik pada gambar dibawah, tapi akan lebih baik jika kamu mencoba membuat sendiri tekstur kayu kamu dengan langkah-langkah diatas.

Semoga tutorial ini bermanfaat untuk kamu semua, selamat mencoba dan jangan lupa subscribe ke painthink RSS feed.

Related posts:

1. Tipografi Batik pada Tekstur Kayu
2. Menggunakan Tekstur Daun untuk Membuat Wallpaper Indonesia Hijau
3. Mengubah Foto Menjadi Lukisan Cat Air

Beberapa minggu lalu saya memposting tutorial menggambar planet dengan photoshop, namun langkah yang saya paparkan barulah setengah perjalanan. Masih ada beberapa langkah yang harus diselesaikan untuk mendapatkan hasil sesuai yang diinginkan. Disini akan saya sampaikan sentuhan akhir dari proses pembuatan wallpaper tersebut, diantaranya memberi efek lingkungan kosmik seperti awan, pencahayaan, bintang-bintang dan matahari.

Preview Hasil Akhir dari Gambar

Sebelum menuju ke step-step berikutnya, kita lihat kembali wallpaper yang akan kita buat. Untuk lebih jelas bisa melihat gambar pada ukuran sebenarnya.

Untuk mengingat sekilas tentang postingan yang lalu yaitu bagian pertama dari tutorial ini kita telah membuat tekstur permukaan planet dengan menggunakan beberapa filter dan efek spherize untuk membuat tekstur yang ada membentuk bola. Buka kembali file kamu, kita lanjutkan permainan ini!!!

Langkah 20

Kopi bola planet yang udah kita bikin kemaren dan paste di dokumen baru ukuran 1920 pixel untuk panjangnya dan 1200 pixel untuk lebarnya, gunakan resolusi 300 dpi. Sekarang beri efek pencahayaan pada planet dengan Filter > Render > Linghting Effects. Dengan style flashlight akan tetapi sumber cahaya kita letakkan pada ujung kanan atas planet, lebih lengkapnya perhatikan gambar berikut. Tekan OK jika sudah selesai.

Langkah 21

Duplikat gambar planet dengan menekan Ctrl+J dalam keadaan layer planet aktif. Jadikan Blending Mode layer baru ini Color Dodge. Tambahkan layer mask dan gunakan Linear Gradient Tool (G) untuk melakukan masking. Atur warna gradient dari hitam ke tansparan lalu tarik gradient dari pojok kiri bawah ke arah diagonal sampai garis pertengahan planet.

Langkah 22

Karena kita menginginkan efek partial eclipse, kita perlu memperkuat lagi pencahayaan pada salah satu bagian dari planet. Duplikat planet sekali lagi dan taruh layer kopiannya diatas layer-layer lainnya. Ubah Blending Mode menjadi Color Dodge dan tekan Ctrl+U untuk menampilkan jendela pengaturan Hue/Saturation. Kita biarkan nilai Hue tetap 0 namun bagian Saturation kita isi -53 dan Lightness 67.

Langkah 23

Tekan Ctrl+klik pada layer terahir untuk membuat seleksi berupa lingkaran kemudian klik ikon Add Mask yang ada pada bagian bawah layer window. Unlink thumbnail layer dengan mask layer lalu tekan Ctrl+I untuk menginvertnya. Sudahi langkah ini dengan Gaussian Blur sebesar 100 pixel pada mask layer untuk memperhalusnya.

Langkah 24

Bikin layer baru dengan nama ‘glow’ dan posisikan layer ini di bagian paling atas. Lakukan seleksi seperti pada langkah 23 kemudian pilih Edit > Fill dan pilih 50% Gray. Ubah Blending Mode layer ini menjadi Overlay, dan kamu lihat lingkaran abu-abu yang barusan kita buat tiba-tiba menghilang, memang demikian karena yang kita butuhkan disini hanyalah efek glow bukan lingkarannya. Klik dua kali layer ini untuk memunculkan Layer Style Control dan pastikan kotak Layer Mask Hides Effects kamu beri tanda cek. Berikan style Outer Glow dan Inner Glow, informasi mengenai pengaturan kedua style ini bisa kamu lihat pada screenshot berikut.

Langkah 25

Tambahkan Layer Mask dan gunakan gradient dari hitam ke transparan untuk menghilangkan sebagian efek glow pada sisi planet.

Langkah 26

Buat layer baru dibelakang semua layer, sebut saja ‘space’. Atur warna foreground dan background menjadi hitam #000000 dan ungu #36155c. Sekarang klik Filter > Render > Clouds lalu perbesar ukura layer ini sampai sekitar 350%.

Langkah 27

Tambahkan layer ‘gradient’ diatas layer space dan ubah Blending Modenya menjadi Soft Light. Buat radial gradient dari putih ke transparan dengan titik permulaan gradient adalah titik dimana matahari akan muncul.

Langkah 28

Bikin layer lagi dan beri nama ‘clouds’ dengan Blending Mode Overlay. Gunakan warna default hitam dan putih dan buat awan sekali lagi dengan Filter > Render > Clouds. Ini akan memberikan tekstur yang bagus untuk layer kita.

Langkah 29

Tidaklah lengkap keindahan sebuah langit tanpa taburan bintang yang menghiasinya, oleh karena itu dengan Photoshop dan beberapa efek yang ada padanya, akan kita buat taburan bintang yang akan menghiasi langit kita. Bikin layer baru dengan nama ‘stars’ dan penuhi dengan warna hitam. Setelah itu kita menuju ke Filter > Noise > Add Noise, masukkan nilai Amount 20% pilih Gaussian untuk Distribution dan jangan lupa beri tanda cek pada Monochromatic yang tedapat pada bagian paling bawah.

Langkah 30

Sampai disini langit kita kelihatan cukup aneh. sekarang ubah Blending Mode layer stars menjadi Screen untuk menghilangkan warna hitam dan membiarkan warna putih tetap nampak. Dan sekarang kelihatan lebih baik.

Langkah 31

Tekan Ctrl+L untuk memunculkan pengaturan Level. Atur Level sebagaimana yang ada pada screenshot berikut.

Langkah 32

Perbesar ukuran layer stars sampai 300% sehingga bintang-bintang tidak kelihatan sangat kecil. Tambahan Layer Mask dan gunakan brush abu-abu muda untuk menghilangkan kelompok bintang yang ada pada daerah langit yang terang sehingga bintang hanya nampak pada daerah langit yang gelap.

Langkah 33

Sekarang kita akan menggambar mentari yang muncul dari balik planet. Buat layer baru diatas semua layer dengan nama ‘flare’. Buat seleksi melingkar dengan menggunakan Elliptical Marquee Tool (M), sebagai tips tekan Shift saat membuat seleksi sehingga bentuk seleksi yang dihasilkan adalah lingkaran sempurna bukan elips. Penuhi area seleksi dengan Radial Gradient dari warna putih #FFFFFF ditengah dan warna kuning cerah #F0FF00 di bagian luar, pilih Layer > New Fill Layer > Gadient tekan OK dan atur sebagaimana pada gambar berikut.

Langkah 34

Tekan Ctrl+D untuk menghilangkan seleksi lalu sekarang menuju ke Filter > Blur > Gaussian Blur. Radius sekitar 70 pixel akan memberi efek yang cukup bagus. Ubah Blending Mode dari layer ini menjadi Hard Light.

Langkah 35

Duplikat layer flare, tekan Ctrl+T dan ubah bentuk dari kopian flare ini memanjang secara horizontal dan memipih secara vertikal. Gabung layer flare beserta kopiannya dengan memilih keduanya dan menekan Ctrl+E, pastikan layer gabungan keduanya tetap dalam Hard Light.

Langkah 36

Sekarang tambahkan layer style Outer Glow, ubah warnanya menjadi merah #FF0000 cerah dan naikkan Size menjadi 250 px serta Range sekitar 50%.

Langkah 37

Duplikat layer gabungan flare diatas dan putar 90 derajat. Posisikan flare yang vertikal dibawah flare yang horizontal.

Langkah 38

Sebagai sentuhan akhir aktifkan layer flare horizontal. Pilih Filter > Render > Lens Flare. Atur Brightness sebesar 150% dan pilih Movie Prime sebagai Lens type.

Hasil Akhir

Berikut hasil akhir dari wallpaper kita, kamu bisa berkreasi dengan menambahkan benda benda kosmik lain semisal komet, satelit atau bahkan mungkin pesawat alien. Kamu juga bisa download file psd untuk tutorial ini. Selamat mencoba dan jangan lupa subscribe ke painthink RSS Feed.

Related posts:

1. Membuat Wallpaper Fantasi Luar Angkasa (Bag-1)
2. Menggunakan Tekstur Daun untuk Membuat Wallpaper Indonesia Hijau
3. Wallpaper Out of Bounds Mobil Sport

Banyak hal yang bisa kita kreasikan dalam tipografi. Beragam ide dan kreativitas telah mewarnai bentuk seni yang satu ini. Diantaranya adalah efek cat basah yang akan kita praktekkan pada tutorial photoshop kali ini. Disini akan kita gunakan brush dan layer style serta kreativitas kita untuk menciptakan efek realistis pada manipulasi teks.

Preview Hasil Akhir dari Gambar

Lihat terlebih dahulu hasil akhir dari efek tulisan yang akan kita buat, sebelum kita mulai menapaki langkah-langkah untuk menyelesaikannya. Untuk lebih detail bisa melihat gambar pada ukuran sebenarnya.

Siap? mari kita mulai!!!

Langkah 1

Seperti biasa, bikin dokumen photoshop ukuran 1920 pixel x 1200 pixel dengan resolusi 300dpi dan pilih background Transparent. Habis itu cari gambar tekstur kayu yang nanti akan kita jadikan sebagai background tulisan. Kamu bisa pakai tekstur kayu yang pernah saya buat pada tutorial photoshop beberapa waktu lalu, bisa juga pakai foto kamu sendiri (foto permukaan kayu maksudnya) atau terserah kamu dari mana. kalu yang saya pakai disini adalah gambar tekstur kayu yang saya dapat dari stock exchange. Buka gambar di photoshop, tekan Ctrl+A untuk menyeleksi semua bagiannya, copy dengan Ctrl+C kemudian tekan Ctrl+V pada dokumen kita untuk mempaste tekstur kayu tersebut. Sesuaikan ukurannya dengan dokumen jika ukuran gambar terlalu besar.

Langkah 2

Ketik tulisan apa aja dengan font terserah kamu, pakai Arial kayaknya cukup bagus juga. Disini saya pakai tulisan ‘PT’ dengan huruf T terbalik dan menambah sedikit hiasan pada sudut-sudut tulisan. Untuk warna font saya pilih warna merah tua #370c0b, jadinya seperti screenshot berikut.

Langkah 3

Tekan Ctrl+T kemudian perbesar ukuran teks dan putar sedikit berlawanan arah jarum jam.

Langkah 4

Buat seleksi yag membentuk layer teks dengan klik pada layer thumbnail disertai menekan Ctrl. Setelah seleksi terbentuk aktifkan Rectangular Marquee Tool (M) lalu klik kanan pada area kanvas dan pilih Make Work Path. Akan muncul jendela Make Work Path, pada kotak tolerance isikan 1 pixel lalu OK.

Langkah 5

Sembunyikan layer teks dengan melakukan klik pada ikon mata disebelah kiri layer thumbnail. Tambah layer baru dengan nama ‘strokepath’ di bagian teratas pada layer window. Dengan path yang sudah kita buat pada langkah 4 lakukan Stroke Path menggunakan brush dengan kategori wet paint, kamu bisa mencari di deviantart atau tempat download brush gratis lainnya. Atur diameter brush sampai kamu dapatkan hasil yang bagus. Jika ingin tahu lebih banyak tentang penggunaan path, kamu bisa baca tulisan saya tentang tutoial menggunakan Pen Tool pada Photoshop.

Langkah 6

Buat layer baru lagi dengan nama ‘fill’ dan letakkan dibawah layer strokepath. Penuhi area teks dengan brush yang kita gunakan untuk stroke path, tidak perlu terlalu rata dan seragam, bahkan usahakan tidak seragam sehingga akan kelihatan lebih realistis.

Langkah 7

Tambahkan layer baru diatas layer strokepath dengan nama ‘texture’. Klik layer dua kali pada jendela layer untuk memunculkan layer style window. Kamu membutuhkan pengaturan layer style seperti berikut.

Layer texture kita butuhkan untuk memberikn efek basah pada teks, oleh karena itu atur fill layer texture menjadi nol. Setelah itu lakukan brush seperti pada langkah sebelumnya, dan kamu akan mendapatkan efek cat basah yang tampak realistis.

Langkah 8

Akan lebih keren jika kita beri efek menetes pada beberapa bagian yang konsentrasi cat kelihatan cukup tinggi. Langkah yang kita butuhkan untuk melakukannya petama bikin layer baru diatas semua layer dengan nama ‘drips’. Dengan Elliptical Marquee Tool (M) buat seleksi lingkaran-lingkaran kecil seperti tampak pada gambar berikut.

Setelah itu gunakan Paint Bucket Tool (G) untuk memenuhi aea seleksi, pastikan warna foreground tetap seperti semula, merah tua #370c0b. Tekan Ctrl+D untuk menghilangkan seleksi. Gunakan filter Liquify untuk memberi efek menetes, pilih Filter > Liquify. Setelah muncul jendela Liquify gunakan Forward Warp Tool untuk membikin efek lelehan di bagian bawah setiap lingkaran, buat sebaik mungkin.

Tekan OK dan akan kita dapati gambar seperti berikut.

Langkah 9

Beri style pada layer drips seperti yang kita lakukan pada langkah 7 dan jika ada yang kurang rapi, bersihkan dengan cara masking.

Hasil Akhir

Berikut hasil akhir gambar yang kita buat, selamat mencobanya untuk kreasi kamu sendiri. Jangan lupa subscribe ke painthink RSS Feed.

Related posts:

1. Membuat Efek Batu Tipografi 3D, Tugu Jogja
2. Efek Huruf Melipat dengan Photoshop
3. Membuat Tipografi Sederhana, ‘Nobody is Perfect, I am…’

Tutorial Photoshop kali ini akan membahas cara menggambar pemandangan luar angkasa dengan berbagai benda langit yang menghiasinya, seperti planet, bintang-bintang, satelit, cahaya matahari dan lainnya. Bagaimana membuat tekstur permukaan planet, membuat efek 3D membentuk bola, menggambar bintang-bintang, dan efek kilauan cahaya matahari semuanya akan kamu temukan disini. Karena langkahnya cukup panjang, tutorial ini akan saya bagi menjadi dua bagian dan pada bagian pertama kita akan menggambar bentuk dasar planetnya yang kemudian dilanjutkan memberi efek pemandangan luar angkasa pada bagian dua.

Preview Hasil Akhir dari Gambar

Mungkin sebagian orang berpikir untuk membuat sebuah gambar antariksa yang berisikan planet dan benda langit lainnya membutuhkan aplikasi 3D mutakhir atau mungkin membutuhkan kamera super canggih yang bisa memotret pemandangan langit nan jauh disana. Tapi sebenarnya itu bisa dihasilkan dengan menggunakan efek-efek yang terdapat pada Photoshop. Sebelum kita mulai tutorial panjang ini simak terlebih dahulu gambar yang akan kita buat, sehingga bisa menambah semangat untuk mengikuti tutorial ini sampai akhir.

Langkah 1

Buka Photoshop dan buat dokumen baru ukuran 1200 x 1200 pixel dengan resolusi 300 dpi. Pilih Filter > Render > Clouds lalu lakukan duplikasi pada dokumen dengan Image > Duplicate. Simpan hasil duplikasi ini dengan nama clouds.psd dan ingat dimana kamu menyimpannya karena file ini akan kita butuhkan nanti.

Langkah 2

Pada file yang asli klik lakukan filter sekali lagi dengan Filter > Render > Difference Clouds.

Langkah 3

Tekan Ctrl+L untuk memunculkan pengaturan level kemudian geser input putih kekiri sekitar 150 dan output hitam ke kanan kira-kira sebesar 115.

Langkah 4

Buat layer baru dan ubah blending modenya menjadi Overlay. Gunakan Radial Gradient Tool dengan gradient dari foreground ke transparent. Gunakan foreground putih untuk membuat daerah terang dan foreground hitam untuk mempergelap bagian yang lain

Langkah 5

Buat gradient map seperti tampak pada gambar berikut

tambahkan layer baru dengan nama ‘lingkaran’, kemudian gunakan gradient yang barusan kita bikin untuk membuat beberapa lingkaran dengan besar diameter bervariasi.

Langkah 6

Sekarang kita buat warna dari lingkaran-lingkaran tadi menyatu dengan tekstur tanah, ini bisa dilakukan dengan menggunkan filter, Filter > Render > Difference Clouds.

Langkah 7

Pada langkah 1 kita telah membuat file clouds.psd, ingat-ingat dimana kamu menyimpannya karena sekarang akan kita gunakan. kita akan menggunakan distort untuk mengubah lingkaran-lingkaran tadi agar kelihatan lebih realistis, klik Render > Distort > Displace biarkan setting seperti yang ada pada default lalu OK dan pilih file clouds.psd.

Langkah 8

Disini akan kita buat tekstur permukaan planet lebih kelihatan nyata. Pilih semua layer lalu gabungkan menjadi satu dengan menekan Ctrl+E. Kemudian beri nama layer hasil gabungan ini dengan ‘daratan’. Sekarang pilih Filter > Stylize > Emboss, atur Angle menjadi 135, Height 4 dan Amount 248%. Semuanya bisa kamu lihat seperti gambar dibawah. Jangan lupa tekan OK, sekarang jadilah tekstur tanah planet seperti apa yang kita inginkan.

Langkah 9

Tekstur daratan sudah oke, tapi seperti kita tahu, di bumi tidak hanya daratan tetapi juga ada lautan. Jadi untuk membuatnya lebih kelihatan planet banget, kita tambahkan layer baru dengan nama ‘lautan’. Tentu saja jika hanya layer kosong kaya gini nggak akan mirip lautan, perlu dilakukan beberapa efek.

Ubah setting warna foreground menjadi #8b8b8b dan background #545454. Jalankan filter sekali lagi, Filter > Artistic > Paint Daubs. Gunakan Brush Size 50, Sharpness 7 dan untuk Brush Tipe pilih Wide Blurry. Setelah filter selesai perbesar ukuran layer sampai 150% kemudian geser untuk memperoleh area paling menarik untuk ditampilkan.

Langkah 10

Lakukan filter sekali lagi, Filter > Sketch > Chrome lalu ubah nilai Detail menjadi 4 dan Smoothness menjadi 7.

Langkah 11

Efek yang dihasilkan langkah 10 sedikit terlalu kuat sehingga kita harus menguranginya dengan Edit > fade > Chrome gunakan Opacity sebesar 70%.

Langkah 12

Efek permukaan air lautnya sudah bagus tapi aneh juga jika warna air laut abu-abu, jadi harus kita ubah warnanya.

Tambahkan Adjustment Layer baru dengan Layer > Adjustment Layer > Hue/Saturation, layer ini kita gunakan untuk mengubah warna tekstur permukaan air kita, Untuk menampilkan warna biru, isikan pada Hue 200, Saturation 25, Lightness -29 dan satu lagi, beri tanda cek pada Colorize yang ada dibawahnya.

Langkah 13

Pada jendela layer, klik layer daratan, tahan dan geser ke atas sehingga posisi layer di atas semua layer lainnya. Beri Layer Mask pada layer ini dengan menuju Layer > Layer Mask > Reveal All. Lakukan Filter Clouds sekali lagi dengan sebelumnya memilih warna hitam sebagai foreground dan putih sebagai backgroundnya.

Langkah 14

Lanjutkan dengan Filter > Artistic > Fresco dengan Brush Size 2, Brush Detail 8 dan Texture 1, atau lebih jelasnya pada screenshot berikut.

Langkah 15

Berikutnya tekan Ctrl+L untuk memunculkan pengaturan Level. Untuk setting level bisa kamu lihat dibawah.

Langkah 16

Lakukan unlink pada mask dari layer daratan dengan mengklik pada gambar mata rantai yang ada di tengah keduanya. Ini akan menjadikan perubahan ukuran dan posisi mask tidak berefek pada layer. Setelah itu perbesar ukuran mask sampai sekitar 300% lebih besar dari ukuran sebelumnya. Lalu geser sampai kamu menemukan bentuk tekstur yang paling bagus.

Langkah 17

Sekarang kita pergelap warna permukaan planet dengan Hue/Saturation. Pilih Layer > New Adjustment Layer > Hue/Saturation, akan muncul dialog box, beri tanda cek pada ‘Use Previous Layer to Create Clipping Mask’, dengan begitu layer ini akan menjadi Clipping Mask untuk layer dibawahnya, kemudian tekan OK. Masukkan nilai Hue 22, Saturation 27 dan Lightness -40.

Langkah 18

Simpan file lalu klik Layer > Flatten Image. Untuk membuat planet menjadi bulat pilih Filter > Distort > Spherize dan gunakan Amount 100%.

Langkah 19

Ekstrak bagian yang mendapat efek bola menggunakan Elliptical Marquee Tool, bisa juga menggunakan cara mengekstrak gambar lainnya.

Untuk kelanjutannya insyaAlloh akan menyusul.

Related posts:

1. Membuat Wallpaper Fantasi Luar Angkasa (Bag-2)
2. Menggunakan Tekstur Daun untuk Membuat Wallpaper Indonesia Hijau
3. Wallpaper Out of Bounds Mobil Sport

Tipografi memang seni yang punya rasa tersendiri. Banyak kreasi yang bisa dihasilkan dengan mempermainkan huruf-huruf, menata atau memberi efek tertentu. Kali ini painthink kembali memberikan tutorial tipografi, dan kali ini kita akan membuat efek huruf melipat dengan photoshop.

Langkah 1

Pertama buka photoshop dan buat dokumen baru dengan ukuran sesuka kamu dengan resolusi 300 ppi. Gunakan Paint Bucket Tool (G) untuk memenuhi area dengan warna #e9e3d5. Ketik tulisan yang akan kita beri efek melipat. Untuk font yang digunakan terserah kamu, karena disini saya hanya menjelaskan triknya saja. Saya disini menggunakan font Helvetica CE.

Langkah 2

Duplikat layer teks dengan menekan Ctrl+J lalu ubah warna teks hasil duplikasi ini dengan #55514e. Pada layer palet, klik kanan layer duplikat kemudian pilih Rasterize Type.

Langkah 3

Gunakan Polygonal Lasso Tool (L) untuk menyeleksi bagian dari huruf yang akan kita buat melipat.

Langkah 4

Cut bagian yang ada pada area seleksi dengan menekan Ctrl+X kemudian paste dengan menekan Ctrl+V. Dengan mempaste berarti kita mendapatkan layer baru, ubah nama layer baru ini dengan nama ‘lipatan’.

Langkah 5

Ubah warna lipatan menjadi abu-abu dengan Image > Adjustment > Hue/Saturation (Ctrl+U). Atur Saturation menjadi -100 dan Lightness menjadi +60.

Langkah 6

Tekan Ctrl+T lalu transform dan putar sampai menghasilkan seperti berikut.

Langkah 7

Sembunyikan huruf M yang berwarna hitam dengan mengklik gambar mata di sebelah kiri layer pada layer palet. Tekan Ctrl dan klik layer thumbnail dari lipatan untuk membuat seleksi yang menyerupainya. Setelah itu buat gradien halus searah dengan lipatan dengan gradien dari hitam ke transparent.

Langkah 8

Sekarang kita buat bayangan dari lipatan tetapikita tidak menggunakan Drop Shadow. Gunakan Pen Tool untuk membuat path seperti dibawah.

Tambahkan layer baru dibawah lipatan dan beri nama ‘bayangan bawah’. Buat seleksi menggunakan path diatas, lalu penuhi areanya dengan warna hitam menggunakan Paint Bucket Tool (G). Sekarang klik Filter > Blur > Gaussian Blur, isikan 5px untuk radiusnya.

Langkah terakhir, ubah opacity dari layer bayagan bawah menjadi 70%.

Contoh untuk Wallpaper

Trik Photoshop diatas bisa kita gunakan untuk membuat wallpaper keren yang berisikan kata-kata dengan masing-masing hurufnya melipat. Seperti contoh dibawah ini adalah wallpaper untuk muslim.or.id yang bertuliskan slogan untuk websitenya. Klik untuk melihat dalam ukuran yang lebih besar. Silakan mencoba dengan keativitas kamu sendiri dan jangan lupa subscribe ke painthink RSS Feed.

Related posts:

1. Efek Cahaya pada Photoshop
2. Tutorial Tipografi dengan Efek Cat Basah
3. Membuat Efek Batu Tipografi 3D, Tugu Jogja

Dari beberapa tipe mobil yang ada pada game Need for Speed, Mazda RX8 adalah salah satu tipe yang saya sukai, selain karena body sportynya juga ketangguhannya dalam memenangkan setiap race. Pada tutorial kali ini kita akan membuat wallpaper mobil sport dengan membuat mobil seakan-akan melesat keluar dari foto sehingga lebih terlihat bentuk 3Dnya.

Hasil Akhir dari Gambar

Sebelum kita mulai memasuki langkah-langkah pembuatannya, terlebih dahulu kita lihat gambar yang akan kita buat. Klik disini untuk melihat dalam ukuran yang sebenarnya.

Langkah 1

Langkah paling pertama sekali adalah download gambar ini kemudian buka di photoshop. Duplikat layer background, ini untuk antisipasi jika ada kesalahan agar foto aslinya tidak rusak.

Langkah 2

Berikutnya kita mulai membuat frame foto, mulai dengan membuat layer baru beri nama frame. Buat seleksi berbentuk persegi panjang dengan Rectangular Marquee Tool (M) lalu menggunakan Paint Bucket Tool (G) penuhi area seleksi dengan warna putih #FFFFFF.

Langkah 3

Ulangi membuat seleksi seperti langkah 2, untuk membuat seleksi yang sama cukup mudah, caranya arahkan kursor menuju layer thumbnail dari layer frame pada layer palet, klik + tekan Ctrl. Pergi ke Select > Modify > Contract untuk memperkecil ukuran seleksi. Isi contract sebesar 20 px. Berikutnya hilangkan warna putih pada area seleksi, disini saya lakukan dengan menambahkan Layer Mask tetapi bisa juga dengan delete biasa. Cara menambahkan Layer Mask tinggal klik Layer > Layer Mask > Hide Selection.

Langkah 4

Tekan Ctrl+T lalu klik kanan pada dokumen dan pilih perspective. Geser ujung atas kanan sedikit ke kiri secara otomatis ujung atas kiri akan bergeser sedikit ke kanan.

Langkah 5

Lakukan transformasi lagi seperti langkah sebelumnya tapi sekarang kita gunakan distort. Geser ujung kanan atas sedikit ke arah kiri bawah dan pojok bawah kanan ke arah diagonal bawah kanan, ini akan membentuk tepi kertas yang kelihatan miring.

Langkah 6

Selanjutnya gunakan Pen Tool untuk membuat path yang mengelilingi bagian luar gabungan antara frame dan mobil.

Langkah 7

Sekarang kita ekstrak gambar mobil dan yang ada di dalam frame. Ada beberapa cara mengekstrak gambar, alah satunya akan kita gunakan untuk membuat wallpaper ini. Tekan Ctrl+enter untuk membuat seleksi seperti path yang kita buat pada langkah 7. Aktifkan layer yang memuat foto mobil kemudian pilih Layer > Layer Mask > Reveal Selection.

Langkah 8

Ada bagian dari frame yang menutupi sebagian gambar mobil, ini akan membuat gambar terlihat aneh. Pada langkah 8 kita akan menghilangkan keanehan ini. Caranya dengan menghapus garis putih yang menutupi gambar mobil, bisa dengan Eraser Tool (E) atau buat yang menggunakan Layer Mask pada langkah 3, garis putih ini bisa kita hapus dengan brush warna hitam #000000 tentu saja aktifkan layer mask tumbnail sebelumnya.

Langkah 9

Buat layer baru dibawah semua layer dan penuhi dengan warna putih.

Langkah 10

Sebagai langkah terakhir kita akan memberikan bayang-bayang pada frame. Ada beberapa tahapan untuk membuatnya. Pertama tambahkan layer baru diatas layer yang kita buat pada langkah 9. Buat seleksi sperti gambar berikut kemudian penuhi areanya dengan warna hitam #000000. Sampai disini belum terlihat sama sekali hasilnya.

Geser layer bayangan dengan Move Tool (V) sedikit ke bawak dan ke kanan. Ubah fill opacity layer menjadi 60% kemudian berikan sedikit blur pada layer, klik Filter > Blur > Gaussian Blur dan isikan 4 pixel sebagai radiusnya.

Hasil Akhir

Inilah hasil akhir dari wallpaper out of bound mobil sport yang kita buat. Teknik ini bisa juga digunakan untuk objek-objek lainnya. File psd untuk tutorial ini dapat didownload disini. Silakan mencoba dengan keativitas kamu sendiri dan jangan lupa subscribe ke painthink RSS Feed.

Related posts:

1. Membuat Wallpaper Fantasi Luar Angkasa (Bag-2)
2. Membuat Wallpaper Fantasi Luar Angkasa (Bag-1)
3. Menggunakan Tekstur Daun untuk Membuat Wallpaper Indonesia Hijau

Sekarang ini banyak sekali mobile phone teknologi tinggi yang beredar di pasaran. BlackBerry, iPhone, HTC, dan lain-lain, sampe-sampe sang raja dunia maya Google pun ikut ngeluarin produk terbaru alat komunikasi yang mereka beri nama Nexus. Tapi dari semua gadget tersebut paling keren desainnya adalah iPhone 3G, ponsel yang akan kita buat pada tutorial photoshop kali ini.

Hasil Akhir dari Gambar

Sebelum kita melangkah lebih jauh, kita lihat terlebih dahulu gambar yang akan kita buat. Klik disini untuk melihat dalam ukuran yang sebenarnya.

Langkah 1

Kita mulai dengan membuat dokumen putih ukuran 1600 x 2400 pixel. Gunakan Rounded Rectangle Tool (U) untuk membuat bentuk dasar iPhone. Untuk besar radiusnya bisa disesuaikan dengan menggeser anchor point yang ada pada sudut-sudut path. Geser posisi anchor point menggunakan Add Anchor Point Tool sampai bentuk path sesuai yang kamu inginkan. Bagian terakhir dari langkah 1, buat layer baru “Layer 1″ dan penuhi path yang sudah dibuat dengan warna hitam #000000.

Langkah 2

klik dua kali Layer 1 pada layer palet untuk memunculkan window layer style. Klik Gradient Overlay dan atur seperti tampak pada gambar berikut.

Langkah 3

Tambahkan layer baru diatas Layer 1, sebut saja Layer 2. Buat shape baru dengan Rounded Rectangle Tool (U) seperti yang ada pada gambar. Klik kanan pada shape, pilih Fill Path dengan warna putih #FFFFFF.

Beri Inner Shadow pada layer 2 dengan setting seperti berikut.

Langkah 4

Diatas Layer 2 tambahkan layer baru dan penuhi dengan warna putih dengan shape seperti gambar di bawah.

Langkah 5

Ulangi langkah 4 dengan shape yang lebih kecil dan dengan warna hitam.

Langkah 6

Pada bagian paling atas iPhone buat shape kecil melengkung di kedua ujungnya dan penuhi shape dengan warna #e4e4e6, tentu saja dengan membuat layer baru sebelumnya. Berikan style Inner Shadow dengan opacity 25% pada layer ini seperti dibawah.

Langkah 7

Ulangi langkah 6 pada bagian bawah iPhone dan dengan setting Inner Shadow yang berbeda. Opacity pada Inner Shadow 60%.

Langkah 8

Setelah kita membuat bentuk dasar Iphone, sekarang kita akan membuat bagian yang paling penting dari alat komunikasi ini yaitu layarnya. Aktifkan Rectangle Tool (U) untuk membuat path persegi panjang vertikal pada bagian tengah iPhone. Buat seleksi dengan path ini, perbesar ukuran seleksi dengan Select > Modify > Expand, isikan 7 pada dialog box yang muncul. Dalam keadaan seleksi aktif buat layer baru dan penuhi area seleksi dengan warna #5e5d5d. Dengan path yang sama untuk membuat seleksi buat layer mask untuk layer ini sehingga kita mendapatkan garis tepi dari layar kita.

Dengan Paint Bucked Tool (G) penuhi area seleksi dengan warna #5e5d5d. Lakukan masking pada layer ini, buat seleksi lagi dengan path persegi panjang vertikal yang bau saja kita buat lalu klik Layer > Layer Mask > Hide Selection.

Memang kalau dilihat dalam ukuran kecil, sepertinya efek yang dihasilkan langkah ini kurang kelihatan, tapi akan beda halnya jika gambar iPhone diperbesar.

Langkah 9

Pada langkah ini kita akan memberikan efek glossy pada iPhone kita, tahap pertama buat layer baru. Buat seleksi dengan path yang kita hasilkan pada langkah 5, perkecil luas area seleksi dengan Select > Modify > Contract dengan nilai sebesar 10 pixel.

Ubah warna foreground menjadi putih #FFFFFF, kemudian dengan Gradient Tool (G) buat linear gradient putih ke transparent dari ujung kiri bawah iPhone dalam keadaan seleksi masih aktif.

Lakukan masking pada layer baru ini seperti pada Langkah 8 kemudian ubah Opacity menjadi 15%.

Langkah 10

Ulangi langkah 9 tapi kali ini gradient dari pojok kanan atas, opacity layer diubah menjadi 42%, dan masking diagonal miring ke kiri.

Langkah 11

Sebagian besar gambar sudah jadi, sekarang tinggal menambahkan tombol dan hal-hal kecil yang ada pada iPhone 3G. Pertama yang kita buat adalah tombol yang ada di bagian bawah layar sentuh. Cara membuatnya pertama, tambahkan layer baru diatas semua layer, buat lingkaran path dengan Ellipse Tool, untuk membuat sebuah lingkaran, tekan Shift saat menggunakan Ellipse Tool, tanpa menekan Shift akan sulit membuat lingkaran secara sempurna. Penuhi path ini dengan warna hitam #000000. Setelah itu klik dua kali layer yang kita buat pada Langkah 11 ini pada layer palet untuk memunculkan jendela Layer Style. Pilih Stroke dan atur seperti gambar berikut.

Langkah 12

Gunakan path pada langkah sebelas untuk membuat seleksi. Buat gradient dari putih ke transparent dengan Gradient Tool (G) pada layer baru. Letakakan layer baru ini diatas layer yang kita buat pada langah 11. Berikutnya buat seleksi berbentuk ellips dengan Elliptical Marquee Tool (M). Ukuran seleksi bisa kita atur seperti halnya path dengan cara buat seleksi terlebih dahulu terus pada menu bar klik Select > Transform Selection, ini akan mempemudah kita membuat area seleksi.

Sekarang klik Layer > Layer Mask > Hide Selection, kita dapati gambar kita sebagai berikut.

Langkah 13

Tambahkan layer baru lagi diatas layer sebelumnya. Buat seleksi berbentuk persegi kecil lalu Select > Modify > Expand, isikan 7 pixel untuk besarnya expand. Habis itu penuhi area seleksi dengan warna #747373.

Dengan seleksi yang sama sebelum di expand, klik Layer > Layer Mask > Hide Selection.

Langkah 14

Sehabis menangani bagian bawah iPhone, gantian sekarang bagian atas yang menjadi fokus kita. Dengan Rounded Rectangle Tool (U) buat path seperti berikut.

Penuhi area path dengan warna #595b5d, lakukan ini pada layer baru tentunya. Brikan Layer Style Bevel and Emboss pada leyer ini dengan setting seperti dibawah ini

Langkah 15

Untuk membuat tombol pada bagian atas iPhone kita mulai dengan membuat path seperti pada gambar dibawah, untuk membuatnya paling mudah adalah menggunakan Pen Tool (P).

Buat layer baru, klik kanan pada path, pilih Fill Path dan isi dengan warna #d2d2d2. Berikan Layer Style Gradient Overlay pada layer. Lakukan yang sama untuk dua tombol lainya pada bagian tepi kiri iPhone. Ubah-ubah pengatuan Gradient Overlay sampai kamu temui efek yang paling bagus.

iPhone 3G

Inilah gambar akhir dari iPhone 3G yang kita buat pada tutorial photoshop kali ini.

Menambahkan Hiasan pada iPhone 3G untuk Membuat Wallpaper Keren

Pertama kita sesuaikan resolusi gambar dengan resolusi monitor, misalnya 1920×1200 pixel. Ini bisa kita lakukan dengan mengubah ukuran kanvas, Images > Canvas Size kemudian ganti angka-angkanya sesuai yang kamu inginkan.

Untuk warna background wallpaper jangan memakai fill color, akan kelihatan lebih elegan jika kita menggunakan gadient warna yang halus.

Ribbon yang ada pada wallpaper iPhone ini bisa kamu buat dengan mengikuti langkah-langkah dari tutorial saya sebelumnya tentang galleri photo unik, hanya saja disini gambar foto foto saya ganti dengan icon yang ada pada iPhone. Saya buat seperti pita yang diikat atasnya agar tampak sebagai hadiah.

Duplikat gambar iPhone dan ribbon, jadikan hasil duplikasinya menjadi smart object, kemudian transform flip vertikal, geser kebawah, lakukan masking dengan gradient dari hitam ke transparent dan mengurangi opacity layer duplikat ini jadilah bayangan dari iPhone.

Tambahkan tulisan pada bagian kiri wallpaper agar tidak kelihatan kosong dan inilah wallpaper iPhone keren yang kita buat, jangan lupa subscribe ke painthink RSS Feed.

Related posts:

1. Tutorial Menggunakan Pen Tool pada Photoshop
2. Cara Mudah Menggambar Ikon Tas Kantor
3. Free Download Full Layered PSD iPhone 3G