style photoshop (frame foto) - PHOTOSHOP

Kali ini kita akan membahas masalah Style dalam Photoshop, dengan Style photoshop kita bisa membuat banyak kreasi seperti bingkai / frame foto, banner, efek foto, dll...

Ok tanpa berlama - lama mari kita mulai, pertama adalah memunculkan jendela STYLE
Caranya:

Pilih Window - Style (Dalam Hal ini Style Harus Sudah TerCENTANG)

Hasilnya:

Gambar di atas adalah jendela STYLE

Kita bisa memilih macam - macam STYLE sesuai dengan yang disediakan

Ok, Sebagai Contoh:
Coba kita menggambar kotak dengan menggunakan Rectangle Tool, kemudian pilih / klik style yang diinginkan. Disini saya mencoba beberapa STYLE diantaranya:



Seperti yang telah saya katakan sebelumnya, dengan sedikit kreasi kita bisa membuat efek - efek menarik lainnya:
diantaranya adalah FRAME FOTO

 

mmmm... Bautiful Girl in Chromed Frame

Ok bagi kalian yang ingin mengetahui bagaimana cara membuat Frame Photo seperti di atas... Silahkan IKUTI LANGKAH-LANGKAH di bawah ini...


 
LANGKAH-LANGKAHNYA:
1. Pilih foto yang akan di jadikan kita berikan frame:


 Note:
Bagi anda yang punya HP berwarna yang bisa mengakses GPRS bisa memakai gambar ini sebagai wallpaper dengan mengetik di browser anda
http://www.ilmugrafis.net/photoshop/p_foto_30/ilmugrafis-img-30.jpg


2. Buat Lembar Kerja Baru ( CTRL + N)

Lalu OK

3. Buat Gambar Kotak dengan menggunakan Rectangle Tool
Lalu pilih Style yang diinginkan, disini penulis memulih Chromed Satin
Hasilnya:


4. Gunakan Move Tool lalu Drag / Geser gambar Wanita Cantik yang telah kalian donwload di atas ke Lembar kerja Chromed Frame
Setelah itu gunakan Transform ( CTRL + T ) untuk memperkecil atau menyesuaikan ukuran gambar

Setelah Transform sesuai ukuran maka tekan tombol Enter


5. Ok Tinggal Memberikan Efek, Efek Yang diberikan adalah
Caranya: Pilih Pada Menu Utama di bagian atas, LAYER - LAYER STYLE - INNER SHADOW...

OK

Kemudian
LAYER - LAYER STYLE - STROKE...

OK

Hasilnya:

mmmm...beautifull girl  in Chromed Frame

Semoga penjelasan di atas bermanfaat

Terima Kasih

membuat cap stamp logo watermark - PHOTOSHOP

Lama tidak berjumpa di tutorial photoshop dasar, kali ini kita kembali membahas dasar - dasar photoshop yaitu Opacity dan Fill. Keduanya digunakan untuk membuat efek transparansi gambar sehingga bisa dimanfaatkan menjadi Watermark pada gambar yang kita punya agar gambar yang kita pasang di Website termasuk toko online maupun BLOG kita tidak dibajak orang lain.

Sekarang bagaimana kita membuat Stamp Logo atau disebut juga WATERMARK ? sebelum memulai, Watermark adalah tulisan / logo / stempel yang sifatnya transparan untuk melindungi dan mencegah penggunaan kembali gambar tersebut secara tidak sah, atau penggunaan tanpa pesetujuan dari pemilik gambar / foto tersebut. Watermark biasanya berbentuk transparan agar sulit untuk dihilangkan.
ikuti langkah-langkah membuatnya hanya di IG:

1. Buka Gambar / Foto yang akan diberi Watermark dengan Photoshop
Misal disini saya menggunakan Gambar Apple sebagai Sample

Gambar Apple sebelum di watermark

2. Ketik dengan Teks Tool, kata - kata atau cap atau note yang akan dijadikan Watermark, misal disini menuliskan ILMUGRAFIS[dot]com

gambar Apple + Tulisan Watermark

3. Setelah itu tinggal atur Opacity dan Fill sesuai kebutuhan, pengaturan di bawah ini hanya sebagai contoh saja, anda bisa mengatur sesuai keiginan anda (improvisasi aja)

watermark sudah jadi

Mudah bukan, anda bisa mengkombinasikan dengan TEKNIK TRANSFORM dan menduplikat layer (CTRL + J) sebanyak yang diinginkan sehingga menjadi seperti ini

