Entri Populer

Kamis, 31 Maret 2011

Efek Teks

Langkah-langkah pembuatan efek tulisan:
  1. Buka Adobe Photoshop Cs3
  2. Buatlah sebuah file baru, ukuran file dapat diseuaikan dengan keinginan. Atau buka sebuah gambar untuk dijadikan background.
  3. Buatlah sebuah tulisan dengan menggunakan Type Tools. Usahakn memilih jenis huruf yang tebal.
  4. Bukalah sebuah foto atau gambar yang akan dimasukkan ke dalam tulisan.
  5. Jika gambar tersebut telah dibuka, geser gambar ke dalam file tulisan dengan menggunakan Move Tool.
  6. Pastikan urutan layer dengan layer gambar di atas dan layer tulisan di bawahnya.
  7. Tekan tombol Ctrl+Alt+G pada keyboard. Atau Layer > Create Clipping Mask. 
  8. Atur gambar dengan menggunakan Move Tool sesuai dengan keinginan.
EFEK TEKS BERGAMBAR TELAH SELESAI. SILAHKAN MENCOBA  (^_^)

Membuat Animasi GIF di Photoshop


Kalian bisa membuat animasi dengan gambar yang kalian punya dengan format gif.
Ada banyak software yang bisa digunakan untuk membuat animasi dengan format gif,
namun disini aku mengajarkan dengan menggunakan software gambar yang ‘hampir’ 
semua orang punya yaitu Photoshop :wink: . Lihat gambar diatas, animasi diatas dibuat 
dengan cara menggabungkan beberapa frame dengan mengganti settingan layernya. 
Bingung? Coba ikuti langkah-langkah berikut.
1. Prinsip dasar atau ide utama dari membuat animasi gif dengan photoshop adalah 
menggabungkan frame-frame gambar sehingga terlihat bergerak apabila dijalankan.
Frame-frame gambar ini pada dasarnya dibuat dengan menghilangkan dan
memunculkan elemen-elemen dari tiap gambar. Elemen-elemen gambar ini
akan kita pisahkan dalam bentuk layer-layer. Untuk gambar animasi mobil 
seperti gambar diatas kita memerlukan 7 layer elemen ditambah 1 layer background.
Lihat gambar disamping, ketujuh layer elemen tersebut adalah background hitam 
untuk lampu, lampu merah, lampu kuning, lampu hijau, gambar mobil, tulisan 
BRUUUM, dan efek cahaya.

2. Setelah kita buat keseluruhan elemen yang akan dipakai, selanjutnya kita 
akan membuat frame pertama. Caranya yaitu pertama kalian harus membuka
panel animasi dengan cara memilih menu Window > Animation. Maka akan 
tampil tampilan seperti gambar disamping yaitu terlihat satu frame dengan
semua elemen terlihat.

3. Selanjutnya kita akan membuat animasi dengan konsep sebagai berikut:     
pertama: layar putih tidak terlihat satu elemen pun.
kedua: kemudian muncul lampu merah
ketiga: kemudian muncul lagi lampu kuning
keempat: muncul lampu hijau yang menandakan mobil dapat melaju.
kelima: muncul tulisan BRUUUM !! sebagai gambaran bunyi mobil yang
menderu.
keenam: mobil melaju dari kanan ke kiri dengan cepat dan meninggalkan 
efek cahaya.
ketujuh: efek tulisan BRUUUM perlahan menghilang.
Sekarang lihat gambar disamping, untuk membuat animasi tahap pertama
yaitu tampilan putih tidak terlihat satu elemen pun, dilakukan dengan cara
membuka tab “Layers” dan menyembunyikan semua layer kecuali background.
Kalau bingung bagaimana cara menyembunyikan layernya, klik saja ikon mata
di sebelah kiri tiap layer :wink: . 

