putra1st
3rd January 2012, 03:26 PM
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
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa1.jpg
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
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa2.jpg
3. Dengan Text Tool , tulis IG
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa3.jpg
4. Nah kita mempunyai 1 gambar, karena animasi terdiri dari beberapa gabungan gambar maka kita harus punya lebih dari 1 gambar bukan :)
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa4.jpg
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
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa5.jpg
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
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa6.jpg
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
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa7.jpg
dan hasilnya:
http://www.ilmugrafis.info/photoshop/p_alternatif_32/Animasi-ilmugrafis.gif
Cara mengkonvert menjadi animasinya GIF nya yaitu dengan cara klik File >> Save For Web & Device (ALT + Shift + Ctrl + S)
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa8.jpg
Pilih GIF , tekan Save
(http://www.ilmugrafis.com/photoshop_alternatif.php?page=membuat-animasi-bergerak-photoshop-CS3)..source.. (http://www.ilmugrafis.com/photoshop_alternatif.php?page=membuat-animasi-bergerak-photoshop-CS3)
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
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa1.jpg
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
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa2.jpg
3. Dengan Text Tool , tulis IG
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa3.jpg
4. Nah kita mempunyai 1 gambar, karena animasi terdiri dari beberapa gabungan gambar maka kita harus punya lebih dari 1 gambar bukan :)
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa4.jpg
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
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa5.jpg
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
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa6.jpg
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
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa7.jpg
dan hasilnya:
http://www.ilmugrafis.info/photoshop/p_alternatif_32/Animasi-ilmugrafis.gif
Cara mengkonvert menjadi animasinya GIF nya yaitu dengan cara klik File >> Save For Web & Device (ALT + Shift + Ctrl + S)
http://www.ilmugrafis.info/photoshop/p_alternatif_32/32pa8.jpg
Pilih GIF , tekan Save
(http://www.ilmugrafis.com/photoshop_alternatif.php?page=membuat-animasi-bergerak-photoshop-CS3)..source.. (http://www.ilmugrafis.com/photoshop_alternatif.php?page=membuat-animasi-bergerak-photoshop-CS3)