Animasi tulisan bergerak

Diarsipkan dalam kategori: Efek Teks tanggal: 28 July 2008 oleh Mbah Dewo
Tutorial Photoshop kali ini akan membahas cara pembuatan efek tulisan bergerak ( animasi ) dengan format file gif. Animasi ini dibuat dengan program photoshop pada awalnya, kemudian proses pembuatan animasinya dengan menggunakan Adobe Image Ready. Jika photoshop yang digunakan adalah versi CS3, maka animasi ini bisa dibuat langsung dengan Photoshop, tanpa harus menggunakan image ready.

Tutorial pembuatan animasi tulisan dengan Photoshop

Langkah 1
Buatlah sebuah file baru dengan Photoshop. Ukuran file bisa disesuaikan dengan kebutuhan Anda. Pada tutorial ini, saya menggunakan sebuah file yang berukuran 468 x 60 pixel; 72 dpi; RGB; content=white.

Langkah 2
Buatlah sebuah tulisan dengan menggunakan Type tools pada Photoshop.

Langkah 3

• Jika Anda menggunakan versi Photoshop 7 hingga CS:
  Klik icon Jump to Image ready. Icon ini terletak di sebelah bawah pada Tools Box. Anda juga bisa memilih menu File > Jump To > Adobe ImageReady 7.0 (pada Photoshop 7), atau File > Edit in Image Ready (pada Photoshop CS).
  
• Jika Anda menggunakan versi Photoshop CS3:
  Pilih menu Window > Animation
  

Langkah 4
Akan Anda dapati sebuah palet panjang di sebelah bawah (bentuk tampilan relatif sama baik pada Image Ready ataupun Photoshop CS3).

Jika perlu, perlebar tampilan palet ini dengan melakukan klik dan geser pada sudut kanan bawah palet tersebut.
Langkah 5
Geser tulisan hingga ke sebelah kiri luar dari background yang putih, hingga seluruh tulisan tidak nampak.

Langkah 6
Klik icon Duplicate current frame.

Langkah 7
Sekarang ada 2 frame pada palet Animation. Pastikan yang terpilih sekarang adalah frame kedua.
Geser lagi tulisan hingga sisi kanan luar dari background.

Langkah 8
Klik icon Tweens animation frames.

Tujuan penggunaan Tween ini adalah untuk mempermudah pembuatan frame-frame animasi. Tween akan menambahkan frame secara otomatis berdasarkan perbedaan posisi, ukuran, tranparansi, dan efek pada obyek.
Kemudian akan muncul kotak dialog baru, seperti gambar tutorial berikut ini.

Pada kotak dialog ini, kita bisa mengatur:

• Tween with: digunakan untuk memilih frame mana yang akan kita gunakan sebagai dasar animasi berdasarkan frame yang aktif. Karena kita aktif pada frame kedua, maka yang tepat adalah Previous Frame.
• Frame to Add: digunakan untuk memilih jumlah frame yang akan ditambahkan. Semakin banyak jumlah frame, animasi akan semakin nampak halus, tetapi ukuran file hasil jadinya akan semakin besar.
• Layers: digunakan untuk memilih animasi pada antara semua layer, atau hanya pada layer yang aktif saja.
• Parameters: digunakan untuk memilih jenis perubahan obyek yang digunakan sebagai dasar animasi

Langkah 9
Klik icon Plays/stops animation.

Animasi sudah jadi. Jika Anda menginginkan pengaturan kecepatan animasi, bisa Anda pilih dari tulisan 0 sec disebelah bawah frame.

Jika pengaturan kecepatan ini akan dilakukan pada banyak frame sekaligus, maka klik sebuah frame, kemudian tekan dan tekan tombol Shift, lalu klik frame yang lain. Bisa juga dengan Ctrl + klik frame yang lain. Setelah terpilih banyak frame sekaligus, baru ubah kecepatannya. Pengubahan kecepatan animasi akan berlaku pada semua frame yang terpilih.
Untuk menyimpan hasil animasi, pilihlah menu File > Save Optimized pada Adobe ImageReady. Atau File > Save for Web & devices pada Photoshop CS3. Pastikan format file yang dipilih adalah gif.
Berikut ini adalah hasil dari tutorial ini, sebuah tulisan dengan efek gerak yang disimpan dengan format file gif.