4. Setelah semua elemen disembunyikan, selanjutnya kita pindah lagi ke tab
“Animation (Frames)”. Sekarang kita atur waktu tampilan pada frame pertama
ini. Caranya klik tulisan “0 seconds” lalu pilih satu detik untuk tampilan frame 
pertama ini. Ini artinya frame ini hanya ditampilkan selama satu detik lalu 
pindah ke frame selanjutnya.

5. Langkah selanjutnya adalah membuat frame kedua. Caranya klik ikon
seperti pada gambar yang ditunjukkan dengan bulatan merah. Ikon ini akan
menduplikasi frame sebelumnya sebagai frame baru. Atur waktu tampilan 
frame ini menjadi satu detik. Frame ini selanjutnya akan digunakan untuk 
memunculkan gambar lampu merah.

6. Sekarang mengatur tampilan untuk frame kedua ini. Karena frame 
kedua ini akan ditampilkan gambar lampu merah yang menyala maka layer
‘merah’ dan background ‘hitam’ ditampilkan kembali. Caranya dengan
membuka tab ‘Layers’ lalu mengklik ikon kotak di sebelah kiri layer ‘merah’
dan ‘background hitam’ seperti gambar disamping.
7. Setelah frame kedua ini diatur tampilan layernya maka tab ‘Animation
(Frames)’ sekarang akan tampak seperti gambar disamping.

8. Langkah selanjutnya adalah perulangan dari langkah ke 5,6, dan 7 namun 
bedanya sekarang yang ditampilkan adalah lampu kuning dan lampu hijau. 
Namun jangan lupa untuk mengatur waktu tampil dari lampu kuning dan hijau
 menjadi satu detik. Setelah diatur frame dan layer kuning dan hijau maka tab
‘Animation (Frames)’ kira-kira akan tampil seperti gambar disamping kanan ini.

9. Langkah berikutnya sama seperti langkah-langkah sebelumnya yaitu
menampilkan tulisan BRUUUUM !! dengan menambahkan frame baru dan
menampilkan layer tulisan ‘BRUUUUM!!’. Namun atur waktu dari tampilnya 
frame ini menjadi dua detik seperti gambar disamping.

10. Tahap selanjutnya agak sedikit sulit tapi mudah untuk dilakukan.
Nah lo, karena efek ini keliatannya sulit namun untuk membuatnya diperlukan
langkah yang mudah :-) . Tahap ini adalah tahap dimana ada gambar mobil
bergerak dari kanan ke kiri. Yang harus kalian lakukan adalah buat frame 
selanjutnya, kemudian klik kotak kiri di sebelah layer ‘mobil’ untuk 
menampilkan layer mobil. Namun sembunyikan mobil di sebelah kanan area
gambar seperti terlihat di gambar sebelah kanan.

11. Buat lagi frame selanjutnya dengan menduplikasi frame sebelumnya
(frame 6) kemudian posisikan mobilnya di sebelah kiri area gambar seperti
terlihat pada gambar disamping. Untuk kedua frame ini, atur waktu tampilan
menjadi 0 detik atau ‘No delay’.

12. Langkah ini adalah langkah untuk membuat mobil bergerak dari kanan ke
kiri. Pertama kita akan memilih kedua frame untuk digabungkan dengan cara 
menahan tombol shift lalu klik layer 6 dan layer 7 seperti gambar di kotak 
merah. Setelah kedua layer tersebut dipilih, selanjutnya kita akan menerapkan
efek tweening pada kedua frame tersebut. Apa maksud dari efek ini?
Efek tweening ini dimaksudkan untuk mempermudah kita untuk membuat
suatu animasi posisi, dan transparansi yang berpola. Misalnya apabila kita
akan membuat gambar mobil tersebut bergerak dari kanan ke kiri, daripada 
kita mempersulit diri sendiri dengan membuat satu persatu frame lalu 
kemudian diubah posisi mobilnya sampai ke kiri, kita dapat membuatnya lebih
mudah dengan membuat dua frame saja yaitu frame awal posisi dan frame 
akhir posisi. Selanjutnya frame-frame diantara frame tersebut akan dibuat
secara otomatis oleh Photoshop da pastinya hasilnya lebih smooth
dibandingkan frame yang kita buat secara manual.    
Untuk menggunakan efek ini, setelah dua frame awal dan akhir tadi dipilih, 
selanjutnya klik ikon yang ditunjuk tanda panah merah, dan masukkan nilai
‘Frames to Add’ menjadi 7. Klik OK.

