Cara Membuat Teks Animasi Dengan

Macromedia Flash 8
Posted on 10 Januari 2012 by Nyoman CNd

Macromedia Flash

Seperti pada umumnya, setiap software animasi pastinya terdapat kelebihan dan
kekurangan masing-masing, serta mempunyai tingkat kerumitan yang berbeda
dalam penggunaannya.
Teks Animasi GIF Transparan

Teks animasi GIF Background

Pada artikel tips yang serupa sebelumnya, kita telah mencoba menggunakan
applikasi Easy GIF Animator, yang mana pada applikasi tersebut mempunyai
beberapa macam bentuk pilihan teks animasi dengan hasil banner yang cukup
bagus dan memuaskan. Namun, pada applikasi tersebut kita tidak bisa mengatur
cepat dan lambatnya pergerakan teks sesuai dengan keinginan kita seperti pada
contoh banner diatas.
Artikel tips kali ini, saya ingin menawarkan kepada anda untuk mencoba
menggunakan applikasi Macromedia Flash Professional 8. Walaupun termasuk versi
lama dari macromedia flash, namun pada software ini, kita juga bisa membuat
bermacam-macam bentuk animasi, baik dengan ekstensi GIF maupun SWF.
Buat teman-teman bloggers yang suka mengutak-atik animasi, tidak ada salahnya
untuk mencoba. Silahkan cari softwarenya di mbah google, yang ukuran filenya
cuma 107 MB.
Adapun langkah-langkah untuk membuat teks animasi pada Macromedia Flash
adalah sebagai berikut :
1. Buka applikasi Macromedia Flash pada netbook/computer anda, kemudian
klik Create New Flash Document.

Gambar.1

2. Setelah muncul halaman baru, selanjutnya tekan Ctrl+F3 pada keyboard

netbook/computer anda, sehingga muncul halaman seperti gambar dibawah.

Gambar.2

Buat teman-teman bloggers yang baru pertama kali menggunakan applikasi ini,
saya sarankan untuk tidak sembarang menekan/mengklik menu, karena akan
semakin membuat anda bingung.
Pada halaman Document Property seperti gambar no.2 diatas, silahkan isi form
yang terdapat disana, dan ganti ukuran default media dengan ukuran banner
yang akan anda buat, selanjutnya klik OK.
Tekan Ctrl+F3 lagi untuk kembali kehalaman semula.
3. Apabila anda mengganti ukuran default document terlalu kecil, maka
kemungkinan besar media yang anda buat menjadi tersembunyi. Geser scroll

yang ada pada bagian bawah halaman dan disebelah kanan halaman, untuk
menampilkan media tersebut.

Gambar.3

Selanjutnya klik Menu Text Tool yang terdapat disebelah kiri halaman Layer,
atau tekan tombol T pada keyboard anda.
4. Buatlah area teks pada media, dan tulis teks yang anda inginkan.

Gambar.4

5. Setelah anda selesai menulis teks, tekan tombol Ctrl+F3 pada keyboard anda
hingga muncul halaman seperti gambar dibawah.

Gambar.5

Pada halaman Teks Properties diatas, pilihlah jenis dan ukuran fonts yang akan
anda

tampilkan

pada

banner

teks

anda.

Setelah

selesai,

tekan

tombol Ctrl+F3 untuk kembali kehalaman semula.

Selanjutnya delete/hapus teks yang telah anda buat dengan menekan
tombol Back space pada keyboard anda, tanpa merubah area teks yang ada.
6. Setelah semua teks terhapus pada area teks, kemudian tekan F5 danF6 secara
berurutan.
Selanjutnya klik pada area teks yang kosong pada media, kemudian tulis 1 huruf
awal yang telah anda hapus tadi, selanjutnya tekan F5 danF6 secara urut.
Klik

lagi

pada

area

teks,

kemudian

tulis

huruf

kedua

selanjutnya

tekanF5 dan F6 secara berurut.

Gambar.6

7. Untuk huruf ke-3 dan selanjutnya, lakukan langkah-langkah seperti langkah no.6
diatas.

Gambar.7

8. Setelah semua huruf anda tulis seperti pada gambar diatas, kemudian lihatlah
banner teks anda dengan menekan Ctrl+ENTER pada keyboard.
iyessss.!!! Anda telah berhasil

selamat yaa

9. Untuk menyimpan file banner teks yang telah anda buat tersebut, klik menu File
> Export > Export Movie

Gambar.8

10. Tentukan Tempat dan Nama penyimpanan file tersebut pada netbook/computer
anda, pilih type Animated GIF(*.gif). Selanjutnya klik Save.

Gambar.9

11. Pada halaman yang muncul berikutnya, anda bisa mengatur ukuran file banner
anda, selanjutnya klik OK.