Silahkan dicoba dan digunakan sebagai tambahan materi belajar photoshop. Berikut ini ada 2 buah contoh file lain. Silahkan dicoba sendiri juga untuk membuat seperti gambar-gambar berikut ini.
Gambar contoh animasi 1

Gambar contoh animasi 2

Membuat efek asap

Diarsipkan dalam kategori: Efek Foto tanggal: 14 January 2008 oleh Mbah Dewo
Pada post kali ini saya akan menulis tutorial photoshop tentang pembuatan efek asap. Efek ini bisa digunakan untuk menambahkan kesan berasap pada obyek gambar atau foto yang seharusnya tidak berasap. Efek asap bisa juga dibuat dengan sebuah plugin photoshop, misalnya dengan Eye Candy 4.0 (plugin ini mempunyai fasilitas Smoke). Dengan plugin ini, efek asap dengan mudah bisa dibuat. Namun bagi yang ingin membuat efek ini secara manual, bisa mengikuti langkah pembuatannya berikut ini.

Langkah Pembuatan Efek Asap dengan Photoshop

Langkah 1
Bukalah program Photoshop, kemudian buatlah sebuah file baru. Ukuran file bisa terserah Anda. Pada contoh tutorial kali ini, saya buat sebuah file yang berukuran 200 x 300 pixel; resolusi 72 dpi.

Langkah 2
Isikanlah warna hitam pada file baru tersebut. Untuk melakukan ini, bisa dengan memilih menu Edit > Fill, kemudian pada pilihan Use memilih Black, klik OK (lihat gambar ilustrasi).

Atau dengan cukup menekan huruf D pada keyboard, kemudian menekan Alt + Backspace.
Langkah 3
Pilihlah Pencil tool pada toolbox photoshop, kemudian pilih warna Foreground putih. Untuk memilih warna ini, bisa dilakukan dengan mengklik warna foreground, kemudian pilih warna putih. Atau cukup dengan menekan huruf D pada keyboard, kemudian tekan huruf X pada keyboard.

Catatan:
Huruf D, adalah untuk mereset warna foreground dan background.
Huruf X, untuk membalik warna warna foreground dan background.

Langkah 4
Kemudian atur ukuran pointer pencil tadi agar agak besar, kira-kira 30an. Cara untuk mengatur diameter pointer adalah dengan menekan tombol [ atau ] pada keyboard.
Setelah ukuran diameter pointer disesuaikan, buatlah sebuah garis pada file baru tadi (lihat gambar).

Langkah 5
Pilihlah Smudge tool pada toolbox Photoshop. Sapukan pada gambar untuk membuatnya nampak berlekuk-lekuk. Bentuk lekukan terserah keinginan Anda.

Langkah 6
Pilihlah menu Filter > Liquify. Filter pada Photoshop ini digunakan untuk membuat sebuah gambar nampak seperti cairan (liquid), sehingga bisa dibentuk dan diperlakukan seperti benda cair. Buatlah agar gambar garis putih tadi menjadi semakin berlekuk-lekuk. Bentuk lekukan terserah keinginan Anda sendiri. Buatlah agar bentuk lekukan ini menyerupai sebuah asap.

Langkah ini, mungkin adalah bagian yang paling menentukan hasil dari bentuk asap, dan juga bagian yang paling menyenangkan dan memerlukan banyak pengulangan sambil berimprovisasi. Apalagi bagi yang jarang memperhatikan bentuk asap (tapi bukan saya, karena saya tiap hari selalu membuat asap Gudang Garam. Kalau tidak di kamar rumah, ya sama mas Wasidi di dapur kantor Smile Group cabang MT Haryono, atau di sebelah Lab Kimia SMUN 1 Sleman sama Pak Dar.)
Langkah 7
Buatlah sebuah layer baru. Kemudian ulangilah langkah 2 hingga 7 untuk membuat bentuk asap yang berbeda. Pada layer baru ini, ubahlah Blending Option-nya menjadi screen, agar warna hitamnya nampak transparan dan cuma nampak warna putihnya saja. Jika perlu, Anda juga bisa mengubah ukuran layer tersebut dengan Edit > Free Transform.

