Anda di halaman 1dari 106

2010080114

Fresh & Colorful Photo


Manipulation dengan Photoshop
in photoshop

Selalu ada cara-cara baru yang menarik untuk menciptakan manipulasi foto dengan photoshop. Seperti
pada tutorial photoshop kali ini, kita akan belajar memadukan cipratan cat ke dalam sebuah gambar untuk
menciptakan efek fresh yang colorfull di Photoshop. Beberapa resource image dan tekstur pada tutorial kali ini
juga bisa jadi koleksi menarik bagi kamu yang memang gemar memanipulasi foto
menggunakan photoshop. Lets check it out..

STEP 1
Persiapkan dokumen dengan background berwarna hitam. Lalu masukkan gambar ke photoshop lalu cropping
gambar tersebut. Gambar pada tutorial ini bisa ditemukan disini. Untuk cropping gambar diphotoshop, bisa lihat
disini : menghapus background di photoshop

STEP 2
Buka layer palette dan pilih layer gambar wanita tersebut (layer 1), lalu tekan dan tahan tombol Alt di keyboard
kemudian klik ikon create new fill or adjustment layer di bagian bawah layer palette dan
pilih Brightness/Contrast kemudian lepas kembali tombol Alt. Langkah ini untuk membuat adjustment layer
diaplikasikan hanya kepada layer terpilih. Atur nilai brightness/contrast seperti pada gambar dibawah.

STEP 3
Selanjutnya, donwload kumpulan gambar cipratan cat. Masukkan salah satu gambar cipratan cat tersebut ke
dokumen photoshop. Beri nama layer cipratan cat dengan nama 'splatter 1'.

STEP 4
Gunakan magic wand tool (W) dan klik bagian putih dari gambar splatter 1 kemudian tekan tomboldelete di
keyboard untuk menghapusnya.

STEP 5
Gunakan teknik yang sama dengan STEP 2 untuk memberikan adjustment layer pada layer splatter 1. Namun
kali ini, pilih adjustment layer berupa Hue/Saturation. Atur nilai dari Hue/saturation hingga warna cipratan cat
mendekati warna baju seperti pada gambar dibawah ini.

STEP 6
Pilih layer splatter 1, kemudian klik ikon add layer mask dibagian bawah layer palette. klik pada thumbnail putih
di layer splatter 1, lalu gunakan brushes tool (B) untuk menghilangkan sebagian dari gambar cipratan cat (lihat
gambar dibawah).

STEP 7
Masukkan gambar cipratan cat yang lain dan beri nama layer dengan nama 'splatter 2', kemudian lakukan hal
yang sama seperti pada STEP 5 untuk menyamakan warna cat dengan warna baju yaitu
menggunakan Hue/saturation.

STEP 8
Ulangi langkah pada STEP 6 yaitu memberikan layer mask pada layer splatter 2 dan hapus sebagian gambar cat
di sebagian gambar.

STEP 9
Tambahkan juga beberapa cipratan cat lain ke dalam dokumen photoshop. Beri nama dengan splatter 3, splatter
4 dan seterusnya. Gunakan langkah yang sama untuk menyamai warna denganhue/saturation seperti
pada STEP 5 dan juga menambah layer mask untuk menghilangkan sebagian gambar seperti pada STEP 6.
Setiap cipratan cat berbeda bentuk, dalam hal ini kita harus mampu menyesuaikan tata letak hingga tampak
cocok ketika diaplikasikan pada gambar.

STEP 10
Download Grunge watercolor image. Kemudian masukkan ke dalam dokumen photoshop dan posisikan di atas
layer background (lihat gambar dibawah).

STEP 11
Selanjutnya, kita akan membuat bayangan dari objek gambar wanita dan cipratan cat disekelilingnya.
Caranya : tekan dan tahan tombol Ctrl di keyboard lalu klik pada thumbnail di layer 1 (layer si wanita).
Setelah itu, lanjut dengan menekan dan tahan tombol ctrl + Shift di keyboard dan klik pada thumbnail pada
layer splatter 1. Begitu seterusnya sampai layer 1 dan seluruh layer splatter terseleksi.

STEP 12
Setelah semua terseleksi, buat layer baru dengan klik ikon add layer mask di bagian bawah layer palette. Beri
nama layer dengan nama 'shadow'. Pilih layer shadow dan pastikan warna foreground adalah hitam
dengan menekan tombol D di keyboard. Kemudian tekan tombol Alt + Delete di keyboard untuk mengisi layer
dengan warna hitam (lihat gambar dibawah). Jika sudah, tekan Ctrl + Duntuk menghilangkan seleksi.

STEP 13
Drag layer shadow pada layer palette ke atas layer grunge watercolor image dan perbesar ukuran shadow
dengan menggunakan transform tool (Ctrl + T). Kemudian pada menu bar pilih Filter > Blur > Gaussian
Blur dan atur nilai pada radius menjadi 8. Jika sudah, klik Ok.

STEP 14
Ganti blending mode pada layer shadow menjadi multiply dan opacity menjadi 40 %.

STEP 15
Buat layer baru, lalu fill dengan warna hitam. Kemudian pada Menu Bar pilih Filter > Render > Lens flare. Atur
dan posisikan letak cahaya pada lens flare seperti pada gambar dibawah. Jika sudah, tekan tombol OK.

STEP 16
Pilih layer paling atas, kemudian klik ikon Create new fill or adjustment layer lalu
pilihBrightness/Contrast (kali ini tanpa tombol Alt karena adjustment akan kita aplikasikan pada semua layer).
Atur nilai pada brightness/Contrast seperti pada gambar dibawah ini.

