December 2011 ~ Afri Zulkarnain

Tuesday, 27 December 2011

Tutorial Macromedia Flash "Exit Effect"

Pengenalan Awal

Exit Effect adalah efek yang diberikan pada sebuah tulisan, sehingga tulisan akan kelihatan seolah-olah bergerak keluar dari layar (Huruf bergerak menjadi lebih besar dari ukuran normalnya).

Langkah-langkah pengerjaan

1. Buka aplikasi Macromedia Flash Profesional versi 8.0. Buka document baru dengan cara klik Flash Document pada Create New.

2. Setelah document baru terbuka, selanjutnya kita atur warna Bagroundnya jadi warna hijau muda dan Frame Ratenya 30.

3. Selanjutnya kita masukkan tulisanyang akan di buat effek nya menggunakan “Text Tool”. Atur ukuran tulisannya agar tidak terlalu kecil dan letaknya ditengah.

4. Kemudian kita akan membagi tiap huruf yang ada dengan cara klik “Modify --> Break Apart”, sehingga tampilannya akan seperti gambar dibawah:

5. Selanjutnya kita akan memberi 1 buah layer pada tiap huruf-hurufnya, caranya klik “Modify --> Time Line --> Distribute To Layer”.

6. Setelah dibagi menjadi perlayar maka tampilannya akan berubah seperti pada gambar dibawah:

7. Tahap berikutnya kita akan meng-Convert To Symbol tiap-tiap layer yang ada (Semua huruf). Namanya bisa disesuaikan dengan huruf yang akan diconvert,jika ada huruf yang sama bisa ditambah dengan angka dibelakangnya. Untuk Type-nya kita menggunakan “Graphic”. Caranya kita klik “Modify --> Convert To Symbol”.

8. Setelah semuanya selesai di convert, selanjutnya kita akan “Insert Key Frame” pada Layer A Frame 15. Caranya klik kanan --> Insert Key Frame.

9. Kemudian pada layer yang lainnya kita juga melakukan hal yang sama. Tetapi disini kita Insert Key Frame-nya pada 2 buah Frame, yaitu Frame 1 dan Frame 16. Hal ini bertujuan agar nantinya kita bisa menggeser-geser letak dari Frame pada masing-masing layer tersebut.

10. Setelah tahap tersebut selesai, selanjutnya kita akan mengubah ukuran huruf pada akhir frame dari layer A. Caranya kita pilih/klik setiap akhir dari Frame 15. Setelah di-klik, selanjutnya kita pilih “Transform” pada “Window Align” dan kita centang “Constrain” nya. Disini kita ubah ukurannya jadi 1000%.

11. Selanjutnya kita ubah nilai Alpha-nya menjadi nol. Caranya klik pada huruf yang telah diubah ukurannya tesebut, maka akan muncul jendela properties dibawah. Disini kita pilih “Color” lalu kita ubah nilai “Alpha” nya jadi 0%.

12. Ulangilah langkah-langkah mengubah ukuran akhir pada frame sampai mengubah nilai alpha-nya pada semua layer yang ada.

13. Setelah langkah diatas selesai dikerjakan semuanya, klik salah satu frame yang ada ditengah pada semua layer, kemudian klik kanan pilih “Create Motion Tween”.

14. Tahap diatas sudah membuat tulisan seolah bergerak keluar, tetapi semua itu terjadi pada semua huruf secara bersamaan. Untuk membuatnya bergerak dalam waktu yang berbeda kita bisa geser frame yang ada dibawah tiap masing-masing layer dengan jarak 5 buah frame. Kita bisa blok semua layer yang akan digeser dengan cara “Tekan tombol shift lalu klik awal layer kemudian klik akhir layer yang akan digeser”, seperti pada gambar:

15. Setelah tahap tersebut selesai, maka tampilannya akan menjadi seperti gambar dibawah:

Pada tahap ini kita juga bisa menghapus layer 1 karna tidak akan dipergunakan lagi.

16. Tahap diatas adalah tahap terakhir. Kita bisa melihat hasil kerja kita dengan cara pilih “Control --> Tes Movie”. Selamat Mencoba!

Monday, 26 December 2011