Ulangilah langkah pembuatan layer asap ini berulangkali hingga Anda dapati bentuk kumpulan asap yang sesuai dengan keinginan Anda.
Langkah 8
Sekarang kita hilangkan tanda kunci pada layer background, dengan cara melakukan klik 2x pada nama layer background,

kemudian klik OK

Langkah 9
Buatlah sebuah layer baru lagi, kemudian posisikan layer baru ini kebawah layer 0 (yang sebelumnya adalah layer background).

Tekan dan tahan tombol Alt pada keyboard sambil memilih menu Layer > Merge Visible.

Tujuan dari langkah 8-9 ini adalah untuk membuat sebuah layer yang merupakan gabungan dari semua layer yang ada dan posisinya berada di layer paling bawah.

Langkah 10
Pada layer yang merupakan layer gabungan tadi, berilah efek kabur. Lakukan ini dengan cara memilih menu Filter > Blur > Gaussian Blur.

Langkah 11
Aturlah opacity pada tiap layer untuk menyesuaikan nuansa asap yang sesuai. Kemudian pilih menu Layer > Flatten Image atau Layer > Merge Visible untuk menyatukan semua layernya.
Berikut ini adalah contoh gambar asap yang sudah jadi.

Langkah 12
Sekarang kita akan mencoba menerapkan gambar asap yang sudah kita buat tadi pada gambar yang lain. Bukalah sebuah gambar yang akan Anda beri efek asap. Pada contoh tutorial photoshop ini, saya menggunakan sebuah gambar bumi.

Geserlah gambar asap dari file yang sebelumnya kita buat dengan Move tool ke arah file yang akan diberi efek asap.
Pada layer gambar asap, pilihlah Blending Option-nya menjadi Screen.
Berikut ini adalah gambar bumi yang sudah diberi efek asap.

Catatan: Efek ini sebelumnya sudah pernah ditulis oleh John Paul Caponigro, pernah juga saya tulis dalam situs tutorial photoshop milik saya yang berbahasa Inggris.
Selamat mencoba.

Membuat efek foto glamor

Diarsipkan dalam kategori: Efek Foto, Efek Photoshop tanggal: 29 January 2007 oleh Mbah Dewo
Tutorial Photoshop kali ini akan saya gunakan untuk membahas tentang cara pembuatan efek foto “glow” pada foto. Biasanya ini digunakan untuk membuat kesan glamor pada foto. Misalnya seperti efek pada pada foto-foto pernikahan (kayaknya saya sering dapat kiriman undangan pernikahan dengan model efek seperti itu).

Berikut ini adalah caranya:

• Duplikat layer Background.
• Aktifkan layer background copy, ubah blending option menjadi screen. Blending option ini terletak di palet layer, sebelah kiri pengaturan Opacity (secara default nilainya adalah Normal).
• Beri Filter > Blur > Gaussian Blur. Atur sendiri nilainya sambil melihat gambar asli yang Anda edit.

Contoh gambar efek foto glamor yang dibuat dengan Photoshop

Membuat efek foto siluet

Diarsipkan dalam kategori: Efek Foto tanggal: 21 January 2007 oleh Mbah Dewo
Pada tutorial photoshop kali ini kita akan membuat efek foto siluet dengan Photoshop. Yang dimaksud dengan siluet disini adalah sebuah gambar yang mempunyai latar belakang kontras dengan obyek atau model fotonya. Berikut ini tutorial tentang prinsip pembuatannya dengan Photoshop yang mudah. Kalau sulit, itu adalah cara menyeleksi gambarnya.

Langkah 1
Bukalah sebuah foto dengan Photoshop.

Langkah 2
Buatlah seleksi pada obyek atau modelnya dengan Photoshop. Cara membuat seleksi ini ada banyak, bisa dibaca pada kategori seleksi.

Langkah 3
Pilih menu Edit > Copy kemudian Edit > Paste. Tujuan langkah ini adalah untuk membuat agar gambar foto berada pada layer yang berbeda.
Langkah 4
Munculkan seleksi pada layer baru tersebut dengan cara melakukan CTRL + klik pada thumbnail layernya.

Langkah 5
Isi seleksi tersebut dengan dengan warna hitam. Caranya dengan memilih menu Edit > Fill. Pada bagian Use, pilih Black kemudian klik OK.

