Tampilkan postingan dengan label photoshop. Tampilkan semua postingan
Tampilkan postingan dengan label photoshop. Tampilkan semua postingan

Senin, 06 Desember 2010

Menggabungkan Dua Image dengan Layer Mask


Menggabungkan Dua Image dengan Layer Mask web desain grafis
Menggabungkan Dua Image dengan Layer Mask web desain grafis Menggabungkan Dua Image dengan Layer Mask web desain grafis
2. Ciptakan dokumen kerja baru di photoshop, File >> New
3. Hapus background2 gambar2 tersebut dengan menggunakan Magic Erase dengan set tolerance 10
Menggabungkan Dua Image dengan Layer Mask web desain grafis
4. Sehingga hasilnya jadi seperti ini:
Menggabungkan Dua Image dengan Layer Mask web desain grafis
5. Jadikan satu ke dua image tersebut, ke dokumen kerja yang baru, salah satu caranya bisa dilakukan dengan cara men drag nya, sehingga di layer properties nya jadi seperti ini:
Menggabungkan Dua Image dengan Layer Mask web desain grafis
6. Langkah ke 6 adalah menambahkan layer mask di layer 1, atau ke gambar logo ati radeon:
Menggabungkan Dua Image dengan Layer Mask web desain grafis
7. Klik layer mask tersebut, gunakan gradien tool, lalu tarik secara diagonal dari pojok atas ke bawah:
Menggabungkan Dua Image dengan Layer Mask web desain grafis
8. Setelah logo Ati Radeon nya di tambahkan efek gradien, silahkan coba gabungkan dengan gambar vga card nya, sehingga hasilnya menjadi:
Menggabungkan Dua Image dengan Layer Mask web desain grafis
Sekian, semoga teknik Menggabungkan Dua Image dengan Layer Mask ini dapat menambah sedikit ilmu

Membuat Bingkai Tepi – Photo

1. Sediakan sebuah photo
Membuat Bingkai Tepi   Photo Nikita Willy web desain grafis
2. Lakukan seleksi dengan menggunakan tool Rectangular Marquee Tool atau tekan tombol M
Membuat Bingkai Tepi   Photo Nikita Willy web desain grafis
3. Lakukan Invert selection dengan menekan tombol Ctrl+Shift+I
Membuat Bingkai Tepi   Photo Nikita Willy web desain grafis
4. Setelah itu tekan tombol quickmask pada tools palette atau tekan tombol "Q"
Membuat Bingkai Tepi   Photo Nikita Willy web desain grafis
Membuat Bingkai Tepi   Photo Nikita Willy web desain grafis
5. Tambahkan efek Filter -> Distort -> Ripple
Membuat Bingkai Tepi   Photo Nikita Willy web desain grafis
6. Hasilnya setelah di tambahkan efek filter
Membuat Bingkai Tepi   Photo Nikita Willy web desain grafis
7. Matikan QuickMask atau tekan tombol "Q" lagi
Membuat Bingkai Tepi   Photo Nikita Willy web desain grafis
Membuat Bingkai Tepi   Photo Nikita Willy web desain grafis
8. Lalu lakukan Invert selection lagi, Ctrl+Shift+I
Membuat Bingkai Tepi   Photo Nikita Willy web desain grafis
9. Lakukan pemindahan seleksi ke Layer baru dengan menekan Ctrl+Shift+J
Membuat Bingkai Tepi   Photo Nikita Willy web desain grafis
10. Klik layer 0 lalu warnai dengan warna putih, kalau masih bernama background bisa coba klik 2x nanti ganti dengan nama layer, lalu warnai dengan warna putih
Membuat Bingkai Tepi   Photo Nikita Willy web desain grafis
Membuat Bingkai Tepi   Photo Nikita Willy web desain grafis
11. Tambahkan efek Drop shadow pada layer 1 (gambar photo nya), dengan cara klik kanan Layer 1 atau photo utama, blending, centang drop shadow
Membuat Bingkai Tepi   Photo Nikita Willy web desain grafis
Hasil Akhir:
Membuat Bingkai Tepi   Photo Nikita Willy web desain grafis
Download PSD nya >> DISINI

Efek Fractal Pada Foto dengan Photoshop

Langkah pertama anda harus me-download terlebih dahulu plugins Fractal di alamat ini http://www.heise.de/software/download/fractalius_plug_in/49997, kemudian anda install. Ini merupakan plugin untuk photoshop CS x.
Selanjutnya persiapkan foto makro anda, semisal foto saya, yaitu foto lalat, kemudian anda buka dengan menggunakan photoshop :
 Efek 
