Senin, 17 Oktober 2011

Teknik Menggandakan Diri (Twin Efek)

Teknik Menggandakan Diri (Twin Efek)
Publish: 28 Mei 2011 | Author & Copyright: Johan | Status: FREE tutorial

Tutorial Photoshop kali ini adalah tentang teknik menggandakan diri, wah kayak amoba dong! hehehe ya begitulah tapi kalau amoba kan dia memang benar - benar menggandakan diri namun kali ini kita tidak perlu pakai jurus ninjutsu ala naruto atau jurus trik sulap. Bagaimana bisa demikian? apa rahasianya? cukup sebuah tripot dan kamera dan tentu saja Photoshop

kok bisa tripot? klo nggak punya tripot gimana? cukup kamera saja cuma kita harus membuat dudukan / tempat agar kamera tersebut tidak bergerak kemana - mana

Ok, ini dia triknya...
1. Pertama kita ambil dulu bisa 2 foto 3 foto maupun lebih, namun untuk contoh saya pakai dua foto saja biar terkesan twin efek (efek kembar) gitu
maunya sih foto pakai sendiri tapi berhubung penulis bukan seorang fotogenik jadi ya terpaksa saya pakai foto orang lain saja
cklik foto 1
image ilmugrafis.com

Cklik foto 2
image ilmugrafis.com

angle (sudut) dan letak foto sama persis, inilah gunanya tripot
bagi yang belum tahu tripot ini dia gambarnya
image ilmugrafis.com

ok sekarang waktunya beraksi dan Belajar Photoshop,

2. Pindahkan foto yang kita punya ke komputer / laptop lalu buka foto - foto tersebut dengan PHOTOSHOP
disini bisa menggunakan berbagai jenis photoshop mulai dari photoshop 7 hingga yang terkini yaitu CS 5

3. Dengan Move Tool
Pindahkan foto orang bertopi ke foto orang yang tidak bertopi
image ilmugrafis.com


4. nah sekarang kita ganti blending modenya ke mode Screen jadi kelihatan transparan nih, hehehe
image ilmugrafis.com

5. Nah berikutnya siapkan / klik eraser Tool
image ilmugrafis.com

6. sekarang hapus gambar orang yang tidak bertopi
image ilmugrafis.com
namun hati - hati jangan sampai kena area orang yang bertopi

7. Jika merasa sudah pas penghapusannya, sekarang kembalikan blending mode ke Normal
mau tau hasilnya? bener, mau tahu? jamaah yeee oh jamaah yeee Alhamdulillah
image ilmugrafis.com
wow kembar , efek (twin) brother
Tutorial ini hanyalah merupakan contoh saja, anda bisa mengembangkan efek diatas menurut imajinasi anda
image ilmugrafis.com
ini kreasi mas Arofat salah satu penulis ilmugrafis

Terima kasih telah belajar bersama ilmuGrafis, sampai jumpa lagi di Efek Photoshop lainnya
Semoga bermanfaat

Efek Dance Ray

Efek Dance Ray
Publish: 3 Juli 2011 | Author & Copyright: Renra | Status: FREE tutorial

Well, kembali ke Photoshop! Di Tutorial Photoshop ini, saya ingin sedikit berbagi kepada pembaca mengenai trik dasar membuat “Lighting Effect” pada sebuah foto. Okey, Untuk lebih lengkapnya akan saya jelaskan step by step sebagai berikut:

1. Tahap pertama adalah pemilihan sebuah foto yang akan kamu gunakan. Gunakan saja foto kamu sendiri atau boleh juga dengan menggunakan foto “Dance” di bawah ini. Kalau gitu, save dulu deh fotonya...
image ilmugrafis.com

2. Kemudian buka foto yang tadi kamu save kedalam Photoshop melalui perintah Menu File > Open. Setelah fotonya berada dalam Photoshop, klik-ganda layer background untuk mengubah layer background menjadi layer biasa. Kamu juga dapat mengganti nama layernya misalnya saja layer “Dance”
image ilmugrafis.com

3. Sekarang kamu hapus background dari foto tersebut. Kamu dapat melakukannya dengan memilih Eraser Tool (E) pada toolbox dan menyapukannya ke area background foto.
image ilmugrafis.com

4. Buatlah layer baru dengan mengklik icon Create a new layer dan posisikan layer baru tersebut di bawah layer “Dance”. Beri nama layer tersebut “Black Background”.
image ilmugrafis.com
perpaduan tombol Shift+F5 pada keyboard untuk menampilkan kotak dialog Fill. Saat kotak dialog Fill tampil, pilih Black pada bagian Use. Dan klik OK.
image ilmugrafis.com

Sehingga background fotonya sekarang menjadi warna hitam.
image ilmugrafis.com