sedikit tambahkan EFEK GLOSSY dan tampilannya jadi extreme seperti ini

Apple dengan watermark ilmugrafis,
download file hasilnya

Terima kasih, =)
Semoga bermanfaat

memasukkan video youtube ke website - DREAMWEAVER

Hai jumpa kembali di Tutorial Dreamweaver kali ini kita akan menambahkan atau memasukkan video dari youtube ke website buatan kita. Siapa yang tidak mengenal Youtube, situs penyedia video streaming dan “online video sharing” yang banyak dikenal dan dikunjungi orang di dunia. Pada tutorial BELAJAR DREAMWEAVER kali ini penulis akan menjelaskan bagaimana cara memasukkan video streaming dari youtube ke dalam website dengan DREAMWEAVER...
Langkah - langkahnya:

1. Buka Dreamweaver dan pilih File - New
Atau tekan CTRL + N = Untuk membuat project baru sebagai latihan

2. Buka Youtube.com dan cari video yang akan dimasukkan, disini saya memilih video penyanyi favorit saya yaitu "hitomi no junin", hehehe...
bagi yang bingung bisa cari di search youtube


3. Pada masukkan / copy script yang ada di embed youtube dan paste pada sela antara TAG <body></body>


Ok selesai, tinggal upload file tersebut ke server dan video akan otomatis jalan saat dibuka oleh browser.

Semoga Bermanfaat

rollover image - DREAMWEAVER

Hai jumpa kembali di Tutorial Dreamweaver mempercantik halaman website kita dengan kolaborasi CSS dan dreamweaver. Pada tutorial BELAJAR DREAMWEAVER kali ini penulis akan menjelaskan bagaimana cara memasukkan Rollover Image. Apa yang dimaksud rollover image? 

Rollover image adalah suatu image / gambar yang dilengkapi dengan script di dalamnya sehingga sewaktu gambar (gambar utama/default) itu disorot dengan kursor maka gambar tersebut akan berganti dengan gambar yang lain (gambar kedua)...
Contohnya: di menu utama ilmuGrafis di atas ketika disorot berubah warna

Jika mungkin belum jelas maka silahkan saja coba ikuti pembuatannya dulu, maka siapa tahu nanti jadi lebih jelas apa yang dimaksudkan di atas

Dan seperti ini caranya :
1. buka dreamweaver seperti biasa dan buat file baru berextensi html.. (anda bisa menggunakan tampilan Split maupun Code, tp saya terbiasa menggunakan tampilan code)
2. kita buat dulu bagian yang ingin dirollover gambar (backgroundnya) di antara tag <body></body> dengan menggunakan sebuah div tag dengan nama element menggunakan class atau id..
(di sini saya menggunakan element class)
berikut kode tag'a..
<div class="rollover"> <a href="#" class="rollover_image">Preview Rollover Image (background) Dengan CSS</a> </div>
tampilan tersebut akan membuat sebuah link standar yang biasa digunakan tanpa ada style apapun..
dan berikut kode css yang ditaruh di antara tag <head></head>
<style type="text/css"> .rollover a { background:#ffffff url("*") 0 0 no-repeat; padding-left:20px;} .rollover a:hover { background: #ffffff url("*") 0 0 no-repeat; padding-left:20px; } </style>
#ffffff adalah bilangan hexadecimal untuk warna putih yang digunakan sebagai warna background..(saya menggunakan warna putih karena di halaman preview berlatarbelakang warna putih..)
* : cari dan isi gambar yang ingin digunakan untuk gambar awal dan gambar hover..
0 0 : merupakan posisi dari gambar backround 0 pertama adalah untuk posisi x dan 0 kedua adalah untuk posisi y..
no-repeat : merupakan perulangan dari gambar..no-repeat berarti tidak menggunakan perulangan..jika kalian ingin menggunakan perulangan..gunakan repeat-x untuk perulangan horizontal..dan repeat-y untuk perulangan vertical..
padding-left : memberikan jarak dari kiri untuk memperlihatkan gambar dari tulisan link yang ada..(saya menggunakan 20px karena lebar dari gambar adalah 15px..)
jika ingin menggunakan hover di setiap tag atau class atau id..cukup gunakan ":hover" setelah nama tag atau nama class atau nama id.. (tanpa kutip)

Cara Lainnya::
Bagi yang masih kebingungan dengan permainan Tag dan CSS jangan kuatir karena ada cara alternatif dalam menampilkan rollover image karena di dalam aplikasi dreamweaver telah disediakan :)
1. Buka aplikasi Dreamweaver
2. Pilih Insert >> Image Objects >> Rollover Image


