Advertise

Tampilkan posting dengan label Text efek. Tampilkan semua posting
Tampilkan posting dengan label Text efek. Tampilkan semua posting

Animasi Transformasi Text Efek

flash-icon Melanjutkan postingan yang lalu seputar Tutorial Flash 8 yaitu Run Teks Efek. Pada tutorial flash kali ini saya coba membuat Animasi Transformasi dari bentuk dasar persegi panjang menjadi bentuk Text. Saya menyebutnya sebagai Transformasi atau perubahan bentuk. Disini saya hanya menggunakan Shape Tween sebagai Efek text Transformasinya. Contohnya bisa dilihat di bawah ini.



Tutorialnya seperti berikut ::

Buatlah sebuah dokumen baru dengan ukuran 500 X 100 Px.
Beri warna Background Hijau Tua.
Pada Layer 1 - Frame 1 buatlah persegi panjang ditengah stage seperti gambar di bawah ini.



Pada Frame 10 Klik kanan dan pilih Insert Blank Keyframe lihat gambar di bawah.



Buatlah text WELCOME TO MY BLOG.



Klik Kanan pada teks tersebut dan pilih Break Appart.



Klik Kanan kembali pada teks tersebut dan pilih Break Appart lagi.



Sekarang Klik pada tengah tengah Frame, antara Frame 1 dan 10.
Lanjutkan dengan mengklik Tween Shape yang berada pada Properties di bagian bawah.



Tambahkan Frame sampai Frame 20. dengan cara Klik Kanan > Insert Keyframe pada Frame 20.



Sekarang lihat hasilnya dengan cara klik Ctrl + Enter.
kalau sudah cocok silahkan di save. Gimana mudah bukan selamat mencoba.

WARNING :: DO NOT COPAST OK

Run Teks Efek Dengan Background Color

Sebelumnya saya minta maaf untuk contoh tutorial flash sebelumnya tidak bisa ditampilkan di karenakan tempat upload file swf saya sudah tidak aktif, dan baru dapet penggantinya sekarang. Tutorial Flash kali ini saya coba membuat teks efek dengan background, Teks efek ini cukup simple kita hanya membuat teks berjalan dan memberikan background sebagai tambahan silahkan lihat contohnya di bawah ini.


Jika anda tertarik untuk membuatnya Silahkan Lihat Tutorialnya di bawah :

1. Pertama buatlah dokumen baru dengan ukuran 400px x 100px dengan warna background hitam.
2. Buatlah teks CHUGY GOGOG pada layer 1, Dengan Teks rata kiri.


3. Setelah itu Hapus teks sampai Hurup C.


4. Insert keyframe pada frame 2, tambahkan teks H pada Frame 2.


5. Lakukan langkah yang sama sampai pada frame 10. Sampai selesai teks CHUGY GOGOG

6. Buat layer baru yaitu layer 2. pindahkan layer 2 di bawah layer 1.
7. Buatlah lingkaran sebagai background teks C kasih warna Pink , pada frame 1.


8. Insert keyframe pada frame 2, Geser Lingkaranya tepat pada teks H, gantilah warnanya dengan warna merah.


9. Ulangi langkah langkah ini sampai pada teks G, dan ganti warna background tiap teks supaya berbeda beda.



Gimana cukup mudah bukan . Selamat mencoba.

Membuat teks bermunculan dari samping kiri dan kanan

MAAF FILE CONTOHNYA TIDAK BISA DI MUNCULKAN KARENA TERJADI EROR.
Langkah pertama anda buka sofwer flash di computer anda. Dan buatlah ukuran stage atau halaman yang akan di buat animasi yaitu 400x100.
Dengan cara klik property di bagian paling bawah disana ada tulisan Size 550x400. seperti gambar dibawah ini.



Kemudian akan muncul kotak document properties. dan anda ubah ukurannya seperti gambar di bawah ini.



Jika sudah buatlah tulisan atau teks dilayer baru di Frame no 1 disini saya membuat sample teks CHUGY COLECT, dengan warna teks putih.
Posisikan tulisan tersebut tepat ditengah area kerja.
Langkah selanjutnya memisahkan teks menjadi satu persatu, caranya yaitu klik kanan pada teks dan pilih Break Apart.



Dan hasilnya seperti berikut teks menjadi terpisah satu persatu



Kemudian anda klik kanan lagi pada teks yang telah di Break Apart tadi, dan klik Distribute to Layers.



Distribute to Layer ini fungsinya untuk memasukan teks yang telah dipisah ke dalam layer, anda lihat gambar di bawah ini teksnya sudah terpisah menjadi satu hurup satu hurup.