5. Sekarang beralih kepada layer “Dance”. Pilih Menu Layer > Layer Style > Outer Glow.
Pada kotak dialog Layer Style bagian Outer Glow, sesuaikan nilai opacity dan sizenya seperti ilustrasi berikut.
image ilmugrafis.com

Coba kamu lihat hasilnya! Hmm tapi ini belum selesai, masih banyak lagi yang mesti kita lakukan Lagi.
image ilmugrafis.com
Tekan tombol “D” kemudian tekan juga tombol “X” pada keyboard untuk memberikan warna putih pada Foreground Color.

6. Kemudian pilih Ellips Tool (U) dan buatlah sebuah lingkaran. Posisikan layer “Shape 1” diantara layer “Dance” dan layer “Black Background”. Dan kurangi nilai Opacitynya menjadi 50%.
image ilmugrafis.com

Duplikat layer “Shape 1” sebanyak 3 kali dengan cara menekan perpaduan tombol Ctrl+J pada keyboard. Dan atur letak ke-4 objek lingkaran tersebut seperti berikut.
image ilmugrafis.com

7. Buatlah layer baru dengan mengklik icon Create a new layer dan posisikan layer tersebut tepat di bawah layer “Dance”. Beri nama layer tersebut “Grunge”.
image ilmugrafis.com

8. Pilih Brush Tool (B) pada toolbox dan di sini saya akan menggunakan jenis brush “Flow and Grunge”. Silahkan download dulu brushnya disini.
image ilmugrafis.com

9. Dan sapukan brushnya di layer “Grunge” yang kita telah buat sebelumnya.
image ilmugrafis.com

10. Buat lagi layer baru dengan mengklik icon Create a new layer dan posisikan layer tersebut di atas layer “Dance”. Beri nama layer tersebut “Line”.
image ilmugrafis.com

11. Pilih Brush Tool (B) pada toolbox. Gunakan jenis Brush yang berbentuk bulat. Dan berikan nilai 6px untuk Size dan 100% untuk Hardnessnya.
image ilmugrafis.com

12. Pilih Pen Tool (P) pada toolbox. Dan buatlah garis path seperti ini.
image ilmugrafis.com

13. Klik kanan pada Canvas Image dan pilih Stroke Path.
image ilmugrafis.com

Pada kotak dialog Stroke Path, pilih Brush pada bagian Tool. Dan klik OK.
image ilmugrafis.com

14. Lalu tekan enter untuk menghilangkan garis pathnya. Dan lihat hasilnya.
image ilmugrafis.com

15. Pastikan layer “Line” masih dalam keadaan aktif.
Sekarang pilih Menu Layer > Layer Style > Outer Glow.
Pada kotak dialog Layer Style bagian Outer Glow, sesuaikan nilai opacity dan sizenya seperti ilustrasi berikut.
image ilmugrafis.com

Coba hasilnya, garis yang kamu buat tadi menjadi seolah-olah tampak bercahaya. Keren yah? Eits, tapi ini belum selesai. Mari kita lanjutkan.
image ilmugrafis.com

16. Pilih Eraser Tool (E) dan hapuslah sebagian garis yang ditunjukan oleh anak panah pada gambar berikut agar garis tersebut tampak melingkari tubuh si Dancer.
image ilmugrafis.com

Untuk yang terakhir, buat lagi layer baru dengan mengklik icon Create a new layer dan posisikan layer tersebut di atas layer “Line”.
Beri nama layer tersebut “Light”.
image ilmugrafis.com

17. Pilih Brus Tool (B) yang bersisi lembut atau Brush yang nilai Hardnessnya sebesar 0%. Buat semacam bola cahaya dengan warna biru dan orange.
image ilmugrafis.com

18. Pilih Menu Filter > Blur > Gaussian Blur
image ilmugrafis.com

Dan berikan nilai Radius sebesar 25px. Jangan lupa klik OK.
image ilmugrafis.com

Tadaa! Hasil akhirnya adalah seperti ini. Oh ya, kamu juga dapat menambahkan objek-objek lainnya agar lebih menarik.
Be creative designers and good luck!
image ilmugrafis.com
Dance Ray dengan Grunge Effect
Semoga aja apa yang saya tulis disini bisa menjadi satu inspirasi dan bahan pembelajaran bagi temen-temen yang sedang belajar Photoshop.
thank you buat ilmuGrafis, sampai jumpa lagi di Efek Photo lainnya
Semoga bermanfaat

Efek Foto Sketsa Artistik

Efek Foto Sketsa Artistik
Publish: 7 September 2011 | Author & Copyright: Johan | Status: FREE tutorial

Tutorial Photoshop kali ini mungkin sederhana namun efek yang dihasilkan cukup menawana. Seperti judulnya kita akan membuat efek foto skect (sketsa) dengan tambahan efek artistic tentunya.