3. Maka akan muncul pop up yang harus anda lengkapi

Penjelasan:
Image name: adalah nama / judul Rollover image anda (isi sesuka anda)
Original image: gambar utama/default Rollover image
Rollover image: gambar kedua (gambar yang akan muncul saat kursor disorot)
Arternate text : adalah penjelasan tentang gambar tersebut mengenai apa (boleh dikosongi/ boleh diisi sesuka anda)
When Clicked, Go to URL: isi dengan URL link yang anda inginkan, bisa web anda, paman google, atau web IG yaitu >> http://www.ilmugrafis.com :)
Nah setelah selesai Klik OK, mudah bukan,
sekarang coba buka halaman yang anda buat dengan browser anda (IE, Mozzila, Opera) whatever... yang penting minumnya teh sak kotaknya... wkwkwk :P
Just pudding

Semoga Bermanfaat ^_^/

website - HTML

Bagaimana CARA MEMBUAT WEBSITE ? Ada beberapa tahapan dan langkah yang harus kita lalui untuk membuat sebuah Website yang baik. Lain halnya dengan instan CMS maupun instan blog yang kita tinggal mendaftar saja di penyedia layanan blog seperti Blogspot, Wordpress, dll. Maupun CMS seperti Joomla, Mambo, dll yang tinggal instal saja seperti. Disini kita belajar manual web (membuat website secara manual) walaupun masih sederhana dan statis. Untuk membuat website pertama-tama kita harus belajar BAHASA HTML yaitu sebuah "bahasa program" yang memungkinkan kita membuat halaman web yang bisa ditampilkan dalam browser (Chrome, Firefox, Internet Explorer, Netscape, Opera, dll).

Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.

BELAJAR WEBSITE

Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, Sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Untuk itu langkah pertama bagi Anda yang bercita-cita memiliki website sendiri adalah belajar HTML.

HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga Dreamweaver. Untuk mudahnya, kita gunakan program Dreamweaver.

Apa yang dimkasud dengan file HTML?

-    HTML merupakan kependekan dari Hyper Text markup Language

-    Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup

-    Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman

-    File HTML harus memiliki ekstensi htm atau html

-    File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.

PENGENALAN KODE HTML
>>New >> Basic Page >> HTML , setelah itu atur ke mode Code

disini anda akan menemui tag - tag semacam ini:

<HTML> </HTML>

Penjelasan:
Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing. 
Ada tag pembuka yaitu <HTML> dan ada tag penutup yaitu </HTML> yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya.
Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan <HTML> atau <html> atau <Html> sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.

Sekarang kita akan beralih pada tag selanjutnya.

<HTML> <BODY> </BODY> </HTML>

Isi dari dokumen HTML yang sesungguhnya adalah yang ditulis diantara tag <BODY>. Coba tuliskan:

<HTML> <BODY> Tulisan ini akan tampak dalam browser by ilmugrafis. </BODY> </HTML>

Sekarang simpanlah file ini dengan meng-klik menu File lalu Save. Nah, lihatlah hasil karya anda yang pertama dengan menekan F12 disitu akan muncul tulisan "Tulisan ini akan tampak dalam browser by ilmugrafis." tanpa tag HTML. Sekarang anda mungkin mulai mengerti cara kerja HTML dan markup tag, begitulah cara kerjanya, jadi yg muncul di broser hanya tulisan saja sedangkan tagnya hanya merupakan suatu perintah bagi browser untuk menampilkan perintah kita.

Apakah tag BODY fungsinya sekedar penanda tubuh atau isi dari dokumen web? Tidak, dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan. Pada kesempatan ini kita mengambil contoh bagaimana mengubah warna latar belakang dan warna tulisan dari halaman web dengan penambahan atribut ke dalam tag BODY.

<HTML> <BODY BGCOLOR="yellow" TEXT="red"> Tulisan ini akan tampak dalam browser by ilmugrafis. </BODY> </HTML>