13. Sekarang masuk tahap menculnya efek cahaya dari mobil yang melaju
dengan kencang. Efek ini akan kita buat agar menghilang secara perlahan-
lahan setelah kemunculannya di frame ke 11. Prinsipnya adalah menurunkan
perlahan-lahan Opacity dari layer ‘light’ dari 100% menjadi 0. Sekarang klik
frame 11 lalu munculkan layer terakhir yaitu layer ‘light’ dan biarkan
opacitynya 100%. Lihat gambar.

14. Selanjutnya klik frame ke 12, munculkan layer ‘light’, lalu turunkan
Opacitynya menjadi 60%. Lihat gambar.

15. Lakukan cara yang sama untuk frame ke 13, dan 14. Namun atur Opacity 
untuk frame ke 13 menjadi 30% dan 0% untuk frame ke 14. Kalian dapat 
mengklik tombol ‘Play pada tab ‘Animation (Frames)’ untuk melihat hasil 
sementara animasi kalian. Kalian akan melihat efek cahayanya perlahan-
lahan menghilang karena transparansinya diturunkan sampai 0.

16. Sekarang kita memasuki tahap akhir! Pada tahap ini sebagai penutup animasi kita, kita akan membuat tulisan BRUUUUUM!! menjadi hilang perlahan-lahan. Caranya sama seperti langkah ke 12 namun yang dimainkan disini bukan posisi namun transparansi. Caranya buat frame ke 15 dengan menduplikasinya dari frame ke 14. Lalu atur Opacity dari layer BRUUUUM!! di frame 15 menjadi 0%. Setelah itu klik tweening, dan atur nilai ‘Frames to Add’ menjadi 10.   

yak begitu carannya.....^^
nah karya saya berada di paling atas.....


animasi gif dengan photoshop



Membuat Bingkai Pada Photoshop

Langkah pembuatan bingkai foto dengan Photoshop

Langkah 1
Bukalah program Photoshop. Kemudian buatlah sebuah file baru, lakukan ini dengan memilih menu File > New. Tentukan ukuran yang akan digunakan. Pada contoh kali ini, ukuran file kupilih yang 4×6 pada preset size. Ini adalah ukuran cetak foto 4R. Namun pada tutorial ini, ukuran gambar yang saya gunakan bukan ukuran sebenarnya. Gambar diperkecil agar loading tidak terlalu lambat.

Langkah 2
Bukalah gambar yang akan digunakan sebagai latar belakang gambar. Carilah gambar yang Anda senangi, yang sekiranya cocok sebagai background. Masukkan kedalam file baru tadi dengan menggunakan Move Tool. Jika tidak mempunyai gambar yang bagus, bisa dipertimbangkan untuk mencari kertas kado atau koran, kemudian discan.
Pada contoh tutorial Photoshop ini, saya tidak menggunakan gambar lain tetapi membuat background sendiri. Background diisi dengan texture fill: Pink Textured (128 by 128 pixels, RGB Mode), kemudian disapu dengan Brush Tool. Brush yang digunakan adalah yang tipe Scaterred Roses, Grass, dan Fuzzball.

Langkah 3
Setelah background sudah siap, buatlah sebuah layer baru. Lakukan ini dengan mengeklik icon Create new layer di palet Layer. Atau dengan memilih menu Layer > New > Layer, kemudian klik OK.

Langkah 4
Pada layer baru yang masih kosong tadi, buatlah sebuah seleksi kotak yang bentuknya tidak beraturan dengan menggunakan Lasso Tool. Caranya: pilih Lasso tool pada toolbox Photoshop, kemudian buatlah gambar kotak pada bidang gambar. Saat membuat gambar kotak, usahakan agar gerakan pointer agak tergeser-geser hingga bentuknya adalah kotak yang tidak rata pinggirnya.