STEP 17
Dengan cara yang sama, tambahkan juga Adjustment exposure dan atur nilainya seperti pada gambar dibawah
ini.

STEP 18
Untuk finishing akhir, pilih layer splatter 2, lalu pilih Dodge tool (O) dan sapukan dibagian cipratan cat untuk
menerangkannya. Langkah ini untuk mengoreksi pencahayaan bagian ini yang terlihat agak gelap sedangkan
terletak paling dekat dengan sumber cahaya.

Hasil akhir:

Semoga bermanfaat, selamat mencoba dan terus berkarya! :)


Share On:

MANIPULASI RAMBUT
DENGAN PHOTOSHOP
BY JAKA ON 25/08/2011 IN BELAJAR PHOTOSHOP, MANIPULASI FOTO WITH 17 COMMENTS

Tutorial ini, kita akan mencoba bagaimana menganti background dengan photoshop secara detail pada bagian
rambut dengan software desain Adobe Photoshop.
Menjawab pertanyaan pada postingan memisahkan objek dari background kali ini saya akan menjawab dengan
postingan tersendiri sekaligus tutorial yang semoga bisa menambah wawasan anda dalam mendesain dengan
photoshop.

PREVIEW DESAIN
Berikut desain yang akan kita hasilkan, klik pada gambar untuk memperbesar.

DETAIL TUTORIAL

Tingkat kesulitan : Pemula


Software yang digunakan : Adobe Photoshop
Materi yang dipelajari : Penggunaan filter extract pada photoshop
Lama pembuatan : 15 Menit

RESOURCE
Download resource dibawah ini untuk mengikuti persis seperti tutorial photoshop kali ini.

Azis gagap oleh Jaka Zulham


Wallpaper oleh Jaka Zulham
Azis gagap dan Wallpaper oleh www.ziddu.com

TUTORIAL
Langkah 1 : Membuka foto yang akan diedit
Dengan software pengolah gambar Adobe photoshop, buka kedua gambar yaitu Azis dan wallpaper yang dapat
anda download pada bagian Resource diatas.

Dengan move tool, klik dan drag foto azis ke wallpaper sehingga gambar Azis akan berada di atas layer
wallpaper tersebut.

Langkah 2 : Duplicate layer


Duplicate layer Azis dengan menekan Ctrl+J pada keyboard, duplicate 2 kali sehingga akan menghasilkan 3
layer pada photoshop. Ubah nama sesuai atau seperti desain dibawah, seperti yang kita ketahui Azis si pelawak
dari OVJ memiliki model 2 warna rambut sehingga kita harus membuat 2 layer untuk rambut secara terpisah.

Langkah 3 : Mengextract bagian rambut


Dalam keadaan aktif pada layer Rambut Hitam, pilih filter > Extract pada menu photoshop. Akan tampak hanya
bagian layer Azis dengan kotak-kotak hitam putih di sekelilingnya. Selanjutnya beri centang pada Force
Foreground dibagian kanan bawah, aktifkan Eyedropper tool dan klik pada bagian rambut hitam yang
ditunjukkan bagian nomor 3, klik bagian hitam pada rambut karena warna hitam tersebut yang akan kita
tinggalkan sehingga Color pada Force foreground akan memunculkan warna hitam seperti tampak pada bagian
4.

Selanjutnya, dengan Edge highlighter tool klik dan beriwarna bagian hitam pada rambut sehingga akan
menampilkan warna hijau pada rambut tersebut.

Klik OK untuk mengakhiri.

Langkah 4 : Mengekstract rambut warna putih


Sembunyikan gambar dua layer lainnya (Badan dan Rambut Putih) dengan menekan icon mata dibagian kiri
layer, tampak hanya tersisa rambut bagian hitamnya saja.

Tampakkan kembali layer Rambut putih dan extract seperti langkah sebelumnya sehingga menghasilkan
gambar rambut hitam dan putih si Azis gagap.

Langkah 5 : memberi efek mask


Kembali tampakkan layer Badan dengan mengklik bagian mata pada layer, masih dengan layer badan tersebut
tambahkan mask dengan mengklik icon Add vector mask dibawah layer sehingga akan menghasilkan mask
berwarna putih di layer Badan.

Setting warna foreground berwarna hitam, selanjutnya dengan brush tool, brush bagian layer mask badan
sehingga akan menghilangkan bagian yang tidak diperlukan pada gambar tersebut, Seperti latar pada si Azis.
Untuk bagian rambut, anda tidak perlu khawatir. Karena kita telah mengextract terlebih dahulu di awal tutorial
sehingga walaupun di brush bagian rambut tetap tidak akan hilang.

Berbeda dengan anggota tubuh bagian lain, anda harus berhati-hati dan penuh kesabaran dalam mendesainnya.

Sampai disini, hapus bagian yang tidak dibutuhkan secara mendetail dan dapatkan hasil terbaik.

HASIL DESAIN

Semoga bermanfaat dan berguna dengan tutorial kali ini, subscribe blog psdesain ini untuk mendapatkan update
artikel terbaru dan like PSD Desain facebook fan page.
Like artikel ini jika kamu rasa bermanfaat serta iklan dibawah, jika iklan resmi kami mencurigakan jangan diklik.
Gabung juga di group PSDesain difacebook.

Membuat Preview Desain Kaos di


Photoshop
in photoshop , tips

Desain kaos/t-shirt adalah salau satu bagian dari seni visual yang cukup menarik untuk digeluti, baik itu untuk
keperluan bisnis, maupun hanya sekedar hobby untuk keperluan personal. Pada tutorial Photoshop kali ini, kita
akan mempelajari bagaimana caranya membuat preview tampilan desain pada template t-shirt agar terlihat
realistis sehingga cukup mewakili kondisi hasil akhir kaos setelah diproduksi/sablon. Tutorial ini sangat
sederhana dan (semoga) dapat diikuti dengan mudah. :)