Simpanlah kembali file ini (klik File lalu Save). Untuk melihat bagaimana hasilnya tekan F12 atau klik tombol Refresh pada browser atau bisa juga dengan menekan tombol F5 pada keyboard. Dengan demikian, browser akan memanggil ulang file yang kini sudah mengalami perubahan. Maka akan tampaklah hasilnya:

Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa contohnya seperti #rrggbb.

Ok setelah menguasai tag di atas maka kita lanjutkan ke inspeksi tag HEAD dan TITLE. Di sini terlihat bahwa kita mempunyai tag <HEAD> dan tag <TITLE>. Tag HEAD berfungsi untuk mengapit berbagai macam fungsi dan informasi yang berkenan dengan halaman web yang bersangkutan. Pada latihan kali ini, kita memasukkan tag TITLE diantara tag HEAD. Sesuai namanya, tag TITLE ini berfungsi untuk mengapit kalimat yang menjadi judul dari halaman web tersebut. Sekarang mari kita tuliskan judul halaman web ini:

<HTML> <HEAD> <TITLE>WEBSITE BUATANKU</TITLE> </HEAD> <BODY BGCOLOR="yellow" TEXT="red"> Tulisan ini akan tampak dalam browser. </BODY> </HTML>

Simpan lagi file ini dengan meng-klik File lalu Save. Sekarang kita akan melihat bagaimana perubahannya dalam browser. Lakukan lagi Refresh seperti di atas. Maka anda akan melihat di baris teratas (yang dinamakan Title Bar) dari program browser akan menampilkan judul atau titel dari halaman web anda yaitu: WEBSITE BUATANKU
previewnya kurang lebih seperti ini, disini saya menggunakan browser Firefox:




Semoga Bermanfaat ^_^/

menu animasi menarik - DREAMWEAVER

Seorang Web desainer pasti akan melakukan segala cara untuk membuat tampilan websitenya menarik, salah satunya mungkin dengan CARA MEMBUAT MENU ANIMASI. Cara itu antara lain dengan belajar photoshop,flash,dan juga firework Namun Pada tutorial Dreamweaver kali ini kita lupakan dulu hal itu karena kita akan belajar membuat menu yang menarik tanpa harus belajar animasi flash karena pada dreamweaver terdapat template - template animasi siap pakai yang sayang jika dilewatkan :)

Ok, berikut langkah - langkahnya:

1. Buka Program Dremaweaver anda, disini saya menggunakan Dremweaver 8 , namun cara ini bisa diterapkan untuk semua versi Dremweaver mulai dari MX , 8 hingga yang terbaru yaitu Adobe Dremweaver CS5
Start >> All Program >> Dreamweaver

2. kalau anda tidak / belum punya website untuk project anda bisa mengklik Create new: pilih HTML

3. Sebelum kita mulai membuat menunya maka kita diharuskan save (menyimpan) dulu project kita dengan menekan CTRL + S , pilih direktori / tempat penyimpanan lalu berikan nama file yang anda inginkan. klik Save

4. Setelah itu pilih menu Insert >> Media >> Flash Button


5. Pilih template tombol menu animasi yang anda inginkan

Disini ada berbagai macam tombol yang WOW, menarik bukan... sebagai contoh maka saya pilih saja salah satunya yaitu Glass-Silver
Button Text berfungsi untuk menambahkan judul / kata apa yang terdapat di dalam button nantinya
Font : jenis font yang dipakai
Size : ukuran font yang diinginakan
Link : tautan untuk menu nantinya

Tekan OK, untuk title isi saja

OK

klo 1 menu kurang maka buat lagi sebanyak yang anda perlukan untuk menu di website anda dengan mengulangi langkah di atas
Contoh hasilnya:

untuk mengetesnya tekan F12 untuk melihat hasilnya :)

Semoga Bermanfaat ^_^/

flating back to top page - DREAMWEAVER

           Pada Tutorial Dreamweaver dan HTML kali ini saya akan menjelaskan bagaimana cara membuat flating Back To Top Page kalau dalam bahasa Indonesianya adalah Tombol melayang untuk Kembali ke Halaman Atas. Maksudnya atas disini adalah kembali ke atas halaman. Misalnya kita mempunyai halaman posting yang panjang atau pengunjung loyal yang suka berkomentar di website atau blog anda dan sudah menscroll sampe bawah lalu kita ingin kembali ke menu utama yang ada di atas maka kita tidak perlu menscrol lagi ke atas jadi kita cukup mengKlik tombol back to top page saja. Jadi dengan shortCut ini maka kembali ke main menu menjadi Sangat praktis dan menghemat waktu dan tenaga tentunya.