Fractal Pada Foto dengan Photoshop web desain grafis
Kemudian  anda copy atau menggunakan shortcut ctrl + J. sehingga anda mendapati dua objek yaitu background dan background copy.
Lalu pastikan anda select Background Copy, nah, ini yang nantinya akan kita proses menggunakan efek fractal.
Pilih Filter – Redfield – Fractalius
 Efek 
Fractal Pada Foto dengan Photoshop web desain grafis
Selanjutnya anda bisa memilih salah satu jenis fractal yang akan anda gunakan.
Sebagai contoh saya akan menggunakan Glow 100
 Efek 
Fractal Pada Foto dengan Photoshop web desain grafis
Kemudian anda dapat mengatur konfigurasi hingga menemukan hasil fractal yang anda inginkan.  Seperti yang saya lakukan, dengan konfigurasi seperti ini:
 Efek 
Fractal Pada Foto dengan Photoshop web desain grafis
Maka saya mendapatkan fractal seperti ini :
 Efek 
Fractal Pada Foto dengan Photoshop web desain grafis
Agar tidak terlalu menghilangkan detil foto aslinya maka di sini saya rubah sedikit opacity layer ke 2, sehingga foto lalatnya menjadi jelas terlihat. Dan hasil akhirnya seperti ini :
 Efek 
Fractal Pada Foto dengan Photoshop web desain grafis
Selamat mencoba.

Plugin Photoshop : Digital Element Aurora

Aurora memiliki efek-efek yang berhubungan dengan air, langit/awan/kabut, pengaturan pencahayaan di luar ruangan, ambient light, volumetric, dan efek-efek natural yang lain.
Ini adalah salah satu contoh effect dari aurora :
Plugin Photoshop : Digital Element Aurora web desain grafis
Bagi anda yang ingin segera mencobanya, bisa langsung mendownloadnya di sini ...
Size: 15.5 MB (Medicine in the archive)
http://hotfile.com/dl/33180737/c5f7b75/Digital.Element.Aurora.v2.1.rar.html

Membuat Icon Smadav

Membuat Icon Smadav web desain grafisSiap? kita mulai
1. Buat dulu dokumen baru (Ctrl+N)
Membuat Icon Smadav web desain grafis
2. Klik Pen Tool, lalu buat shape seperti ini
Membuat Icon Smadav web desain grafis
3. Klik 2 kali kotak seperti yang ada di gambar, lalu ganti warnanya dengan #01fa09
Membuat Icon Smadav web desain grafis
4. Tekan Ctrl+Shift+N untuk membuat layer baru. Buat lagi shape seperti ini (Merah), lalu warnai
Membuat Icon Smadav web desain grafis
5. Buat Lagi layer baru, buat shape (merah), lalu warnai lagi. Jarak antar shape nggak terlalu rapat juga gpp, nanti tertutupi garis.
Membuat Icon Smadav web desain grafis
Maap ya.. bentuknya gak rata (lg malas) ^_*
Wah udah mulai keren neh....
6. Sekarang kita buat garis-garisnya. Pilih Pen Tool, lalu atur kaya gini. Buat garis dengan Pen tool seperti di bawah (merah)
Membuat Icon Smadav web desain grafis
7. Lalu kita warnai. Klik brush Tool, klik kanan di area kerja, atur seperti di bawah ini. Klik Foreground color atur juga warnanya.
Membuat Icon Smadav web desain grafis
8. Klik kembali Pen Tool, klik kanan di Path yang tadi telah dibuat, klik Stroke Path, lalu atur kaya gini
Membuat Icon Smadav web desain grafis
Lalu Klik kanan-Delete Path pada Path tadi.
9. Lakukan juga pada garis yang lain (tidak perlu buat layer baru)
Nah..... Hasil sementara...
Membuat Icon Smadav web desain grafis
Lanju.....t.. yu......k
10. Select semua layer kecuali layer background dengan cara Ctrl+klik pada nama layer, lalu drag (klik sambil tarik) ke icon group dibawah.
Membuat Icon Smadav web desain grafis
11. Klik kanan-Duplicate Group buat nama grup: Shadow karena nanti fungsinya sebagai bayangan
12. Klik Transform-Flip Vertical, lalu tarik ke bawah sambil tekan dan tahan Shift supaya tetap lurus ke bawah
Jadi kaya gini..
Membuat Icon Smadav web desain grafis
13. Klik icon Add Layer Mask (di dekat icon group) dengan posisi Grup Shadow ter-select
Membuat Icon Smadav web desain grafis
14. Klik Gradient Tool (di bawah Paint Bucket tool)
15. Drag dari atas sampai kira-kira setengah, Ubah opacity menjadi 65 %
Membuat Icon Smadav web desain grafis
16. Tinggal tambahin Text
Membuat Icon Smadav web desain grafis
Bisa juga di kreasiin kaya gini
Membuat Icon Smadav web desain grafis
Berhasil belum?? Kalo belum, berusaha terus ya.. Pasti bisa kok, yang penting ada kemauan karena Dimana ada Kemauan, Disitu ada Jalan
Terima Kasih bagi yang telah melirik, membaca, maupun mempraktekkan Tutorial ini.
Sekali lagi maaf ya kalo gambarnya gak bagus karena ngerjainnya sambil malas-malasan ngisi waktu luang
Bila ada kesalahan mohon dimaafkan.
Terima Kasih.