STEP 1
Buka Gambar template kaos di photoshop. Jika kamu belum punya template kaos, silahkan lihat dulu artikel
ini : 25 Template T-shirt Gratis untuk Preview Desain Kaos

STEP 2
Gunakan Pen Tool untuk menyeleksi kaos, buat yang belum tau cara menggunakan pen tool untuk membuat
seleksi, lihat di tutorial ini.

STEP 3
Dalam keadaan seleksi kaos aktif, klik layer "Background", lalu tekan tombol Ctrl + J di keyboard. Maka akan
muncul sebuah layer di atas layer "background" berupa duplikasi berdasarkan seleksi yang telah dibuat tadi.

STEP 4
Klik pada "layer 1", lalu tekan tombol Ctrl + L di keyboard untuk membuat adjustment Level untuk layer
tersebut. Atur settingan pada adjustment level seperti gambar dibawah. Langkah ini akan membuat warna kaos
pada "Layer 1" menjadi terang berwarna putih.

STEP 5
Ubah blending mode dari "layer 1" menjadi Multiply. Langkah ini membuat bagian yang tampil pada layer 1
hanyalah bayangan lipatan-lipatan baju.

STEP 6
Sekarang saatnya memasukkan desain kaos. Desain kaos di tutorial ini saya buat di Illustrator, tidak masalah
kalau desain kamu di Photoshop atau CorelDRAW, langkah-langkahnya sama saja. Masuk sebentar
ke Illustrator untuk meng-copy desain (Ctrl + C).

STEP 7
Kembali lagi ke Photoshop, lalu tekan tombol Ctrl + V untuk paste desain kaos ke Photoshop.

STEP 8
Klik layer "vector smart object" (layer desain kaos), Lalu tekan tombol Ctrl + [ di keyboard untuk memposisikan
layer desain kaos dibawah layer 1. Sekarang preview desain terlihat lebih realistis karena bayangan lipatan kaos
dari "layer 1" terlihat diatasnya.

STEP 9
Sekarang kita akan membuat agar desain kaos dapat diposisikan lebih bebas pada template. Caranya, tekan
tombol Ctrl lalu klik pada thumbnail layer 1 untuk mengambil seleksi berdasarkan bentuk objek pada layer 1.

STEP 10
Sementara seleksi aktif, klik pada layer "vector smart object" lalu klik icon Add layer mask dibagian bawah
layer palette. Layer mask akan terbentuk berdasarkan seleksi yang sedang aktif dan berfungsi agar bagian diluar
seleksi tersebut tidak kelihatan pada area kerja. Jika sudah, klik pada tanda rantaidiantara thumbnail layer
"vector smart object" dan layer mask untuk menghilangkannya.

STEP 11
Langkah tadi membuat kita lebih bebas menggeser dan memperbesar desain kaos untuk mengatur posisi yang
sesuai dengan tampilan kaos. Klik pada thumbnali layer "vector smart object" lalu tekanCtrl + T (transform)
di keyboard untuk mulai mengatur posisi tampilan desain pada kaos.

Hasil Akhir
Beginilah hasil akhir yang kita dapat pada tutorial photoshop kali ini. Bayangan lipatan kaos terlihat di atas
desain dan membuat preview t-shirt tampil realistis.

Bagaimana menurut kamu? Jika ada kritik, saran, maupun pertanyaan. Silahkan disampaikan melalui kolom
komentar! :)
Tetap update informasi, tips, dan tutorial desain terbaru dengan mengikuti Facebook dan TwitterDesain Studio!

Share On:

Kumpulan Tips dan Trik Photoshop


yang (Mungkin) Kamu Belum
Tahu
in photoshop , tips

Sebagai aplikasi pengolah gambar bitmap paling populer, Photoshop menyimpan banyak sekali fitur-fitur yang
mengesankan untuk mempercepat proses kerja para penggunanya. Beberapa trik menarik dibawah ini dapat
membuat proses kerja kamu menjadi lebih efektif dan efisien. Selamat membaca :)

1) Auto Select
Auto-Select adalah sebuah fitur di Photoshop yang apabila diaktifkan, maka semua objek yang kamu klik akan
otomatis terseleksi pada layer palette. Fitur ini juga dilengkapi oleh fitur Show-Transform Controls yang akan
menandai objek terpilih dengan bentuk transform standar yang bisa digunakan untuk memperbesar/kecil,
merotasi, atau memudahkan untuk menggeser objek. Kedua fitur tersebut dapat ditemukan pada control bar
(dibagian atas) jika Selection tool (V) diaktifkan.

2) Mengaktifkan Seleksi dari Layer


Untuk mengaktifkan (meload)seleksi dari layer tertentu, caranya sangat mudah. Cukup tekan dan tahan Ctrl di
keyboard kemudian klik pada thumbnail dari layer yang ingin diaktifkan seleksinya.
Ads not by this site

3) Menyimpan Styles
Terkadang saat kita telah selesai membuat sekumpulan styles pada layer styles untuk sebuah layer, kita ingin
menyimpan styles tersebut untuk dipakai pada layer-layer lain di dokumen yang berbeda. Untuk menyimpan
styles, cukup double-click pada layer yang memiliki styles yang ingin disimpan, pada jendela pengaturan layer
styles klik New Styles, kemudian berikan nama untuk styles baru tersebut. Maka otomatis Photoshop akan
menyimpannya untuk dapat digunakan pada layer-layer yang lain. Untuk mengaktifkan atau menggunakan styles
yang tersimpan, cukup buka Window > Styles dan klik pada styles yang diinginkan.

