logo

Blog Alvin Warasi

  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • Photoshop Online
    • TV Online
    • Code Color
    • Responsive Cek
  • Sitemap
  • About Me
  • Contact
  • Link Exchange
  • Out Of Topic
Home » Photoshop » Membuat Animasi GIF dengan Photoshop

Membuat Animasi GIF dengan Photoshop

Alvin Warasi
Add Comment
Photoshop
Tuesday, 29 July 2014
Anda sudah tahu khan apa itu Animasi GIF ? GIF adalah animasi sederhana yang sering kali Anda temui di sebuah website/blog mau pun di smartphone. Untuk membuat animasi GIF tidaklah susah. Ada banyak sofware yang bisa Anda gunakan seperti Free Video to GIF Converter, Falco Gif Animator dan Movie to Animated GIF Converter, namun kali saya akan share cara untuk membuat animasi GIF dengan photoshop. pada praktek ini saya menggunakan photoshop CS2.

Langsung saja, berikut ini langkah-langkahnya :

1. Buka program photoshop, klik File New atau tekan Ctrl+N saja biar lebih cepat.
2. Pada file name beri nama Animasi. Untuk pengaturan Size Width : 400 pixel, Height : 200 pixel. dan Resolution : 72 pixel/inch.

Membuat Animasi GIF dengan Photoshop

3. Klik Ok. Maka hasilnya seperti gambar dibawah, sebuah file baru dengan nama Animasi

Membuat Animasi GIF dengan Photoshop

4. Buat layer baru. Klik menu Layer New Layer biar lebih cepat tekan saja tombol Shift+Ctrl+N.
5. Beri nama Kotak atau bisa juga dengan nama lain sesuai kemauan Anda.
6. Di layer program photoshop Anda maka terlihat ada layer baru dengan nama Kotak.
7. Klik Rectangle Tool. bisa juga Anda menekan tombol U pada keyboard agar lebih cepat.
8. Pilih Fill Fixels dan Rectangle Tool lihat gambar dibawah ini :

Membuat animasi Gif dengan photoshop

9. Buatlah kotak di dalam file Animasi tadi.
10. Klik Styles dan pilih Chiseled Sky, atau bisa dengan styles yang lain.

Membuat animasi Gif dengan photoshop

11. Hasilnya akan seperti gambar dibawah ini :

Membuat animasi Gif dengan photoshop

12. Anda bisa menambahkan tulisan. Klik Horizontal Type Tool atau tekan tombol T.
13. Secara otomatis akan membuat layer Blog Alvin Warasi.

Membuat animasi Gif dengan photoshop

14. Klik Styles dan pilih Double Ring Glow. Hasilnya seperti gambar dibawah ini:

Membuat animasi Gif dengan photoshop

15. Selanjutnya, klik menu Window Animation.
16. Di Animation (Frames), akan terlihat layer yang sudah Anda buat tadi. Klik Select Frame Delay Time, disini saya memilih Delay 0,5.
17. Duplicate frame, klik Duplicates Selected Frames dan aktifkan Frame 2.

Membuat Animasi Gif dengan photoshop

18. Selanjutnya aktifkan Layer Kotak, klik kanan dan pilih Bleding Options.

Membuat Animasi Gif dengan photoshop

19. Centang Drop Shadow, Inner Glow, Bevel and Emboss, Satin, dan Gradiend Overlay.

Membuat Animasi Gif dengan photoshop

20. Lakukan hal yang sama pada layer teks Blog Alvin Warasi dengan mengklik kanan pilih Bleding Options, centanglah Outer Glow dan Pattern Overlay.

21. Untuk mengetahui hasilnya, apakah berjalan dengan baik. Klik Plays Animation.
22. Jika sudah sesuai dengan keinginan Anda ! Simpan hasilnya dan klik File dan plih Save For Web, yang perlu Anda ingat sebelum menyimpankannya pastikan telah berformat GIF. klik Save.

23. Maka selesai sudah membuat Animasi Gif dengan Photoshop, hasilnya kira-kira seperti dibawah ini , keren khan ?

Membuat Animasi Gif dengan photoshop


Advertise
Contact Me
300x250
Advertise
Contact Me
300x250

Terimakasih sudah berkunjung dan membaca artikel mengenai Membuat Animasi GIF dengan Photoshop, jika ingin menyebar luaskan artikel ini di mohon untuk mencantumkan Link Sumbernya.
Jangan lupa klik tombol di bawah ini

Tweet

0 Comments

Silakan Tinggalkan Komentar Anda!
Saya sangat menghargai atas pertanyaan dan komentar Anda, berkomentarlah dengan baik dan sopan.
Dilarang menyertakan link aktif, iklan, atau titip link...
Terima Kasih Sudah Berkomentar..

Konversi KodeTutup Konverter!ForumEmoticon

Terima kasih telah berkomentar
Subscribe to: Post Comments (Atom)

About Me

alvin f G t
Hai, perkenalkan nama saya Alvin Warasi saya lahir di kota
Medan - Sumatera Utara - Indonesia.
Alumni SMK NEGERI PASIRIAN Jika anda ingin kenal lebih dekat
ADD sosial Network saya.
Read More »
Welcome to my blog!!!
Anda Disini di Ijinkan untuk mengutip sebagian tulisan di situs ini tetapi tidak boleh seluruhnya dengan menyebutkan link dan sumber.
Apabila ditemukan copy/paste seluruh artikel akan diajukan ke DMCA Google supaya dibanned dari Google atau dihapus dari Blogger. Buat sahabat Blog Alvin Warasi yang merasa mencopy paste Artikel silahkan sertakan sumbernya, sebelum anda mendapat PERINGATAN dari pihak Google.
Jika Blog Anda di hapus oleh pihak Google saya tidak bertanggung jawab !!!

Terima Kasih

Blogger Tutorial blog Alvin Warasi Blogger Tutorials and Free Blogger Templates. arrow
Pasang Iklan di Sini blog Alvin Warasi Pasang iklan Anda di sini, hanya 35 ribu / bulan. arrow
Pasang Iklan di Sini blog Alvin Warasi Pasang iklan Anda di sini, hanya 35 ribu / bulan. arrow
Pasang Iklan di Sini blog.Alvin Warasi Pasang iklan Anda di sini, hanya 35 ribu / bulan. arrow
Iklan oleh Alvin Warasi info

Ikuti Blog ini dengan memasukan Email Anda dibawah ini! Terima Kasih

Contact Form

Name

Email *

Message *

Adsense Indonesia bisnis ustad yusuf mansur iklan banner iklan banner
Advertise
Contact Me
300x250
Advertise
300x250
Here

Ads by Alvin Warasi
iklan banner iklan banner iklan banner iklan banner

Labels

AdSense Animasi Blog Alvin Warasi Blogging CSS Efeck Gambar Efek Eksperimen Facebook Font HTML HTML5 Iklan Informasi Umum jQuery Lain-Lain Navigasi Photoshop Seo Software Template Tips dan Trick Tools Tutorial Blog Widget

Site Info

follow Alvin Warasi

SEO Reports for the-warasi.blogspot.com

Blogger

Google+

Facebook

Twitter

Copyright © 2014 - 2015 Blog Alvin Warasi Thankz to Blog Dian Anarchyta