Tutorial Macromedia Flash "Lighting Mash"

Pengenalan Awal

Lighting Mash adalah efek yang digunakan untuk memberikan kesan sinar yang bergerak pada sebuah tulisan. Pada tutorial ini, penulis akan memberikan efek sinar yang bergerak dari kiri kekanan dan sekaligus dari kanan kekiri.

Langkah-langkah pengerjaan

1. Buka aplikasi Macromedia Flash Profesional versi 8.0

2. Buka document baru dengan cara klik Flash Document pada Create New. Setelah document baru terbuka, selanjutnya kita atur propertis layarnya dengan ketentuan:

Ukuran : 400 X 75 Pixel

Background Color : Hitam

3. Selanjutnya kita tuliskan kata-kata yang akan diberi efek, dengan ketentuan warna tulisan tidak sama dengan warna background, seperti pada gambar dibawah ini:

Font Type : Algerian

Ukuran : 38, Bold

Align : Center

4. Setelah langkah diatas, kita pilih tool Modify --> Break Apart. Ini akan memberikan efek seperti pada gambar:

5. Setelah itu kita kembali pilih tool Modify --> Break Apart sekali lagi, sehingga tampilannya akan berubah seperti pada gambar dibawah. Disini kita juga mengubah Type Color nya menjadi “Linear”.

6. Selanjutnya kita akan memberikan dua buah icon warna pada garis warna yang terletak pada windows color disamping kanan layar. Disini kita akan memberikan warna hijau muda dan kuning, selain itu kita juga mengubah nilai “Alpha” yang terdapat disisi kanan kirinya menjadi 0 (Nol).

7. Selanjutnya kita akan menggunakan tool “Paint Bukcket Tool” untuk menjadikan warna tulisan lebih jelas dan padu, dengan cara menarik garis lurus dari bawah keatas pada salah satu huruf yang ada. Agar tulisannya kelihatan lebih jelas, kita bisa ubah ukuran layar menjadi 400%.

8. Setelah langkah diatas kita ubah kembali ukuran layar menjadi normal. Selanjutnya pada tahap ini kita akan meng-convert to symbol sebanyak 2 kali dengan cara klik “Modify à Convert To Symbol”, dengan ketentuan:

Pertama:

Name : Teks

Type : Graphic

Kedua:

Name : Teks Mov

Type : Movie Clip

9. Selanjutnya kita Double Click pada tulisannya, sehingga akan tampil layer “Teks Mov”

10. Kemudian kita klik “Teks Mov” lalu kita tambahkan 2 buah layer baru, yaitu: layer 2 dan layer 3. Setelah ditambahkan, kita akan mengkopikan “layer 1 ke layer 3” , dengan cara: Klik kanan pada Frame 1 layer 1 --> Copy Frame à klik kanan pada Frame 1 Layer 3 --> Paste Frame.

11. Tahap selanjutnya kita akan membuat efek sinar menggunakan “Rectangle Tool”. Kita akan membuat sebuah kotak yang panjangnya setengah dari layar tulisan yang kita buat. Setelah itu kita ubah warna dan bentuknya menjadi miring kekanan. Kita bisa menggunakan “Free Transform Tool” dan menarik sisi atasnya ke sebelah kanan, sehingga hasilnya seperti pada gambar dibawah (Sebelumnya kita pilih dulu Layer 2 pada Frame 1)

12. Selanjutnya kita Convert To Symbol dengan nama “Sinar” dan Typenya “Graphic”

13. Berikutnya kita akan “Insert Frame” pada Layer 1 dan Layer 3 yaitu pada Frame 40

14. Selanjutnya pada Layer 2 Frame 20 kita klik kanan, lalu pilih “Insert Key Frame”, kemudian kita letakkan layar “Sinar” disebelah kiri tulisan, lalu kita tekan tombol “Shift” dan tarik layar sinar tadi sampai kesebelah kanan tulisan.

15. Selanjutnya kita “Insert Key Frame” lagi pada Frame 40 Layer 2 sama dengan langkah sebelumnya, tetapi untuk menggerakkan sinarnya dari sebelah kanan ke sebelah kiri.