Gambar.10

Apabila anda ingin membuat banner teks dengan background berwarna,

sebelum melakukan langkah no.9 diatas, tekan tombol Vkemudian Ctrl+F3 pada
keyboard untuk mengganti warna padaBackground Properties.

Selanjutnya pada gambar no.10 diatas, hilangkan tanda centang pada

kolom Transparent. Kemudian klik OK.
o

Keterangan :
V, Ctrl+F3 = Document/Media Properties
T, Ctrl+F3 = Teks Properties
F5 = Insert Frame
F6 = Insert Keyframe

Selesai

Cara Membuat Teks Berjalan Dengan

Macromedia Flash
Posted on 10 Januari 2012 by Nyoman CNd

Macromedia Flash

Pada tutorial sebelumnya kita membahas Teks Animasi Berjalan dengan model mengetik
cepat, kali ini kita akan membahas cara membuat teks animasi berjalan dengan pergerakan
seluruh bagian teks dari sisi kanan media, berjalan ke sisi media sebelah kiri, seperti pada
contoh animasi teks dibawah.
Agar artikelnya tidak berkepanjangan, kita langsung saja yaa.

1. Buka

applikasi

Macromedia

anda,

kemudian

klik Flash

bagian Create New.

Gambar.1

2. Selanjutnya tekan tombol Ctrl+F3 pada keyboard anda.

Documentpada

Gambar.2

Pada halaman Properties diatas, klik tombol Default size untuk mengganti ukuran
default media dengan ukuran banner teks yang akan anda buat. Setelah selesai,
kemudian klik OK.
Selanjutnya klik Ctrl+F3 untuk menyembunyikan halaman properties dan
kembali ke halaman media.
Geser/drag scroll disebelah kanan dan bawah halaman media untuk mengatur
letak media baru anda.
3. Langkah selanjutnya adalah, klik menu Text Tool yang terletak disebelah kiri
halaman Layer, atau tekan tombol huruf T pada keyboard anda.

Gambar.3

Buatlah area teks disebelah kanan luar media anda, selanjutnya tulis teks yang
akan anda jadikan banner. (Perhatikan gambar diatas)

4. Pada halaman Frame, klik kanan tanda yang terletak dibawah angka 1kemudian
pilih Create Motion Tween.

Gambar.4

5. Langkah berikutnya, klik dibawah angka 50, kemudian klik kanan pada tempat
tersebut, pilih Insert Keyframe.

Gambar.5

6. Selanjutnya geser/drag teks yang anda buat menuju kesebelah kiri media dengan
menekan tombol V+Tanda Panah kekiri (<--)

Gambar.6

Apabila teks yang anda buat terlalu panjang, perkecil ukuran gambar dengan
mengklik tanda yang terletak disebelah kanan atas halaman Frame.

Gambar.7

Setelah seluruh bagian teks sudah terletak pada posisi disebelah kiri media,
selanjutnya tekan Ctrl+ENTER untuk melihat hasilnya.
7. Untuk menyimpan file banner yang telah anda buat, klik menu File >Export
>Export Movie

Gambar.8

8. Selanjutnya simpan file anda dalam format Animated GIF(*.gif), kemudian

klik Save.

Gambar.9

9. Pada gambar berikutnya, sesuaikan ukuran lebar dan tinggi banner anda
kemudian klik OK.

Gambar.10

10. Apabila anda ingin membuat banner teks dengan background warna, sebelum
melakukan langkah nomor 7, tekan Ctrl+F3 kemudian klik menu Selection
Tool untuk menampilkan halaman Document Properties

Gambar.11

Selanjutnya atur warna background sesuai dengan keinginan anda.

Pada gambar no.10 diatas, hilangkan tanda centang pada kolomTransparent.
Kemudian klik OK.
11. Bila anda ingin banner teks anda bisa berjalan lebih mulus dari banner yang
telah dibuat diatas, maka sebelum melakukan langkah no.7, klikdibawah
angka 50 pada halaman frame, kemudian klik tahan+geser kebawah angka frame
yang lebih tinggi. Pada banner diatas, saya menggesernya sampai ke angka
frame 7000.
Yang harus diperhatikan bila anda melakukan hal ini adalah simpanlah file
banner anda dengan format Flash Movie(*.swf). (Pada langkah no.8)

Bila anda menyimpan dengan format GIF, kemungkinan ukuran file banner anda
akan terlalu besar. Menyimpan dengan format flash, kita dapat mengurangi
ukuran file s/d 80%.
Mudah-mudahan dengan membaca tutorial ini, anda bisa berkreasi lebih jauh
dengan menggunakan Macromedia Flash.
Selamat Berkarya.