Minggu, 28 November 2010

Membuat Efek kertas Robek pada teks dgn Photoshop

Membuat Efek Kertas Robek pada Teks dengan Photoshop

Efek Kertas Robek pada Teks dengan PhotoshopPada tutorial photoshop kali ini, kita akan belajar bagaimana caranya membuat efek kertas robek pada teks. Tutorial ini sederhana dan mudah untuk diikuti. Kita hanya menggunakan fungsi layer style untuk menciptakan efek tersebut. Selain itu, tehnik sederhana untuk menyimpan style untuk diterapkan pada layer lain juga cukup penting untuk diketahui guna menghemat waktu dan tenaga dalam mengerjakan sebuah karya. So, lets get started!
from desain studio 



 
STEP 1
Mulai dengan menyiapkan warna background. Berikan warna gradasi radial dari abu-abu ke warna hitam pekat seperti gambar dibawah ini.

Efek Kertas Robek pada Teks dengan Photoshop


STEP 2
Persiapkan teks, dalam contoh ini saya menggunakan font Lot yang bisa kamu download disini. Pastikan setiap huruf pada teks mempunyai layer masing-masing (lihat gambar dibawah).

Efek Kertas Robek pada Teks dengan Photoshop

STEP 3
Kita mulai dengan layer 'a' untuk memberikan efek kertas robek pada huruf A. Klik ganda layer 'a' maka akan terbuka sebuah jendela bernama layer style. Pilih gradient overlay, lalu atur settingan pada opacity, gradient, style, angle, dan scale seperti pada gambar dibawah ini. Conteng pada tanda preview untuk melihat perubahannya secara langsung.




STEP 4
Masih pada layer style untuk layer 'a', kita beralih ke drop shadow untuk memberi sedikit shadow pada teks. Atur nilai-nilai yang terdapat pada drop shadow seperti gambar dibawah ini.

Efek Kertas Robek pada Teks dengan Photoshop

STEP 5
Selanjutnya, pilih style dibaris paling atas layer style, kemudian klik tombol new style. Langkah ini berarti kita akan menyimpan settingan pada layer style untuk kemudian diaplikasikan pada layer-layer lain.

Efek Kertas Robek pada Teks dengan Photoshop

Beginilah hasil dari pemberian layer style berupa gradient overlay dan drop shadow untuk layer 'a'

Efek Kertas Robek pada Teks dengan Photoshop

STEP 6
Sekarang, pilih Window > Styles untuk membuka Styles palette. Pilih layer 'r' dan layer 't' lalu klik pada ikon style yang tadi kita simpan. Maka secara otomatis, layer 'r' dan layer 't' telah memiliki style yang sama seperti layer 'a'

Efek Kertas Robek pada Teks dengan Photoshop

STEP 7
klik ganda pada Gradient Overlay pada layer 'r' di layer palette untuk melakukan sedikit pengeditan. Kita akan merubah angle efek kertas robek pada layer 'r' menjadi 180° (lihat gambar berikut).

Efek Kertas Robek pada Teks dengan Photoshop

STEP 8
Setelah merubah angle, kita juga perlu menaikkan efek pada huruf 'R' sedikit keatas. Dengan jendela layer style masih terbuka, kita hanya perlu meng-klik dan drag efek tersebut keatas untuk menyesuaikan posisinya pada teks.

Efek Kertas Robek pada Teks dengan PhotoshopEfek Kertas Robek pada Teks dengan Photoshop

STEP 9
Dengan cara yang sama, edit juga angle dari efek gradient overlay pada layer 't' menjadi 0°.

Efek Kertas Robek pada Teks dengan Photoshop

Kondisi layer palette setelah pemberian efek kertas robek pada teks selesai.

Efek Kertas Robek pada Teks dengan Photoshop

HASIL AKHIR
Beginilah hasil akhir dari pemberian efek kertas robek pada teks, sangat mudah bukan? Tutorial photoshop kali ini diharapkan bermanfaat untuk bisa diaplikasikan pada projek kreatif yang kamu kerjakan. Tetap Berkarya! :)

Efek Kertas Robek pada Teks dengan Photoshophasil lainnya..................

Jumat, 19 November 2010

Edit Photo Strip

Kali ini saia memakai foto artis yang gak asing lagi, pemain dalam film action Tomb Rider, Angelina Jolie.
Apa yang akan di otak-atik??
Mulai aja yoo,.^^