Berikut ini cara dan Script Floating Back to Topnya:

1. Buka Dreamweaver, buka dan edit halaman web anda dengan Dreamweaver
2. Masukkan Script ini di antara tag <body> </body>

 

Sedikit penjelasan: tag "img scr" disini adalah untuk menload image yang kita inginkan
daripada mengetik IG sudah menyiapkan Script code floating top page

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"> <img src="http://www.ilmugrafis.com/images/old-go-top.png" /></a>
bisa dicopy dan paste ke code dreamweaver anda
Simpan (Save), upload file ke server

---

Tapi bagi anda pemakai blogger tidak perlu bersedih karena script di atas bisa juga dipakai di blogger. Caranya:

1. Login ke Blogger
2. Go to Layout -> Add a Gadget -> HTML/JavaScript type
3. Masukkan kode di atas, Save
Jika belum keluar di halaman utama konten blog anda maka Refresh Blogger anda dengan menekan tombol F5 di keyboard

Terima kasih
Semoga Bermanfaat ^_^/

menghaluskan kulit - PHOTOSHOP

                Bagi yang belum tahu apa itu Digital Make Up : adalah tehnik make over foto yang biasa menjadi luar biasa seperti habis diMake up. Pada tutorial photoshop kali ini saya akan mencoba membagikan bagaimana cara melakukan Makeover kulit (Menghaluskan Kulit) terutama wajah jadi kesannya seperti di kasih bedak (Make Up) secara digital menggunakan Adobe Photoshop CS, mari kita praktikkan Teknik Make Up untuk Kulit

1. Buka Photoshop, disini saya menggunakan Photoshop CS3, namun tutorial ini bisa dipraktekkan juga di photoshop CS4 maupun CS5 bahkan CS6 beta
Caranya: Start >> All Program >> Adobe Photoshop CS3

2. Buka / Masukkan foto yang ingin kita haluskan kulitnya (make over)
Disini saya menggunakan Foto Tetangga saya, (tetangga jauh) hehehe...

intermezzo: belum di make over aja dah manis :) ! Eits, yo, fokus kembali ke tutorial ayo (^_^>c^_^)

2. Tekan CRTL + J untuk menggandakan Layer

3. Saatnya memberikan efek Surface Blur
Caranya: Klik Filter > Blur > Surface Blur

jangan terpaku pada setting di atas hanya sebagai contoh, Gunakan sense of design anda
(disini saya memakai Radius 13 dan Threshold 14 karena saya suka make up yang minimalis)

Radius : menentukan ukuran area sampel untuk blur.

Threshold : mengontrol berapa banyak nilai-nilai tonal piksel di sampingnya harus menyimpang dari nilai pixel pusat sebelum menjadi bagian dari blur.
Piksel dengan perbedaan nilai kurang dari nilai Threshold tidak akan diblur.

4. Sekarang saatnya menambahkan Layer Mask
Layer mask disini fungsinya untuk menyembunyikan bagian layer pada Foto yang tidak diinginkan
Caranya: Klik Layer Mask (vector Mask)

Letaknya di sebelah kanan Fx

5. Klik Layer 1 (A) Lalu klik brush tool (B)


6. Pada Properties bar di sebelah atas, Dimana itu properties bar? belum tahu maka klik Gambar Layout Photoshop

Klik panah kecil agar muncul dropdown properties dari brush

7. Sekarang tekan (tombol D) pada keyboard untuk menresset background dan foreground, setelah itu tekan ( tombol X )
Ok, mari kita sapukan brush pada bagian yg lain (selain kulit) agar kesan naturalnya tidak hilang

Disini saya menyapukan ke area rambut, tapi gambar di atas (abu - abu) hanya ilustrasi saja.
Setelah selesai maka akan terlihat area kulit lebih mulus, nah klo kurang natural tinggal diturunkan saja opacity dan fill nya sehingga hasilnya bagus dan natural ala Salon Kecantikan

Pada kenyataanya nanti hasil sapuan kita akan seperti ini:

Gambar Asli (sebelum diedit)

Gambar Hasil (setelah di Haluskan Kulitnya)

Hasil Digital Make Up pada Kulit, sampai ketemu di tutorial Digital Make up yang lainnya... :) 

Terima kasih, Semoga bermanfaat

memancungkan hidung - PHOTOSHOP