Selanjutnya anda tambahkan framenya ke frame no 5.
Untuk mempercepat penambahan frame, blok frame no5 dari atas sampai bawah, dan klik kanan diantara frame yang sudah diblok lalu klik insert key frame, dan hasilnya seperti gambar sibawah ini.



Sekarang anda rubah lagi framenya menjadi seperti gambar di bawah ini , caranya geserlah frame pada layer H dari frame 1 ke frame 5, lakukan juga untuk layer U,G,Y ,C,O,L,E,C,T seperti gambar



Selanjutnya Klik layer C frame no 1, pindahkan hurup C kesebelah kiri area kosang .lakukan juga hal yang sama dengan hurup H,U,G, sampe hurup Y. anda letakan hurup C,H,U,G,Y di sebelah kiri diluar area kerja



Selanjutny kita memindahkan hurup C,O,L,E,C,T ke area kosong sebelah kanan, caranya sama yaitu klik pada frame 25 layer C, pindahkan hurup C kesebelah kanan area kosong, begitu juga dengan hurup yang dibawahnya, lakukan seperti tahap awal.



Langkah selanjutnya kita memberikan animasi untuk memperhalus perpindahan teks tersebut. Caranya yaitu klik kanan di tengah-tengah frame, dan pilih Create motion Tween. Lakukan hal yang sama pada frame di setiap layer



Dan hasilnya seperti gambar dibawah ini, selanjutnya anda tambahkan frame sampai frame 40, caranya sama anda blok dari atas ke bawah di frame 40 klik kanan dan pilih Insert Key Frame.



Dan untuk melihat hasil animasinyanya anda tekan Ctrl+Enter. Selamat mencoba

Membuat Teks Muncul Satu per Satu

Pertama buat dokumen baru dengan ukuran 400 x 100 px dengan background color orange dan teks warna hitam. Sebagai contoh saya membuat teks CHUGY GOGOG pada layer 1 seperti gambar dibawah :



Pastikan teks berada ditengah tengah stage.
Setelah itu hapuslah hurup HUGY GOGOG sehingga yang ada hanya hurup C,
lihat gambar dibawah.



Setelah itu insert keyframe pada pada frame no 5 dan tambahkan Hurup H pada teks.
lihat gambar dibawah.



Lakukan hal yang sama untuk Layer 10 .

pada Frame 10 insert Keyframe tambahkan hurup U .
Pada Frame 15 insert Keyframe tambahkan hurup G .
Pada Frame 20 insert Keyframe tambahkan hurup Y .
Pada Frame 25 insert Keyframe tambahkan hurup G .
Pada Frame 30 insert Keyframe tambahkan hurup O .
Pada Frame 35 insert Keyframe tambahkan hurup G .
Pada Frame 40 insert Keyframe tambahkan hurup O .
Pada Frame 45 insert Keyframe tambahkan hurup G .

Maka hasinya akan seperti gambar dibawah ini.


Silahkan anda lihat hasilnya dengan menekan Ctr+Enter, Anda juga bisa merubah warna teks pada tiap frame. Selamat mencoba.

Membuat Bayangan Di Dalam Text

Langkah pertama buatlah dokumen baru berukuran 450px x 100px,
Buatlah empat buah layer seperti gambar dibawah ini.



Di layer 1 buatlah background persegipanjang menggunakan Rectangle Toool dengan ukuran 450 x 100.



Berilah warna gradasi merah hitam seperti gambar dibawah ini.



Buatlah teks CHUGY COLECT di layer 2


Selanjutnya kita akan mengcopy atau menggandakan teks CHUGY COLECT di layer 2 , caranya yaitu klik kanan pada frame 1 - layer 2 dan pilih Copy Frame.


Selanjutnya klik kanan pada frame 1 layer 4 dan pilih Paste Frame.


Selanjutnya buatlah persegi panjang dengan warna hijau ataupun warna lain dilayer no 3. posisikan seperti gambar dibawah ini.


Setelah itu tambahkan frame, dari layer 1 sampai layer 4 ke frame 20 seperti gambar di bawah.


Klik pada frame 20 layer 3, dan geserlah persegi panjang yang telah dibuat ke sebelah kanan melebihi teks, lihat gambar di bawah.


Selanjutnya klik kanan di tengah frame pada layer 3, seperti gambar dibawah dan pilihlah Create Motion Tween.

Dan langkah terakhir , klik kanan pada layer 4 dan pilih Mask.
Mask ini berfungsi untuk menyembunyikan bayangan diluar teks



Gimana cukup mudahkan ? Untuk warna teks ataupun background bisa anda sesuaikan dengan keinginan dan selera anda,Selamat mencoba!