1. Lakukan Crop
Tahap pertama-tama kita melakukan cropping
Klik dan tarik kea rah diagonal berlawanan
lara crofttutorial photoshop

Maka hasil Cropnya seperti ini.
tutorial photoshop
Menjadi semakin jelas muka Lara Croftnya.yuhu^^


2. Duplikasi Layer
Lakukan Duplikasi layer dengan menekan Ctrl+J sebanyak 2x.Dan ubah nama layer menjadi Vertical dan Horizontal.
tutorial photoshop


3. Ganti warna Background
Penggantian warna Background kita lakukan dengan menekan Alt+Backspace. Pastikan layer yg aktif adalah layer Background.
Warna yang kita pakai adalah warna dasar gambarnya. Pengambilan warna dengan Pick color tool.
Untuk menghidden layer.hilangkan gambar mata pada Layer Vertical, dengan mengklik gambar matanya
tutorial photoshop


4. Aktifkan Grid
Untuk mengaktifkan photoshop Grid, tekan Ctrl+’
Setelah muncul, kita mengatur jarak atau besar dari Grid. Tekan Ctrl+K,atur komposisi warna dan jarak seperti gambar. Pilih Guides, Grid, Slice.
Dan gridline menjadi 10, klik OK
tutorial photoshop

hasilnya
tutorial photoshop


5. Seleksi pada layer Horizontal
Untuk penyeleksian kita menggunakan Rectangular Marquee Tool.
tutorial photoshop

Lakukan penyeleksian mulai dari bagian mata.
tutorial photoshop

Seleksi dilakukan selang satu baris di atas dan dibawahnya.
tutorial photoshop


6. Tambahkan Layer Mask
Penambahan layer mask dilakukan setelah penyeleksian secara horizontal.
Tekan tombol add layer mask pada pallete layer.
Dan Layer mask akan muncul pada Layer Horizontal.
tutorial photoshop

Setelah itu maka hasil gmbar menjadi:
tutorial photoshop


7. Tampilkan kembali layer Vertical
Caranya mengklik kembali kotak kosong dimana gambar mata dihilangkan.
tutorial photoshop


8. Seleksi pada layer Vertical
Sama seperti seleksi horizontal, kali ini seleksi menegak atau vertical.
Lakukan pertama kali pada baguan mata.
tutorial photoshop


9. Tambahkan Layer Mask
Klik tombol Add Layer Mask, maka muncul mask pada layer Vertical.
tutorial photoshop

Dan hasilnya:
tutorial photoshop

Tekan Ctrl+’ untuk menghilangkan grid.
tutorial photoshop


10. Penyeleksian secara Irisan.
Langkah ini untuk mendapatkan seleksi irisan atau perpotongan dari mask Vertical dengan mask Horizontal.
Tahan Ctrl klik pada mask Horizontal.
tutorial photoshop

Kemudian tahan Ctrl+Alt+Shift dan klik pada mask Vertical.
tutorial photoshop

Maka hasil seleksi :
tutorial photoshop


11. Penyimpanan Seleksi
Lakukan penyimpanan Seleksi, pilih menu Select dan Save Selection. OK
tutorial photoshop


12. Deselection
Tahap ini kita membatalkan daerah seleksi
Tahap deselection dilakukan sperti motif anyaman satu2
tutorial photoshop


13. Copy menjadi Layer Baru
Tekan Ctrl+J untuk menjadikan sebagai Layer baru.
tutorial photoshop


14. Deselection
Sama seperti Deselection sebelumnya. Mulai dengan tahan Ctrl klik mask Horizontal dan Ctrl+Alt+Shift klik pada Mask Vertical. Setelah potongan hasil seleksi keduanya muncul lakukan penmbatalan seleksi tetapi  berlawan dengan diselection sebelumnya. Dalam arti kata lakukan selang seling.

Lemudian Ctrl+J, untuk membuat menjadi layer baru.

(Perhatikan baik2 motif deselection)
tutorial photoshop


15. Membuat Clipping Mask
Klik Layer 1 dan tekan Ctrl+Alt+G, kemudian lakukan hal sama pada layer 2.
tutorial photoshop