4) Effect Copy

Selain dapat disimpan dengan mudah seperti cara pada no.3, Layer styles juga dapat diduplikasi / dicopy
dengan mudah ke layer lainnya. Cara umum yang digunakan adalah dengan klik kanan pada layer yang stylesnya ingin dicopy, kemudian pilih Copy Layer Styles. Lalu klik kanan pada layer dimana styles tersebut ingin
diterapkan lalu pilih Paste Layer Styles.
Cara selanjutnya adalah dengan tekan dan tahan tombol Alt, kemudian drag effect dari satu layer ke layer lain.
Cara ini cenderung lebih cepat jika kita ingin mengcopy styles hanya ke satu layer. Tapi jika ingin mengcopy
styles ke banyak layer, cara pertama lebih direkomendasikan.

5) Convert Seleksi ke Path dan Shape


Adakalanya kita ingin menjadikan seleksi menjadi sebuah shape sehingga dapat mudah diedit, diperbesar, dsb.
Untuk melakukannya, pertama load seleksi dari salah satu layer (seperti tips no.2) untuk dijadikan shape.
Sementara seleksi aktif, buka Path palette (Window > Path) kemudian klik icon list di sudut kanan palette lalu
pilih Make Work Path, maka akan muncul path baru bernama Work Path. Klik path tersebut lalu pada menu bar
klik Edit > Define Costum Shape, akan muncul jendela baru untuk memberi nama costum shape yang akan kita
buat, dalam hal ini, saya beri namaSpongebob, lalu klik ok. Sekarang kita sudah punya costum shape dengan
nama Spongebob yang dapat kamu pilih dengan mengaktifkan Costum Shape Tool (U) di toolbox. Tinggal drag
shape tersebut ke area, maka shape baru berbentuk spongebob yang editable akan muncul pada layar, mudah
bukan!?
Ads not by this site

6) Expand / Collapse Groups


Kadang kita bekerja dengan banyak layer dan group di Photoshop, seringkali harus membuka dan menutup grup
satu persatu dan hal ini cukup merepotkan. Namun kamu bisa mencoba trik yang satu ini : tekan dan tahan
tombol Ctrl di keyboard lalu klik pada tanda panah kecil dibagian kiri Group palette. Langkah ini akan membuka
(mengexpand) semua group, lakukan langkah yang sama untuk menutup semua group.

7) Clipping Mask
Clipping mask adalah suatu metode untuk membuat suatu layer dimasking sesuai dengan bentuk layer
dibawahnya. Untuk dapat menerapkannya, cukup klik kanan layer yang ingin dimasking lalu pilihCreate Clipping
Mask atau kamu bisa menekan tombol Ctrl + Alt + G di keyboard.

8) Memperbesar / memperkecil Hardness dan Diameter


Brush
Diameter (ukuran) dan Hardness (kepekatan) adalah dua elemen yang harus ditentukan untuk mengaplikasikan
Brush tool di Photoshop. Ada langkah mudah untuk mengatur keduanya tanpa harus melakukan klik kanan dan
menggeser nilai pengaturan. Caranya adalah dengan menekan dan tahan tombol Shift + Alt di keyboard
kemudian drag Brush tool (B) ke kiri dan ke kanan untuk memperbesar ukuran brush, atau drag brush ke atas
dan ke bawah untuk mengatur nilai hardness-nya.
Ads not by this site

9) Menampilkan / Menyembunyikan Layer


Mungkin semua sudah tahu bagaiman untuk Menampilkan / Menyembunyikan satu layer, yap! Cukup klik pada
ikon bergambar mata pada layer tersebut. Tapi bagaimana caranya menyembunyikan semua layer? Caranya
cukup mudah, tekan dan tahan tombol Alt di keyboard, lalu klik pada ikon mata pada salah satu layer. Langkah
ini akan membuat semua layer disembunyikan kecuali layer yang ikon matanya diklik. Untuk menampilkan
semua layer kembali, cukup tekan dan tahan tombol Alt, lalu klik sekali lagi pada ikon benggambar mata di layer
tadi.

10) Mengatur Opacity dengan Cepat

Tips ini adalah favorit saya. Untuk dapat mengatur opacity dengan cepat, kita cukup klik layer yang ingin dirubah
opacity-nya lalu tekan tombol angka di keyboard. Angka 0 mengacu pada opacity 100%, 1 = 10%, 2 = 20%, dst.
Untuk mengatur opacity dengan nilai tertentu, misalnya 58%, cukup tekan tombol 5 kemudian 8 secara cepat.

Yup! Sekian tips dan trik singkat Photoshop kali ini. Jika kamu punya tips menarik lainnya untuk dibagikan ke
pembaca, silahkan tuliskan melalui komentar. Artikel ini akan terus diupdate dengan tips-tips tambahan
bermanfaat lainnya.
Jangan lupa ikuti FACEBOOK dan TWITTER Desain Studio untuk mendapatkan update terbaru berupa tips,
informasi, dan tutorial seputar desain grafis!

Membuat Efek Teks Fabric Style di


Photoshop
in photoshop , tipografi
Fabric Style berarti efek bergaya fabric (kain), maksudnya ialah tulisan/teks yg seolah-olah melekat diatas tekstur
kain. Disini saya mencoba membuat tutorial Effect Fabric Style pada teks, dengan cara yg mudah dimengerti
tentunya. Namun sekali lagi, cara yang saya pakai tentu bukanlah satu-satunya, banyak tehnik lain yang dapat
digunakan untuk membuat hasil yang sama. Selamat mencoba..