Membuat Simply Angry Icon

Membuat Simply Angry Icon

Membuat Simply Angry Icon web desain grafis
Oke kita mulai aja
1. Buat dokumen baru (Ctrl+N)
Membuat Simply Angry Icon web desain grafis
2. Buat layer baru (Ctrl+Shift+N). Klik Elliptical Marque Tool Lalu buat Lingkaran seperti dibawah. Warnai sesuka hati.
Membuat Simply Angry Icon web desain grafis
Kaya bendera jepang ya...
3. Klik Gradient Tool, lalu ubah warnanya.
Membuat Simply Angry Icon web desain grafis
4. Ctrl+klik di layer Thumbnail, Lalu drag (klik dan tarik) dari tengah ke pinggir.
Membuat Simply Angry Icon web desain grafis
Ctrl+D untuk deselect (menghilangkan seleksi)
5. Buat Layer baru (Ctrl+Shift+N), Buat seleksi lagi dan warnai dengan warna putih (#FFFFFF) seperti gambar.
Membuat Simply Angry Icon web desain grafis
6. Klik Add Layer Mask, lalu klik Gradient Tool. Drag dari kiri atas ke tengah.
Membuat Simply Angry Icon web desain grafis
7. Sekarang, kita buat matanya. Buat layer baru, lalu buat seleksi dengan Klik Elliptical Marque Tool dan warnai putih, lalu Ctrl+klik pada Layer Thumbnail. Pilih brushTool ukuran besar dan soft round, warnai di pinggir kiri bawah dengan warna #a7a7a7. Cukup kenakan sedikit dari brush
Membuat Simply Angry Icon web desain grafis
8. Tekan Ctrl+J (untuk menggandakan layer), Ubah sedemikian rupa agar warna gelapnya menjadi di bawah (sebelumnya agak ke kiri) dengan Transform (Ctrl+T)
9. Kita buat hitam matanya. Buat Layer baru (Ctrl+Shift+N) Buat lingkaran (agak lonjong juga gpp), Lalu warnai dengan warna hitam.
10. Klik Brush Tool pilih warna putih dan Opacity sekitar 75%, warnai Shape hitam yang dibuat barusan pada bagian kanan atas.
Membuat Simply Angry Icon web desain grafis
11. Drag ke mata yang satunya lagi sambil menekan Alt
12. Kita buat alis matanya. Klik Rectangle Tool atau tekan U, buat persegi panjang yang agak panjang. Lalu Transform (Ctrl+T) sedemikian rupa hingga jadi seperti di gambar.
Membuat Simply Angry Icon web desain grafis
13. Buat di mata yang satu lagi...
Membuat Simply Angry Icon web desain grafis
14. Gabungkan kedua layer alis (Ctrl+E) dengan posisi layer teratas ter-select)
15. Klik Filter-Blur-Gaussian Blur
Membuat Simply Angry Icon web desain grafis
16. Nah Tinggal mulut, Buat layer baru, klik Pen Tool, lalu buat garis seperti di bawah (biru).
Membuat Simply Angry Icon web desain grafis
17. Klik Brush Tool, pilih ukuran 5px, hardness 100% warna Hitam pekat (#000000). Kembali ke Pen Tool, klik kanan Path yang telah dibuat, Stroke Path.
Membuat Simply Angry Icon web desain grafis
Kita lihat hasilnya...
Membuat Simply Angry Icon web desain grafis
Tinggal kreasiin dikit
Membuat Simply Angry Icon web desain grafis
Gimana Mudah dan simple kan? Selamat mencoba
Terima kasih bagi yang sudah melirik, melihat, maupun memprektekkan tutorial ini
Bila ada kesalahan mohon dimaafkan. Terima kasih