July 21, 2024

Animasi Teks Banner Sederhana Menggunakan Flash

2 min read

Dalam animasi teks ini terdiri dari dari dua objek teks, yaitu teks PalComTech dan teks 100% Praktek 100% Internet. Tampilan teks PalComTech berjalan seperti ketikan teks kemudian mengilang, selanjutnya teks 100% Praktek 100% Internet muncul sambil berputar.

Langkah 1

Buatlah dua layer, Layer 1 diganti namanya dengan teks 1, Layer 2 diganti namanya dengan teks 2. (Cara mengganti nama Layer klik 2x pada layer).

image

Langkah 2

Ubahlah ukuran area kerja / stage standar (500×400 pixels) menjadi ukuran banner (550x100pixels). Caranya klik area kerja > pada properties klik bagian size 550×400 pixels.

image

Maka akan tampak kotak dialog document properties

clip_image006

Selanjutnya tentukan ukuran, pada Dimensions : 550px (width) x 100px (height), kemudian tekan tombol OK. Maka akan tampak area kerja seperti dibawah ini:

clip_image008

Langkah 3

Buatlah teks PalComTech, caranya klik Frame 1 Layer teks1 > ketikkan teks PalComTech menggunakan text tool.

clip_image011 clip_image013

Langkah 4

Buatlah animasi Frame by frame untuk efek ketikan teks PalComTech. Caranya klik kanan pada teks PalComTech > Break Apart.

clip_image015

Selanjutnya klik kanan pada Frame 1 Layer teks 1 > copy Frames.

clip_image017

Lalu klik kanan pada frame 2 Layer teks1 > Paste Frames, lakukan langkah ini untuk Frame 3-10 Layer teks1.

clip_image019

clip_image021

Lakukan penghapusan sebagian huruf pada frame tertentu, ikuti tabel dibawah ini:

Frame Huruf dihapus Huruf tidak dihapus
1 alComTech P
2 lComTech Pa
3 ComTech Pal
4 omTech PalC
5 mTech PalCo
6 Tech PalCom
7 ech PalComT
8 ch PalComTe
9 h PalComTec
10   PalComTech

Langkah 5

Buatlah animasi motion tween pada teks PalComTech. Caranya klik Frame 10 layer teks1 > Create Motion Tween.

clip_image024

Klik kanan Frame 30 layer teks1 > insert keyframe > perkecil objek teks.

clip_image026

Klik objek teks pada Frame 30 Layer teks 1> buka jendela properties > tentukan color : alpha, dengan nilai 0%.

clip_image028

clip_image030

Langkah 6

Buatlah teks Palembang, caranya klik kanan Frame 30 layer teks2 >insert keyframe >ketikkan teks Palembang menggunakan text tool.

clip_image032

Langkah 7

Buatlah animasi motion pada teks Palembang. Caranya klik kanan Frame 30 layer teks2 > create motion tween > tentukan rotate cw dan times 2 pada jendela properties

clip_image035

clip_image037

Klik objek teks Palembang pada Frame 30 layer teks2 > buka jendela properties > tentukan color alpha, dengan nilai 0%.

clip_image039

Klik kanan frame 45 Layer teks2 > insert keyframe > perbesar objek teks > buka jendela properties > tentukan color : alpha, dengan nilai 100%.

clip_image041

clip_image042

Klik kanan Frame 55 layer teks2 > insert Frame.

clip_image044

clip_image046

Selamat Berkreasi, kalian bisa tambahkan warna background nya. ^_^

0 thoughts on “Animasi Teks Banner Sederhana Menggunakan Flash

  1. lapor pertamax gan…

    mano tulisan 100% praktek 100% internet na
    ilang ye, jadi palembang…

    hayoooo…

    simple jadilah untuk latian

  2. @Father…
    sehati Qt Father…
    rncano ny nak buat ituLah..tpi gek kpanjangan,, cz Q pngen ny bwt yg simple be teks ny..xixixi…
    tpi boleh deh men nk cba d buat trus tmbahin tuh teks 100% Praktek 100% Internet 😀

    @edo..
    hoho…
    edo pstiny lbih mahir dr Mb 😎

  3. @Father…
    sehati Qt Father…
    rncano ny nak buat ituLah..tpi gek kpanjangan,, cz Q pngen ny bwt yg simple be teks ny..xixixi…
    tpi boleh deh men nk cba d buat trus tmbahin tuh teks 100% Praktek 100% Internet 😀

    @edo..
    hoho…
    edo pstiny lbih mahir dr Mb 😎

  4. @awe…
    mantap = mkan pucuk atap ye we 😀
    y we..awe tu bwtlah nah yg flash ny…

    @Mb ru²…
    mksih Mb Q 😀

  5. @Mb Virlgin…
    xixixi….
    mantapz… 😀

    @awe…ew..btapa..
    men lah btapa bearti ampuh nyan gek tu e :p

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © All rights reserved. | Newsphere by AF themes.