Sebelum memulai, ada baiknya pembaca mendownload pattern photoshop (.PAT) yg bakal saya gunakan pada
tutorial berikut ini, saya asumsikan pembaca sekalian sudah mengerti bagaimana cara instalasi pattern pada
photoshop.

6 Free Tileable Fabric Patterns


Seamless Patterns

Step 1
Buat halaman baru berukuran 1024px x 602px, dan resolusi 300dpi.

Step 2
Buat layer baru : Layer > New > Layer (Shift+Ctrl+N), lalu isi layer tersebut dengan warna hitam, beri
penamaan layer dengan Fabric Background.
Ads not by this site

Step 3
Double click pada layer Fabric Background (Layer > Layer Style > Pattern Overlay) pilih pattern yang terlihat
pada gambar, dan atur scale nya menjadi 128%.

Step 4
Masih pada layer style, pilih pada Color Overlay kemudian ubah Blend Mode nya dengan Soft lightdan ganti
warnanya dengan kode #20aee3.
Ads not by this site

Step 5
Selanjutnya buat teks dengan tulisan Desain Studio, buat satu kata dalam satu layer, gunakan font
bergaya Script.

Step 6
Untuk langkah selanjutnya, efek-efek yang digunakan semua berada di Layer Style, jadi jgn langsung tekan Ok,
dan ikuti poin-poin nya sesuai gambar dibawah.

Ads not by this site

Ads not by this site

Step 7
Setelah semua efek di layer style dibuat pada teks Desain, lakukan hal yang sama pada layer teks Studio,
caranya klik pada layer Desain lalu klik kanan Copy Layer Style, beralih ke layer Studio, klik kanan pada
layer Studio Paste Layer Style.

Ads not by this site

Hasilnya akan terlihat seperti gambar dibawah..

Step 8
Kembali ke Layer Desain, tekan Ctrl+J pada Keyboard sehingga terbentuk Layer Desain Copy, geser posisi
Layer Desain sedikit kebawah Layer Desain copy, lihat gambar dibawah. Kemudian lakukan hal yang sama pada
layer Studio, Untuk hasil akhirnya akan terlihat seperti gambar dibawah.

Hasil Akhir
Hasil teks efek yang telah dibuat masih bisa diganti-ganti dengan font sesuai selera. So, bagaimana, mudah
bukan ? semoga bermanfaat buat semuanya. :)

Membuat Teks Efek Abstrak


bergaya Futuristik di Photoshop
in photoshop

Di tutorial Photoshop kali ini, kita akan membahas bagaimana membuat teks abstract bergaya futuristik. Jenis
teks seperti ini mungkin sering kamu jumpai di media-media yang mengangkat kesan futuristik didalamnya,
seperti poster film misalnya. Untuk langkah pembuatannya, sangat mudah! Tidak ada tehnik spesial yang akan
digunakan, hanya trik-trik standar yang bahkan pemula sekalipun bisa mencobanya. Langsung saja kita masuk
kepada step by step cara pembuatannya. Selamat mencoba, semoga bermanfaat!

Langkah 1
Buat dokumen baru, atur lebar menjadi 800px dan Tinggi 600px.

Langkah 2
Isi kanvas dengan warna hitam, kemudian buat teks "DESAIN" dengan warna putih, saya
menggunakan font Futura, sesuaikan saja ukurannya seperti gambar dibawah.

Ads not by this site

Langkah 3
Tekan Ctrl+E di Keyboard, sehingga layernya dimerge menjadi satu.

Langkah 4
Pilih Filter>Distort>Wave. Atur poin-poinnya seperti illustrasi dibawah, Jika sudah, tekan OK.

Langkah 5
Selanjutnya pilih kembali Filter>Pixelate>Fragment, sehingga hasilnya akan terlihat seperti gambar dibawah

Langkah 6
Pilih lagi Filter>Style>Glowing Edges. Atur poinnya seperti gambar dibawah, klik OK.

Langkah 7
Langkah selanjutnya tekan Ctrl+A lalu Ctrl+C di keyboard untuk mengcopy, lalu Paste (Ctrl+V) di bagian
Channel, setelah mengklik New Channel yg berada di sudut kanan bawah (lihat gambar dibawah), Channel baru
secara otomatis dinamakan "Alpha 1".

Langkah 8
Kembali ke Layer Palette, klik icon New Layer kemudian pilih Select>Load Selection. Lalu
bukachannel palette Pilih "Alpha 1", sehingga muncul bagian yang terseleksi (lihat gambar dibawah), isi bagian
yang terseleksi tersebut dengan warna putih menggunakan Paint Bucket Tool.

Langkah 9
Berikutnya Ctrl+J (untuk menduplikasi layer) di bagian layer Background sehingga muncul layer background
copy, lalu pilih Filter>Blur>Gaussian Blur. Atur radiusnya menjadi 1.5 pixel, klik OK.

Langkah 10
Selanjutnya ketik teks STUDIO di keyboard, kemudian pilih Filter>Blur>Gaussian Blur. Atur
radiusnya menjadi 0.5 pixel, klik OK

Langkah 11
Buat layer baru, lalu pilih Filter>Render>Cluods, pastikan Foreground Putih dan Background nya hitam,
Lalu double klik di bagian layer Clouds sehingga muncul jendela Layer Style, conteng pada bagian Gradient
Overlay, atur seperti illustrasi dibawah.

Langkah 12
Ubah Blending Mode nya menjadi Screen dan turunkan Opacitynya menjadi 35 % Lihat hasilnya seperti gambar
dibawah

Langkah 13
Masukkan gambar lingkar-lingkar cahaya (Bokeh) yang bisa kamu temukan disini. Sesuaikan ukurannya, klik
Enter di keyboard

