• Rabu, 26 Desember 2012

    Membuat Animasi Gambar, Tulisan Bergerak Dengan Photoshop

    Tutorial photoshop membuat banner animasi tulisan bergerak berformat gif dapat dilakukan dengan aplikasi adobe photoshop, dan dengan membuat banner animasi sendiri yang jelas akan memberikan kepuasan tersendiri dari pada membuat animasi gif di beberapa situs yang memang untuk menyediakan pembuatan animasi gif secara online.

    Membuat animasi gif gambar bergerak


    Membuat Banner Animasi Tulisan Bergerak Dengan Photoshop

    Langkah pertama
    Buka aplikasi adobe photoshop, buat layer baru dengan klik Ctrl +N, kita akan membuat banner animasi berukuran 125 x 125 pixel, lihat gambar dibawah


    Langkah kedua
    Pada toolbox klik klik Set Foreground Color buat warna misalnya dengan warna ungu #a800ff dan klik Paint Bucket Tool (G) dan klik pada layer kosong yang dibuat tadi.

    Langkah ketiga
    Buat tulisan dengan klik Horizontal Type Tool (T), lihat contohnya dibawah ini buat sebanyak 6 atau lebih menurut keperluan anda.


    Langkah keempat
    Setelah anda buat beberapa layer, selanjutnya kumpulkan / drag semua gambar dalam satu layer, lihat contohnya


    Langkah kelima
    Pada menu bar klik Window => Animation.


    Langkah keenam
    Pada Layer Thumbnail, aktifkan layer 1 dan nonaktifkan layer 2,3,4,5,6 dan duplikat gambar pada Animation dengan klik Duplicates Selected Frames


    Langkah ketujuh
    Lalu aktifkan layer 2 dan nonaktifkan layer lainnya, maka hasilnya seperti ini.


    Langkah ketujuh
    Begitu juga seterusnya ikuti langkah keenam, dengan mengkopi / duplikat layer dan tinggal aktifkan salah satu layer dan nonaktifkan layer lainnya, maka hasilnya seperti ini.


    Langkah kedelapan
    Atur kecepatan/delay dari masing-masing animasi gambar misalnya 0,5 second dan setelah diatur kecepatannya lalu klik Plays Animation untuk melihat hasilnya, coba lihat gambar dibawah ini




    Langkah kesembilan
    Simpan hasilnya dengan cara klik File => Save for Web and Devices => Save dalam format Gif


    Lihat hasil animasi gif banner bergerak dengan photoshop dibawah ini

    Membuat animasi gif gambar bergerak

    Fashion

    Beauty

    Travel