Secara alternatif Anda juga bisa menekan D di keyboard, kemudian tekan ALT + Backspace.
Selain cara-cara diatas, ada banyak cara lagi yang bisa digunakan untuk membuat layer ini berwarna hitam. Misalnya dengan Anda sapukan Brush tool atau dengan menggunakan Layer style.
Langkah 6
Hilangkan seleksi ( Select > Deselect ).
Langkah 7
Pilih layer background, kemudian ulangi langkah ke-5. Kita isi dengan warna hitam yang pekat.

Langkah 8
Beri efek dengan memilih menu Filter > Render > Lens Flare. Atur seperti gambar dibawah ini.

Berikut ini gambar yang sudah diberi filter Lens Flare.

Gambar dengan efek foto siluet sudah selesai kita buat dengan Photoshop. Anda bisa mencoba mengkreasikannya lagi, misalnya seperti gambar dibawah ini. Pada gambar ini, foto tersebut tidak sepenuhnya hitam. Ada bagian yang nampak masih berwarna, ada juga yang nampak transparan.
Caranya mudah. Asal Anda memahami tujuan dari tiap langkah yang dilakukan pada tutorial photoshop di atas pasti bisa membuatnya.

Selamat mencoba efek foto siluet ini dengan Photosho

Efek Blur pada Sebagian Gambar

Diarsipkan dalam kategori: Efek Foto tanggal: 19 October 2008 oleh Mbah Dewo
Tutorial Photoshop kali ini akan melanjutkan efek blur yang sudah dibahas pada post sebelumnya. Pada post yang sebelumnya kita sudah menerapkan efek blur, yang diterapkan pada keseluruhan dari background / seluruh layernya.
Ada kalanya kita hanya perlu menerapkan efek blur ini pada sebagian dari gambar background saja, sehingga pada layer background ada sisi yang nampak kabur, namun ada juga yang masih nampak jelas.

Langkah menerapkan efek blur pada sebagian gambar dengan Photoshop

Langkah 1
Bukalah sebuah gambar dengan Photoshop.

Gambar ini diambil dari FreeDigitalPhotos.net.
Langkah 2
Buatlah seleksi pada gambar model,

kemudian lakukan Ctrl + J atau bisa juga dengan Edit > Copy dan Edit > Paste.
Jika kemudian kita melakukan langkah seperti pada tutorial yang sebelumnya, maka kita akan mendapati gambar seperti di bawah ini.

Pada gambar tersebut bagian bawah nampak tidak pas, karena saya memang asal menyeleksi bagian tersebut. Dan jika maksud dari pemberian efek blur ini adalah untuk memberikan bagian yang nampak fokus dan tidak fokus, seharusnya bagian bawah dari model foto tersebut tetap nampak jelas dan tidak kabur.
Oleh karena itu, setelah gambar diseleksi maka, tidak langsung kita beri efek blur, tapi kita lanjutkan dulu dengan langkah-langkah berikutnya ini.
Langkah 3
Duplikat layer background. Caranya dengan memilih layer Background kemudian menekan Ctrl + J, atau menarik nama layer ke arah icon Create a new layer di palet layer.

Langkah 4
Pada layer Background copy (hasil duplikat layer background), kita beri efek blur. Pilih menu Image > Blur > Gaussian blur.

Langkah 5
Untuk membuat agar ada sisi yang tetap jelas, maka kita gunakan langkah seperti pada tutorial Menggabung gambar.
Klik icon Add layer mask (saya tandai dengan lingkaran merah).

Kemudian pilih gradient tool, pilih warna gradient hitam-putih, pilih jenis gradient Linear, dan terapkan gradient tersebut pada gambar (buat arah gradasi seperti pada gambar dibawah ini, bisa mulai titik nomor 1 ke 2, atau sebaliknya).

Gambar sudah menjadi kabur sebagian.

Kita juga bisa mencoba-coba dengan jenis gradient yang lain. Selain Linear, bisa juga menggunakan Reflected untuk membuat seperti gambar dibawah ini.

Pada gambar diatas, efek kabur terjadi pada sebelah atas dan sebelah bawah dari gambar.
Selamat mencoba tutorial Photoshop ini. Pada tutorial berikutnya kita coba menerapkan efek blur lagi namun hanya pada sebagian kecil saja pada gambar.