Langkah 14
Ubah Blending Mode layer bokeh menjadi Soft Light dan turunkan Opacitynya menjadi 85 %.

Langkah 15
Lalu pilih Image>Adjusments>Exposure. Atur pointnya seperti gambar dibawah

Hasil Akhir

Membuat Teks Berkesan 3D dengan


Photoshop
in photoshop

Pada kesempatan kali ini, kita akan bahas bagaimana caranya untuk membuat efek berkesan 3 Dimensi dengan
memanfaatkan pencahayaan, shadow, dan Layer Styles di Photoshop. Tutorial ini cocok untuk pemula dan
tingkat menengah untuk memahami tehnik lighting dasar menggunakanAdobe Photoshop. Langsung saja kita
mulai tutorialnya, selamat membaca dan mempraktekkan.

Step 1
Buat dokumen baru di Photoshop (Ctrl+N), ukuran 1000x1000 pixels, resolusi 300 DPI, dan mode warna RGB.

Step 2
ganti warna layer 'Background' dengan warna #494949.
Ads not by this site

Step 3
Buat sebuah teks, dalam hal ini saya membuat 'EFFECTS' menggunakan font Bebas Neue. Kamu bebas untuk
menggunakan teks lain, it's just a sample! :)

Step 4
Klik ganda layer 'effects' untuk membuka jendela Layer Styles. Kemudian klik gradient Overlay pada Layer Styles
: ubah blend mode menjadi Multiply, opacity menjadi 50% dan angle menjadi -65. Jika sudah, klik Ok untuk
keluar dari jendela Layer Styles.

Step 5
Pada Layer Palette, klik ikon Add New Layer untuk membuat layer baru, beri nama layer baru dengan 'awal'.
Kemudian tekan Ctrl+Klik pada thumbnail layer 'effects' untuk mengambil seleksi bentuk pada layer tersebut.
Sementara seleksi aktif, klik kembali layer 'awal', tekan tombol D di keyboard untuk mengubah warna dasar
menjadi hitam putih lalu tekan Alt + Delete untuk mengisi layer 'awal' dengan warna hitam.

Ads not by this site

Step 6
Duplikat layer 'awal' dengan menekan tombol Ctrl+J di keyboard, beri nama layer hasil duplikasi dengan 'akhir'
dan posisikan layer 'akhir' seperti gambar dibawah. Jika sudah, drag layer 'awal' dan 'akhir' dibawah layer
'effects' (lihat gambar). Saya sengaja meng-hide layer 'effects' agar kita bisa melihat posisi layer 'awal' dan 'akhir'
dengan jelas.

Step 7
Sekarang duplikat layer 'awal' berkali-kali dengan menekan tombol Ctrl+J sebanyak 15 kali (untuk 15 hasil
duplikasi).

Step 8
Kemudian pada layer palette, klik layer 'akhir', tahan Shift di keyboard lalu klik layer 'awal' untuk menyeleksi
layer-layer tersebut di layer palette. Jika sudah, klik kanan pada salah satu layer dan pilih Link Layers. Kamu
akan melihat akan ada tanda rantai pada layer-layer yang diseleksi tadi.
Sementara semua layer tadi aktif dan nge-link, klik ikon Distribute Vertical Center kemudian klik ikonDistribute
Horizontal Center untuk membuat layer-layer tadi tersusun sedemikian rupa. Lalu tekan tombol Ctrl+E untuk
menggabungkannya dan ubah nama layer hasil penggabungan tadi menjadi 'shadow'.
Ads not by this site

Step 9
Klik layer shadow di layer palette, kemudian pilih Filter > Blur > Motion Blur, dan atur nilai pada jendela Motion
Blur seperti gambar dibawah.

Step 10
Tekan dan tahan tombol Shift+tanda panah atas kemudian Shift+tanda panah kiri untuk membuat teks bergeser
10 px kebagian atas dan kiri (lihat gambar dibawah).

Step 11
Ubah blend mode layer 'shadow' menjadi Multiply dan Opacity menjadi 40%.
Ads not by this site

Step 12
Duplikat layer 'shadow', pada layer 'shadow copy' berikan juga efek motion blur sekali lagi. Tapi kali ini nilai
distance-nya dirubah menjadi 70%

Step 13

Langkah selanjutnya, buat sebuah layer baru diatas layer 'Background' dan beri nama dengan 'lighting'. Pada
layer 'lighting' berikan warna gradasi hitam ke putih dengan Gradient Tool (G) dan atur arahnya seperti gambar
dibawah. Jika sudah, ubah blend mode-nya menjadi Overlay dan opacity-nya menjadi 50%.

Step 14
Sekarang kita kembali ke layer 'effects', klik ganda layer tersebut untuk membuka jendela Layer Styles. pada
jendela Layer Styles, pilih Bevel and Emboss dan atur nilai-nilainya seperti gambar dibawah.
Ads not by this site

Step 15
Masih pada jendela Layer Styles untuk layer 'effects', klik pada Pattern Overlay. Kemudian klik tanda panah
seperti yang diillustrasikan digambar dibawah untuk mendapatkan pattern dengan katagoriArtist Surfaces. Pada
contoh kasus ini, klik pada pattern bernama Washed Watercolor Paper. Ubahblending mode pada Pattern
Overlay menjadi Multiply dan Opacity menjadi 75%.

Step 16
Terapkan juga efek Pattern Overlay pada layer 'Background'. Tapi kali ini pilih pattern dengan namaHard
Charcoal Light. Ubah juga blending mode menjadi Multiply dan Opacity menjadi 75%, jika sudah klik Ok untuk
keluar dan jendela Layer Styles.

Hasil Akhir

