WELCOME TO HANDRY USA AREA

15 Februari 2011

Membuat Logo Favicon Blog Animasi dengan Photoshop


18.52 |

Ada berbagai macam cara dalam membuat logo bergerak atau animation. Tapi kali ini saya hanya menggunakan  cara mudah dan cukup sederhana dengan Photoshop.
Tutorial Lanjutan ini membahas tentang pembuatan logo Favicon Animasi (bergerak)
Ini Tutorial bagian Kedua dari 3 Tutorial.
1. Membuat logo Favicon Blog dengan Illustrator
2. Membuat Logo Favicon Blog Animation dengan Photoshop
3. Cara Mengganti Logo Favicon Blog
Semoga dapat membantu para sobat Blogerman-Blogerwati Se- Tanah Air.
Berikut Ritualnya
Buka file baru caranya Klik File pilih New (Ctrl +N) isi nilai W= 9 cm dan H= 9 cm

clip_image002

Selanjutnya membuat animation atau gambar bergerak dengan tool “Animation
Caranya klik Windows pilih Animation

clip_image004

Sehingga window Animation terlihat di bagian bawah.

clip_image006

Langkah berikutnya menyiapkan file yang sudah di buat dengan illustrator (pada membuat logo dengan Illustrator).
Klik File Pilih Open (Ctrl + O) cari file yang disimpan lalu pilih kedua file (Logo) tersebut tekan OK.
Langka pertama agar logo atau gambar dapat bergerak, kita harus menempatkan gambar ke bentuk layer.
Caranya.
Drag (seret) logo Gmbr 1 tadi ke dalam kanvas dan aturlah penempatan logo harus fix dengan kanvas.
Tekan Ctrl + T lalu tarik handel ketepi agar logo terlihat Full memenuhi dikanvas.
Kemudian di Tab layer klik ganda (dobel) Layer 1 beri nama Gmbr 1
Lakukan seperti cara di atas untuk gambar yang kedua sehingga tampilan layer seperti gambar dibawah


clip_image008


Langkah kedua mengatur posisi layer dan Frame
1. Menghilangkan icon mata di tab layer, klik icon mata pada Gmbr 1

clip_image010
2. Klik Dulpicate Frame di window Animation (Frame)
clip_image012

3. Hilangkan icon mata Gmbr 2 di Tab layer dan klik kembali tempat icon mata gmbr 1 untuk memunculkan kembali icon mata, sehingga posisinya menjadi kebalikan dari gmbr 2

clip_image014

4. Tampilan hasil frame dari perubahan bentuk layer akan terlihat seperti ini

clip_image016

Coba tekan tombol Play, mungkin sobat hasil pergerakannya terlalu cepat karena nilai delay masih 0. Agar gerakannya lambat atau sesuai keinginan. Klik tanda segi tiga dibawah masing-masing Frame sehingga muncul pilihan delay, pilih yang 0.5.

clip_image018

Atau sesaui dengan kehendak sobat. Semakin besar angka delay semakin lambat gerakannya. Sobat bisa mencoba angka-angka yang lain.
Perlu di ketahui pada deretan bagian bawah Frame ada tulisan Forever dari segi tiga kecil. Jika diklik muncul pilihan lain, jika pilihan Forever gerakan terus menerus tanpa henti Once bergerak hanya sekali, Other sobat bisa mengatur sendiri waktu lama gerakan, dihitung dalam satuan Second. Sobat juga bisa menambah effect Tweens Animation Frame.
5. Agar animasi bergerak terus harus disimpan dalam bentuk file GIF. Caranya Klik File pilih Save For Web & Devices (Alt+Shift+Ctrl+S) sehingga keluar kotak dialognya lalu save

clip_image020

File GIF ini masih dalam ukuran besar, sobat bisa menyimpan di HP sebagai wallpaper untuk di tunjukan kepada teman-teman sobat pastinya keren..
Untuk membuat logo Favicon yang dipajang diblog ukuran hanya 16 X 16 pixels.
Caranya, Save seperti diatas File=> Save For web …. Pada kotak dialog yang muncul Klik Tab Image Size isi nilai Widht= 16 dan Height = 16 lalu Apply langsung klik Save.

“Selamat Mencoba Semoga Berhasil”
BERSAMBUNG KE : Cara Mengganti Logo Favicon Blog

clip_image022

Cara diatas masih dalam bentuk sederhana, bisa di modifikasinya sesuai Imajinasi dan kreatifitas sobat.

“Selamat Mencoba”


1.  






Ingin mendapat artikel langsung ke email anda? Silahkan DAFTAR alamat email anda dibawah untuk berlangganan.


You Might Also Like :


2 comments:

Hafiz Tri Handoko mengatakan...

wah, trimakasih mas atas postingannya...
ini untuk kerja freelance membuat logo, web design atau desain apa aja bisa berkunjung di
http://design-programming.blogspot.com/

Handry mengatakan...

Trima kasih atas infonya. langsung ke TKP

Posting Komentar

Terima kasih atas kunjungannya.