Tutorialnya:
1. Buka Program Photoshop anda, dan masukkan gambar (CRTL + O kemudian pilih file gambar) yang akan diberi efek Artistic Skect
Disini saya menggunakan foto artis mancanegara bernama Nina Dobrev yang bisa anda dapatkan di google atau save as gambar di bawah ini untuk latihan
image ilmugrafis.com
Nina Dobrev
(cara save as image: klik kanan gambar, pilih save picture)

2. Duplikat layer sehingga kita mempunyai 2 layer (background dan layer 1)
untuk menduplikat layer tekan CTRL + J
image ilmugrafis.com

3. Tambahkan Efek Skect pada layer 1
Caranya: pada menu utama klik Filter > Artistic > Colored Pencil , untuk parameternya gunakan ini:
image ilmugrafis.com
ubah mode Layer 1 ke mode: Soft Light. Jika langkah anda benar maka akan menghasilkan gambar seperti ini:
image ilmugrafis.com


4. Klik Selection Tool, ubah feathernya menjadi 20px
bagi pemula gunakan saja poligonal lasso tool dan buat kotak seleksi seperti ini
image ilmugrafis.com
jika titik pertama dan terakhir bertemu maka akan menghasilkan seleksi yang ditandai dengan garis putus
Untuk lebih mendalami tentang seleksi silahkan buka artikel ini: Seleksi - Select - Deselect - Inverse pada Photoshop

Setelah berhasil menyeleksi maka tekan tombol [del] pada keyboard, dan hasilnya kurang lebih seperti ini... :)
image ilmugrafis.com
Sketch Artistic
Terima kasih, Sampai jumpa lagi di Efek Photo lainnya
Semoga bermanfaat

Membuat Animasi Bergerak di Photoshop CS 3 Keatas

Membuat Animasi Bergerak di Photoshop CS 3 Keatas
Publish: 9 Oktober 2011 | Author & Copyright: Johan | Status: FREE tutorial

Pada waktu dulu yaitu Photoshop 7, Photoshop CS, Photoshop CS 2 kita menggunakan Image Ready untuk membuat animasi di Photoshop. Namun mulai Adobe photoshop CS 3 kita tidak akan menjumpai aplikasi image ready tersebut karena Adobe telah menggabungkan elemen dari image ready ini ke dalam fitur dari Photoshop itu sendiri. Hal ini tentu saja lebih menghemat memory (kinerja komputer) karena mengurangi jumlah aplikasi yang aktif di Windows dan akan berpengaruh pada kinerja / kecepatan komputer serta memberikan segi kepraktisan kepada kita.

Baik, sekarang bagaimana langkah langkah membuatnya, mari kita ikuti tutorialnya:

1. Buka aplikasi photoshop CS 3 atau CS 4 atay CS 5
Disini penulis menggunakan Photoshop CS 3
klik CTRL + N = untuk membuat lembar kerja baru

Nah inilah rahasianya, aktifkan panel Animation, caranya: pada menu utama di atas, pilih Window >> (centang) Animation
image propietary of ilmugrafis
akan muncul sebuah window baru dengan nama Animation (frames)
inilah Rahasia Photoshop nya pengganti image ready di photoshop CS 3 ini


2. Buat lembar kerja baru, ukuran terserah anda, disini saya mencontohkan saja
image propietary of ilmugrafis


3. Dengan Text Tool , tulis IG
image propietary of ilmugrafis

4. Nah kita mempunyai 1 gambar, karena animasi terdiri dari beberapa gabungan gambar maka kita harus punya lebih dari 1 gambar bukan :)
image propietary of ilmugrafis
saatnya kita menekan Duplicate Selected Frame (ini untuk menduplikasi / menggandakan gambar kita)


5. Sekarang pada frame 2 kita beri warna pada teks IG (ilmugrafis) kita pindahkan tulisan agak ke bawah
image propietary of ilmugrafis
setelah tulisan ke bawah, Klik Tween Animation Frame untuk membuat Frame-frame secara otomatis (jadi tidak perlu capek bikin 1 per 1 frame /gambar)
Semakin banyak frame maka akan semakin halus gerakan animasinya, disini saya pakai 10 sebagai contoh
image propietary of ilmugrafis
hasilnya bisa dilihat dengan menekan tombol Play

6. kita bisa menambahkan animasi lagi, caranya sama seperti langkah 4 dan 5 , misal: membuat tulisan IG bergerak ke atas
image propietary of ilmugrafis
dan hasilnya:
image propietary of ilmugrafis
Cara mengkonvert menjadi animasinya GIF nya yaitu dengan cara klik File >> Save For Web & Device (ALT + Shift + Ctrl + S)
image propietary of ilmugrafis
Pilih GIF , tekan Save

Semoga menambah wawasan kita dan bermanfaat bagi semuanya khususnya para pembaca dan pengunjung IG (ilmuGrafis)
Selamat Belajar Photoshop nikmati juga tutorial efek Foto dari IG maupun tutorial grafis lainnya
Terima kasih, Semoga bermanfaat ^_^