Beginilah hasil akhir untuk tutorial Photoshop kita kali ini. Semoga dapat memberi inspirasi dan manfaat. Kamu
dapat berimprovisasi lebih jauh menggunakan tehnik-tehnik pada tutorial kali ini, good luck all!

Membuat Efek Teks 3D dengan


Photoshop
in photoshop

Kali ini, kita akan membahas bagaimana caranya membuat efek teks tiga dimensi (3D) dengan
menggunakan Photoshop. Tutorial ini sangat sederhana dan mudah dipahami. Fokus dasar tutorial adalah
memahami bagaimana membuat bentuk tiga dimensi menggunakan penggabungan dari beberapa layer, serta
bagaimana cara memberi kedalaman pada teks dengan pemberian warna dan shadow.

Lets get started!

Step 1
Buat dokumen baru di Photoshop (Ctrl+N) dengan pengaturan seperti gambar dibawah.

Step 2
Bikin Teks menggunakan Text tool (T).
Ads not by this site

Step 3
Klik layer Teks di layer palette, kemudian tekan tombol Ctrl+T (Transform tool) di keyboard. Klik kanan pada
teks kemudian pilih Distort. Dengan menggunakan mode transform Distort, buat teks kedalam bentuk perspektif
seperti gambar dibawah.

Step 4
Klik layer teks di layer palette kemudian tekan tombol Ctrl+J untuk menduplikasi layer teks. Posisikan layer teks
hasil kopian sedikit keatas (drag sambil tahan tombol Shift). Untuk mempermudah pemahaman tutorial, ganti
nama kedua layer tersebut dengan nama 'DESAIN STUDIO_bawah' (untuk layer teks bagian bawah) dan
'DESAIN STUDIO_atas' (untuk layer teks bagian atas).

Step 5
Duplikasi kedua layer teks tersebut dan posisikan seperti gambar dibawah. Kemudian klik ikon mata pada layer
'DESAIN STUDIO_atas' dan layer 'DESAIN STUDIO_bawah' untuk menyembunyikannya sementara.
Ads not by this site

Step 6
Langkah selanjutnya adalah menduplikasi 'DESAIN STUDIO_bawah copy' sebanyak 70 kali. Caranya, klik layer
'DESAIN STUDIO_bawah copy' di layer palette, kemudian tekan tombol Ctrl+J sebanyak 70 kali.

Step 7
Di layer palette, klik pada layer 'DESAIN STUDIO_atas copy', kemudian scroll-down kebawah, tahan
tombol Shift dan klik pada layer 'DESAIN STUDIO_bawah copy'. Sekarang semua layer dari 'DESAIN
STUDIO_atas copy' sampai layer 'DESAIN STUDIO_bawah copy' sudah terseleksi. Klik kanan lalu pilihLink
layers. Sekarang layer-layer tsb telah diberi tanda rantai yang artinya saling nge-link satu sama lain.

Step 8
Klik pada layer 'DESAIN STUDIO_atas copy' di layer palette kemudian aktifkan Select tool (V). Dibagian Align di
Control Bar, klik pada ikon Distribute Horizontal Center dan Distribute Vertical Center (lihat gambar).
Langkah ini untuk mengatur distribusi hasil kopian-kopian tadi agar membentuk sebuah shape 3d yang sesuai.

Step 9
Selanjutnya, seleksi semua layer dari layer 'DESAIN STUDIO_atas copy' sampai layer 'DESAIN STUDIO_bawah
copy' lalu tekan tombol Ctrl+E di keyboard untuk menggabungkan layer-layer tadi menjadi satu layer (merged).
Saya mengganti nama layer hasil penggabungan tadi dengan nama 'DESAIN STUDIO (merged)'.

Step 10
Tampilkan kembali layer 'DESAIN STUDIO_atas', klik ganda layer tsb untuk membuka jendela Layer Styles.
Pada bagian Gradient Overlay, beri settingan seperti gambar dibawah dan beri warnagradient dengan warna
#90591d dan #ecab65. Jika sudah klik OK untuk menutup Layer Styles.
Ads not by this site

Hasilnya..

Step 11
Selanjutnya, tekan dan tahan tombol Ctrl kemudian klik pada thumbnail layer 'DESAIN STUDIO_(merged)' untuk
mengambil seleksi dari layer tersebut. Sementara seleksi aktif, buat layer baru diatasnya (klik ikon New Layer)
dan fill dengan warna #90591d. Ganti nama leyer menjadi 'warna'.

Step 12
Double-click layer 'warna' untuk membuka jendela Layer styles. Pada bagian Gradient Overlay, beri warna
gradasi dari warna #e0e0e0, #4a5154, #e0e0e0, dan #020202. Dan atur settingannya seperti gambar dibawah.

Ads not by this site

Hasilnya..

Step 13
Klik pada layer 'background' dan fill dengan warna #90591d. Double-click layer 'background' untuk
membuka Layer Styles. Dan pada bagian Gradient Overlay, atur settingannya seperti gambar dibawah.

Ads not by this site

Step 14
Tampilkan dan klik layer 'DESAIN STUDIO_bawah', kemudian pada Menu bar pilih Filter > Blur > Gaussian
Blur. Atur settingan Gaussian Blur seperti gambar dibawah. Langkah ini dimaksudkan untuk menjadikan layer
'DESAIN STUDIO_bawah' sebagai shadow. Jika sudah, ubah Blending Mode layer 'DESAIN STUDIO_bawah' di
layer palette menjadi Multiply dan Opacitynya menjadi 80%.

Step 15
Gunakan Select tool (V) untuk menggeser sedikit layer 'DESAIN STUDIO_bawah' seperti gambar dibawah.