16. Membuat efek Outer Glowing
Klik layer 1 untuk aktifin layer, kemudian klik tombol Blending Option
tutorial photoshoptutorial photoshop

Atur Blend Mode menjadi Multiply, Opacity 50, warna hitam, size 18.
tutorial photoshop

tutorial photoshop


17. Copy Paste dari layer 1 ke layer 2
Aktifin layer 1, pilih menu Layer, Layer Style, Copy Layer Style.
terus Aktifin Layer 2, pilih menu Layer, Layer Style, Paste Layer Style

Nahhh,.jadi dehh,…fiuww=33
tutorial photoshop
Wiii,.serem juga yah,.mukanya dianyam seperti itu,.

^^,,hohoho./
Smoga bermanfaat…yu huuu,.
tutorial photoshop
Mm,.bisa juga di berikan efek menggunakan Brushing

Semoga Bermanfaat... ^_^

Membuat efek lomografi pada foto

Membuat efek lomografi pada foto
Ok sebelum kita belajar tutorial Efek Lomografi ada baiknya kita ketahui apa itu efek lomo. Sobat semua Lomografi adalah sebuah bagian dari fotografi yang menggunakan kamera khusus yang disebut dengan kamera LOMO. LOMO sendiri merupakan  singkatan dari Leningradskoye Optiko-Mechanichesckoye Obyedinenie (Leningrad Optical Mechanical Amalgamation) yang merupakan sebuah pabrik lensa yang berada di St.Petersburg, Rusia.

image ilmugrafis
( Salah satu contoh kamera LOMO)

Dengan kamera lomo kita dapat menghasilkan suatu karya fotografi yang unik dan berbeda dari foto yang pada umumnya. Nah berhubung kita ndak punya kameranya so kita racik ja di photoshop agar foto kita seolah-olah hasil jepretan dari kamera LOMO tersebut.

Ok langsung saja ikuti langkah-langkahnya dibawah ini:

1. Pertama buka foto yang akan kita jadikan efek Lomografi, kali ini sy menggunakan foto avril.
image ilmugrafis
Klik Kanan dan Save as gambar di atas untuk contoh latihan

2. Setelah itu kita akan memanfaatkan fasilitas Curves yang ada pada photoshop.
Oya kita tentunya sudah tau bahwa di dalam dunia desain ada dua macam pengeditan pada sebuah image, yaitu:
- mengedit langsung difotonya (merusak) dan
- mengedit secara tidak langsung (mask/menutupi)
Tentunya cara yang pertama ni diharamkan :-D karna jelas ini kurang efektif jika nantinya dalam pengeditan terjadi yang namanya kesalahan.
Untuk itu ditutorial ini kita akan menggunakan cara kedua.
image ilmugrafis
(contoh mengedit foto yang merusak langsung pada foto langsung melalui IMAGE > ADJUSMENT > ...)

image ilmugrafis
(contoh pengeditan foto yang tidak langsung merusak foto (mask/menutupi) melalui ADJUSMENT FILL LAYER di Pallet layer )

Jadi sifatnya tidak merusak langsung pada foto tapi dia menutupi/langsung membuat layer baru jika kita menggunakan fasilitas melalui cara ini.

OK sekarang kita buka fasilitas Curves menggunakan cara yang kedua tadi:
image ilmugrafis

3. Setelah itu akan muncul jendela pengaturan CURVES. Atur seperti dibawah ini:
image ilmugrafis
(pengaturan di Chanel RGB)

image ilmugrafis
(pengaturan di Chanel BLUE)

image ilmugrafis
(pengaturan di Chanel GREEN)

4. Setelah itu kita akan memberikan efek GRADIENT MAP
image ilmugrafis

Lalu atur seperti pada gambar dibawah ini:
Preset: black with
image ilmugrafis

image ilmugrafis
Blending mode: overlay
Opacity: 46 (silahkan dimodifikasi)

5. Setelah itu kita gunakan juga fasilitas Fiil gradient: atur sesuai dengan gambar:
image ilmugrafis

preset: foreground to transparan
style: Radial
reverse dan align with layer aktifkan (centang )
image ilmugrafis

Nah jangan lupa blanding mode pada layer GRADIEN FILL 1 ubah menjadi OVERLAY:
Lihat gambar dibawah.
image ilmugrafis

6. Akhirnya selesai juga..mudah bukan???
efek lomografi

Terima kasih,