Showing posts with label Photoshop. Show all posts
Showing posts with label Photoshop. Show all posts

Friday, February 14, 2014

Cara Membuat Animasi Gambar Dengan Mudah

Posted by Unknown
Written by: Roni Nyul
Serba Serbi Blogging, Updated at: 8:43 AM
Tutorial Cara Membuat Gambar Animasi  kali ini akan membahas tentang telur yang akan menetas dari cangkangnya. Animasi yang merupakan hasil dari pengolahan gambar sehingga menjadi gambar yang bergerak. Aminasi yang sangat disukai banyak orang ini juga bisa dibuat dengan mudah, cukup memilih bagian layer dan frame yang ingin kita gerakan. Sebagai contoh sederhana adalah telur menetas. selebihnya pembaca blog bisa mengembangkannya dan mencobanya menggerakan objek-objek lain.

hasil animasi gambar




Jika anda pemula dan ingin belajar menggerakan gambar dengan photoshop, video ini akan menjelaskan lengkap dengan "quote tulisan" agar mudah dipahami. Secara umum membuat animasi dengan photoshop kurang lebih sama dengan Cara Membuat Tulisan Animasi Dengan Photoshop.

Langkah-langkahnya silahkan simak dalam video dibawah ini


Objek Percobaan (silahkan ambil jika ingin memcobanya langsung)

Objek 1 objek telur gambar 3 gambar 4 gambar 5 gambar 6

Read More

Wednesday, July 3, 2013

Cara Membuat Tulisan Animasi Dengan Photoshop

Posted by Unknown
Written by: Roni Nyul
Serba Serbi Blogging, Updated at: 11:44 AM
Running text
Mempercantik desain blog dengan membuat logo blog sesuai karakteriktik blog akan semakin membuat pengunjung blog kita nyaman dan blog kita pun memiliki ciri khas sendiri. saya sedikit berbagi ilmu bagaimana membuat logo yang tulisannya bisa bergerak layaknya animasi. selain tulisan anda juga bisa belajar membuat gambar bergerak dengan mudah.

Tutorial dibawah memang sangat sederhana dan hanya dikhususkan untuk pemula seperti saya. karena saya sendiri juga perlu belajar banyak agar lebih menguasai dunia animasi khususnya menggunakan photoshop.
Berikut ini adalah cara sangat sederhana membuat logo atau banner dengan menggunakan photoshop,

Step by step

1. Klik File - New
lembar kerja 1

Akan muncul tap seperti di atas.
[+] Tentukan width (lebar) dan Height  (tinggi) sesuai keinginan anda, untuk kali saya memcoba menggunakan backgrount transparent

lembar kerja 2
type tool
2. Masukan Tulisan Pada Halaman Kerja atau jika anda ingin memasukan gambar klik File-Open, jika tidak ingin memasukan gambar dan hanya ingin memasukan tulisan caranya Klik Huruf T (horyzontal type tool) yang berada pada tool sebelah kiri. lalu mulailah menulis atau memasukan kata-kata dan/atau kalimat sesuai keinginan anda.
Dan nanti hasilnya seperti dibawah, ingat ini hanya sebagai contoh.
 
3. Karena Tulisan dalam bentuk gambar diatas tidak bergerak atau tidak ada animasinya maka langkah selanjutnya

4. Membuka halaman kerja animation, Caranya Klik Window Centak Animation. dan akan muncul tab halaman kerja animation, yang fungsinya sebagai mengatur waktu, menambah frame atau layer baru. untuk penampakannya lihat dibawah ini.
lembar kerja 3
5. Setelah melihat tab animation terbuka, saatnya menduplikat framer agar jarak waktu setiap perdetiknya menampilkan tulisan, cara menduplikat frames lihat pada tab "animation" klik pada tulisan duplicat selected frames, tepat bersebelahan dengan tweens animation frames.

6. Setelah membuat menduplikat beberapa frames, atur waktunya, misal 0.5 detik,  atau 1 detik (disesuaikan dengan keinginan)

sebagai contoh saya hanya membuat 3 frames saja. dan mengatur waktunya 0.5 detik.

Perhatiakan lembar kerja dibawah ini untuk mengetahui perbedaan antara frames 1 frames 2 dan frames 3.

Photoshop.com

Penjelasan mengenai lembar kerja diatas yaitu. bahwa pada frames 1 kita belum menyembunyikan seluruh tulisan. tetapi jika anda mau tidak masalah. barulah pada frames 2 saya menyembunyikan tulisan berwarna hitam dan menampilkan warna merah. pada frames 3 saya menyembunyikan tulisan berwarna merah dan hanya menampilkan warna hitam. cara menyembunyikan objek yaitu mengklik simbol bola mata.
lebih jelasnya lihat gambar dibawah.

layer Photoshop


7. Setelah semuanya sudah siap baru menyimpan file gambar dalam bentuk GIF. agar bisa bergerak.
Caranya klik File - save for web  lalu klik Save

Berikut hasil contoh tutorial di atas 

animasi photoshop

8. selesai...



Read More