Langkah 5
Jika perlu tepian seleksi yang agak kabur, setelah seleksi kotak tadi jadi, berikan efek Feather. Lakukan ini dengan memilih menu Select > Feather. Isikan nilai 1, kemudian klik OK.

Langkah 6
Isikan warna putih pada seleksi kotak. Pada Photoshop, lakukan ini dengan memilih menu Edit > Fill. Pilih warna putih di bagian Use. Kemudian klik OK.

Langkah 7
Hilangkan seleksi kotak dengan memilih menu Select > Deselect.

Langkah 8
Bukalah foto yang akan diberi bingkai. Masukkan kedalam file yang sedang kita olah tadi menggunakan Move Tool.

Langkah 9
Atur ukuran dan posisi foto, usahakan ukurannya bisa menutup seluruh kotak putih yang tidak rata tadi. Perhatikan posisi layernya. Buatlah urutannya mulai dari yang atas adalah layer foto, kotak putih, dan background seperti gambar ilustrasi dibawah.

Langkah 10
Aktifkan layer foto, kemudian pilih menu Layer > Create Clipping Mask. Ini akan membuat gambar foto masuk kedalam kotak putih. Perhatikan gambar ilustrasi tutorial dibawah ini,
Langkah 11
Aktifkan layer kotak putih. Kemudian pilihlah menu Layer > Layer style > Drop Shadow. Setelah muncul kotak dialognya, lakukan pengaturan yang diperlukan, atau bisa juga dengan langsung mengeklik tombol OK-nya saja. Ini untuk memberikan efek bayangan pada kotak putih.

Langkah 12
Atur ulang letak layer foto dan/atau layer kotak putih. Akan lebih keren lagi kalau ditambahi tulisan yang sesuai. Misalnya yang berisi moto hidup atau yang bernada romantis.
Hasil dari pembuatan efek bingkai foto variasi ini seperti gambar di atas ini.

Membuat Efek Hujan Pada Gambar Menggunakan Photoshop

Membuat Efek Hujan Pada Gambar Menggunakan Photoshop

Dalam tutorial ini kita akan membuat efek hujan pada sebuah gambar hanya dengan menggunakan beberapa trik-trik sederhana saja tetapi hasil yang cukup lumanyan dan kelihatan realistik.
Langkah Pertama
Buka gambar yang akan anda beri efek hujan, lalu duplikasi Layer >> Duplicate Layer... (Ctrl + J), secara otomatis layer akan bernama ”background copy”.Pilih layer ”background copy”, lalu pilih menu image > Adjustments > Curves… (Ctrl + M)

Langkah Kedua
Pada langkah ini kita akan membuat efek hujan pada gambar.
Pertama-tama buatlah sebuah layer transparan, pilih menu Layer > New > Layer... (Ctrl + Shift + N) dan beri nama hujan, buat layer ini pada bagian paling atas.
Kemudian beri Fill pada layer tersebut (Ctrl + Backspace), maka layer akan tampak putih. Lalu beri noise: Filter > Noise > Add Noise.
Lalu beri blur : Filter > Blur > Motion Blur

Langkah Ketiga
Pada langkah ini kita akan melakukan pengaturan pada Level, dengan cara klik menu Image > Adjustments > Levels... lalu buat pengaturan seperti pada gambar dibawah ini.


Langkah Keempat
Langkah ini merupakan langkah yang paling menyenangkan sekaligus hasil akhir dari tutorial ini.
Klik layer hujan tadi, lalu ubah blend layer menjadi ”Screen” dan jrejeng….Hujan telah muncul pada gambar anda.

Untuk lebih realistik lagi, anda bisa mengubah adjustment dari background menjadi Desaturade (Ctrl + Shift + U).
Selamat mencoba...