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
Selanjutnya membuat animation atau gambar bergerak dengan tool “Animation”
Caranya klik Windows pilih Animation
Sehingga window Animation terlihat di bagian bawah.
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
Langkah kedua mengatur posisi layer dan Frame
1. Menghilangkan icon mata di tab layer, klik icon mata pada Gmbr 1
2. Klik Dulpicate Frame di window Animation (Frame)
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
4. Tampilan hasil frame dari perubahan bentuk layer akan terlihat seperti ini
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.
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
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
Cara diatas masih dalam bentuk sederhana, bisa di modifikasinya sesuai Imajinasi dan kreatifitas sobat.
“Selamat Mencoba”
You are Here: Home > Membuat Logo Favicon Blog Animasi dengan Photoshop
15 Februari 2011
Membuat Logo Favicon Blog Animasi dengan Photoshop
18.52 | Tutorial photoshop
1.
Bersambung ke : Cara Mengganti Logo Favicon Blog
Ingin mendapat artikel langsung ke email anda? Silahkan DAFTAR alamat email anda dibawah untuk berlangganan.
2 comments:
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/
Trima kasih atas infonya. langsung ke TKP
Posting Komentar
Terima kasih atas kunjungannya.