Tutorial photoshop Kali ini masih berhubungan dengan make over (digital makeup) MANIPULASI FOTO yaitu sesuai judulnya Cara MEMANCUNGKAN HIDUNG Sangat cocok diterapkan di hidung penulis seperti saya yang memang agak mancung ke dalam, hahaha... oke cukup intermezzonya mari kita praktikkan tutorialnya

1. Buka Photoshop, disini saya menggunakan Photoshop CS3, namun tutorial ini bisa dipraktekkan juga di semua photoshop CS2, CS4 maupun CS5 bahkan CS6 beta
Caranya: Start >> All Program >> Adobe Photoshop CS3

Contoh Foto, Dapet dari Search Google

2. Tekan CRTL + J (untuk menggandakan Layer)

3. Lalu di menu Photoshop atas Klik Filter >> Liquify
dan anda akan masuk ke halaman editing liquify, sesuaikan ukuran lingkaran brush anda

Klik kiri dan tahan mouse lalu tarik perlahan ke anda ingin mancungkan, disini saya menarik ke kiri bawah

4. setelah selesai berexperiment maka klik OK, Hasilnya kurang lebih seperti ini:


mari kita bandingkan sebelum dan sesudah di "Permak"

Nah tidak perlu operasi plastik, cukup dioperasi desain  pakai Photoshop hidung jadi mancung

 
Terima kasih, Semoga bermanfaat

efek silat slow motion - PHOTOSHOP

Pada sekitar tahun 80an kita banyak sekali film - film action Pencak Silat indonesia yang diperankan oleh aktor favorit penulis seperti Barry Prima dan Advent Bangun, sampai si buta dari gua hantu, wiro sableng, si pitung, bahkan film kungfu - kungfu cina contohnya seperti the drunken master pun kadang memakai efek slow motion dengan gerakan patah - patah diiringi bayangan dari gerakannya. Maaf klo agak ribet bahasanya tapi yang penting TUTORIAL PHOTOSHOP semoga tidak tidak ribet. Mari kita belajar membuat efek slow motion ala kungfu dan silat seperti di film - film.

Berikut Tutorial Photoshop efek slow motion :

1. Cari gambar yang seru biar kesan actionnya lebih kental dan berkesan, misal seperti foto di bawah ini

Tendangan Maut vs Tendangan Berputar (Menang mana ya?) hahaha.. :) *adegan ini jangan ditiru ya
Ok lanjut...

2. Setelah mendapat foto yang keren, buka program photoshop.
Start >> All Program >> Photoshop
Disini saya menggunakan Photoshop versi 7
Masukkan Gambar ke dalam photoshop dengan cara , File >> Open >> cari gambar >> Open
Setelah gambar masuk ke photoshop, Tekan CRTL + J untuk menduplikat Layer.

3. Tahap Seleksi,
Disini kita bisa menggunakan berbagai macam teknik seleksi, mulai dari teknik seleksi plugins MASK PRO ,teknik seleksi channels dan paths
menggunakan Seleksi dengan Pen Tool : bagaimana caranya? Klik teknik seleksi pen tool

Seleksi dengan pen tool, buang backgound / object latar yang tidak dibutuhkan, hilangkan gambar mata pada Layer background untuk melihat hasil seleksi anda dan anda akan mendapatkan object seperti ini:

Jika sudah selesi menyeleksi dan mendapat gambar seperti di atas, maka kembalikan (visible : on) pada gambar mata di background anda


4. Duplikat Layer hasil seleksi (Background copy), dengan menekan CTRL + J , disini saya menekan CRTL + J hingga 3 x


5. Aktifkan / klik "Background Copy 3"
geser gambar dengan Move Tool ,

lalu ubah modenya ke Soft Light


6. Aktifkan Background copy 2, geser dengan move tool
mode: soft light
Opacity: 75%


7. Terakhir, aktifkan background copy
Pindahkan gambar dengan move tool. Mode: Soft Light. Opacity: 50%


Hasilnya:

Tendangan Maut!!!

Mau lebih keren? coba ganti backgroundnya menjadi hitam putih
Klik Background lalu tekan CTRL + U, klik colorize

Hasilnya:

tendangan Geledek

beri menambahkan tulisan komik pada Foto biar lebih seru.

Penulis jadi inget Tendangan ala Liu Kang di Mortal kombat game SEGA , hehehe...
Terima kasih, "Semoga Bermanfaat" ….