Step 16
Selanjutnya, klik layer 'DESAIN STUDIO_bawah' dan tekan tombol Ctrl+J untuk membuat duplikasinya.
Sekarang geser hasil duplikasi tersebut ('DESAIN STUDIO_bawah copy') sedikit ke kiri dan ubah Opacitynya
menjadi 20% (lihat gambar).

Step 17
Seleksi semua layer (kecuali layer 'background') di layer palette kemudian tekan tombol Ctrl+E di keyboard untuk
menggabungkannya. Hasil penggabungan tsb saya beri nama dengan 'DESAIN STUDIO 3D TEXT'.

Step 18
Duplikasi layer 'DESAIN STUDIO 3D TEXT'. Kemudian klik pada layer 'DESAIN STUDIO 3D TEXT copy' (hasil
duplikasi) dan ubah Blending Modenya menjadi Hard Light, lalu pada Menu bar pilih Filter > Other > High
Pass. Beri nilai 1,0 pada bagian Radius lalu klik OK.

HASIL AKHIR

Inilah efek teks 3D di tutorial kali ini. Semoga banyak tips dan tehnik bermanfaat yang bisa kamu pelajari disini.
Tutorial ini ditujukan sebagai bahan pembelajaran, artinya kamu bisa berimprovisasi membuat efek teks 3D yang
lebih menarik berdasarkan dari tutorial ini. Selamat mencoba! :)

MEMBUAT WALLPAPER
TIPOGRAFI DENGAN
PHOTOSHOP
BY JAKA ON 20/10/2011 IN BELAJAR PHOTOSHOP, PHOTOSHOP TIPOGRAPHY WITH 27 COMMENTS

Kali ini kita akan belajar mengenai ilmu dalam memilih dan menata huruf atau biasa disebut
dengantipografi dengan menggunakan Photoshop.
Tutorial ini merupakan pembelajaran tipografi ke dua setelah tutorial oleh Leo Ari Wibowo pada Desain Tipografi
burung yang dibuat pada pertengahan bulan 7 lalu.

PREVIEW DESAIN
Berikut gambaran desain yang akan kita hasilkan pada tutorial tipografi dengan photoshop kali ini (klik untuk
memperbesar).

DETAIL TUTORIAL

Tingkat kesulitan : Pemula


Software yang digunakan : Adobe Photoshop
Materi yang dipelajari : Penggunaan Clipping mask dan Vektor mask
Lama pembuatan : 15 Menit

TUTORIAL
Capture desktop
Tidak semua monitor berukuran sama, oleh karena itu untuk membuat lembar kerja baru anda haruslah
membuat sebuah gambar yang sesuai dengan ukuran desktop anda.
Oleh karena itu Capture-lah seluruh tampilan desktop anda dengan menekan tombol Print Screen atau Prt Sc
SysRq pada keyboard anda. Selanjutnya, pada lembar kerja photoshop buat lembar kerja baru (Ctrl + N) dan
OK tanpa mengubah ukurannya lagi. Ukuran project baru akan menyesuaikan gambar Prt Scr yang anda capture
tadi.

Menambahkan teks
Selanjutnya, isikan warna lembar kerja dengan warna hitam. Salah satu caranya adalah dengan Menu fill di Edit
> Fill. Pada Use isikan Black dengan Blending Normal dan tekan OK.

Dengan text tool, buat teks pada lembar kerja dengan warna #202020. Disini saya menggunakan font Calibri
dengan ukuran teks sebesar 12 pt.

Tambahkan lagi teks diatas teks selanjutnya dengan ukuran yang lebih besar dan berwarna putih.

Tambahkan layer style Gradient Overlay merah putih bendera indonesia seperti berikut.

Membuat teks realistis dengan photoshop


Masih pada layer Indonesia, pilih menu Layer > Create Clipping mask untuk membuat Clipping mask.

Cara ini akan membuat teks Indonesia bercorak seperti teks-teks kecil dibelakang layer Indonesia.

Ke layer teks kecil, klik Add Vektor Mask dibawah layer. Dengan soft brush berwarna hitam, brush secara
perlahan sehingga akan menghilangkan sebagian teks-teks banyak tersebut seperti yang ditunjukkan oleh
desain dibawah.

Berikut ini hasil sementara tutorial tipografi yang telah kita hasilkan, klik gambar untuk memperbesar.

Penambahan untuk memperbagus desain


Kita akan mencoba membuat teks putih dibawah Indonesia tersebut. Selanjutnya select bagian teks kecil dan
ketik teks yang anda ingin kan. Jangan lupa pula untuk teks yang anda ubah tersebut anda beri warna putih.

Secara garis besar tutorial ini telah kita selesaikan. Sekarang anda tinggal menggeser teks tersebut sesuai
selera anda. Untuk memindahkannya seleksi kedua teks dengan menekan Shift dan klik pada layer.

Selanjutnya dapat anda geser seperti penampakan desain wallpaper saya dibawah ini, klik pada gambar untuk
memperbesar.

HASIL AKHIR
Apakah Anda bangga dengan indonesia??

Klik untuk memperbesar


Download hasil desain berformat .psd pada : Membuat wallpaper tipografi dengan photoshop (ziddu).
Pertanyaan, komentar, masukan, dan sebagainya dapat anda isi pada kotak komentar dibawah dengan mengisi
nama dan email valid anda. Setiap balasan komentar anda akan mendapatkan email dari PSD Desain, jadi cek
selalu inbox email anda.
Like artikel ini jika kamu rasa bermanfaat serta iklan dibawah, jika iklan resmi kami mencurigakan jangan diklik.
Gabung juga di group PSDesain difacebook.

Anda mungkin juga menyukai