Anda di halaman 1dari 29

Pernahkah anda melihat gambar animasi atau pernahkah anda melihat kartun yang setiap hari

ditayangkan di televisi? salah satu aplikasi pembuat animasi dan kartun tersebut adalah Macromedia
Flash...

Sebelum melangkah lebih jauh sebaiknya anda kenali dulu dasar-dasar FLASH

Di bawah ini merupakan window dari Flash MX

Di bawah ini merupakan keterangan dari kegunaan masing-masing komponen Flash MX secara detail:

- Timeline, digunakan untuk mengatur dan mengontrol isi keseluruhan movie Anda.

- Stage, merupakan tempat dimana Anda bekerja dalam membuat sebuah animasi.

- Tools Box, berisi alat-alat yang digunakan untuk menggambar objek pada stage.
- Color Window, merupakan window yang digunakan untuk mengatur warna pada objek yang Anda
buat.

- Actions – Frame, merupakan window yang digunakan untuk menuliskan Action Script untuk Flash MX.
Biasanya Action Script digunakan untuk mengendalikan objek yang Anda buat sesuai dengan keinginan
Anda.

- Properties, merupakan window yang digunakan untuk mengatur property dari objek yang Anda buat.

- Components, digunakan untuk menambahkan objek untuk web application yang nantinya di publish ke
internet.

Membuat Animasi Berputar (Kipas Angin)


Publish: 02 Oktober 2010 | Author & Copyright: Johan | Status: FREE tutorial

Hai kawan semua, sudah lama kita tak jumpa dalam kategori Tutorial Flash, kali ini kita akan
belajar bagaimana cara membuat animasi berputar pada Flash, Hal ini bisa diterapkan pada
semua program Flash mulai dari macromedia Flash (versi lama) sampai Adobe Flash (versi
baru).

Melihat dunia yang semakin panas, kerusuhan di mana-mana, musim yang tidak menentu, dll
(wah ini tutorial apa berita gan?? wkwkwk... intermezo aja) maka di rumah saya selalu memakai
kipas angin untuk mendinginkan suasana. Maklum klo pakai AC listriknya kagak kuat, duitpun
tak cukup jd pakai AC yang lain alias (AC) Angin Cendela.

Tutorial kali ini tak lepas dari Kipas angin, bagaimana kita membuat kipas angin atau animasi
berputar di Flash? ikuti langkah berikut ini :)
1. Siapkan Kipas angin, Lihat arah berputarnya, jangan lama-lama nanti pusing, wkwkwk....
2. Nyalakan komputer dan buka program Flash, Disini saya memakai Adobe Flash CS 4
3. Buat Object 2 buah segitiga + 1 Buah object lingkaran di Lembar kerja flash
Caranya:
Untuk membuat Segitiga gunakan PolyStar Tool pada toolbar , Untuk Pengaturan gunakan
Style: Polygon, Number Of Side: 3
Untuk membuat Lingkaran gunakan Oval Tool dan tekan dan tahan tombol shift agar lingkaran
bulat sempurna
Petunjuk Gambar IG

4. Atur gambar sehingga membentuk Sebuah baling baling kipas dan seleksi semuanya lalu tekan
CTRL + G (Group) untuk menggabungkan 3 object tersebut menjadi 1 kesatuan

Petunjuk Gambar IG
5. Sekarang waktunya membuat Frame pada Layer 1 klik Frame 50 dan pilih insert Frame

Petunjuk Gambar IG

6. Masih di Frame 50, klik kanan lagi dan sekarang pilih Create Classic Tween

7. Pada Properties, atur Tweening , pilih Rotate: CW (Searah jarum jam)


Petunjuk Gambar IG

Setelah selesai, tekan F6 di frame 50 untuk memunculkan keyframe

Selesai

untuk melihat hasilnya tekan CTRL + Enter


Kira kira seperti ini:
Untuk membuatnya lebih menarik tambahkan lingkaran kipas dan penyangga:

Yuhuuu seger benerrrr ilmuGrafis, kipas angin dari samping dan dari depan monitor
Terima kasih, Selamat belajar
Semoga Bermanfaat
Pada tutorial kali ini kita akan membahas cara membuat gambar mangekyou sharingan milik
sasuke dengan menggunakan program bernama Flash. Artikel kemarin kita sudah membahas
bagaimana cara membuat mangekyou sharingan milik itachi dan kakashi di Ms paint tetapi pada
kesempatan kali ini saya akan membahasnya dengan program Flash yang juga tak kalah bagus
untuk menggambar

Sebelum kita memulainya langkah yang harus diambil adalah membuka program Macromedia
flash / Adobe Flash

1. Langkah pertama yaitu buatlah sebuah object lingkaran dengan  Oval

2. Selanjutnya, Potonglah bagian tengah garis object dengan menggunakan Selection Tool
Jika sudah diseleksi tekan delete untuk menghapus

Jika sudah klik masih menggunakan Selection Tool gabungkan 2 gambar yang telah terpisah
tersebut
3. Langkah berikutnya adalah  drag object tersebut dengan menggunakan Selection Tool  jika
sudah pilih Menu Modify  >> Transform >>Free Transform
jika sudah ubahlah bentuk objek seperti digambar
4. Langkah berikutnya yaitu  buatlah sebuah objek bola dan masukkan ke dalam objek bola
tersebut

Copy objek yang kita buat tadi dan ubah posisi berputar 90 derajat

Lakukan pencopyan objek lagi dan ikuti seperti apa yang sudah dijelaskan digambar (270 derajat
dan 45 derajat)
Lalu buat lingkaran lagi di tengah, Hasilnya akan seperti gambar dibawah ini

5. Langkah terakhir yaitu pewarnaan  pada langkah ini anda bisa memberi  warna sesuka anda
atau bisa juga mengikuti prosedur artikel ini . untuk pewarnaannya warna yang akan digunakan
yang soft , agar tidak terlalu tajam gambarnya . untuk warna merah gunakan warna merah
#F84C5A
Dan hasil akhirnya akan seperti ini
dengan sedikit ketekunan maka anda bisa menciptakan manga

Mangekyou Sharingan Milik Sasuke by Miko IG


Semoga bermanfaat
Pada Tutorial kali ini kita akan mempelajari cara membuat gradien di Flash, membuat gradien di flash
agak sedikit berbeda dengan gradien di photoshop karena di flash kita bukan memakai fill tapi
cenderung memakai pengaturan color (Shift + Alt + F9)

Ok, mari kita praktekkan dengan Tutorial:

1. Buka Program Adobe Flash, Disini Bisa menggunakan Adobe Flash CS3,CS4,CS5
2. Pada Lembar kerja buatlah gambar terserah tapi disini saya akan mencontohkan dengan menggambar
kotak, pada pengaturan sudut (Rectangle Option) gunakan angka 15

Gunakan Free Transform Tool (Q) untuk mengatur besar kecilnya kotak yang anda buat

3. Seperti penjelasan saya di awal, kita tidak bisa merubah fill karena fill hanya terdiri dari 1 Warna,
untuk itu kita harus masuk ke pengaturan color dengan Window - color (Shift + Alt + F9) nanti akan
muncul Color Setting seperti ini
Pilih Linear Gradien atau Radial Gradien, namun disini saya mencontohkan dengan linear gradien , Anda
bisa memilih Flow: Extend Color

Untuk pengaturan Warna yang diinginkan bisa klik kedua panel di bawah yang ada tanda 2 panah
caranya klik kotak tersebut dan pilih warna yang anda inginkan
Contohnya:
Kombinasi hitam dan biru
4. Ok sekarang pasti anda bertanya-tanya.... bagaimana cara mengubah posisi gradien agar tidak kaku
seperti gambar di atas, ahaaa.... caranya gunakan Gradient Transform Tool (F)

Anda bisa mengatur bentuk gradien yang anda inginkan


dan juga memberikan hiasan text

Hasilnya kira-kira seperti ini

Gradien di Flash

Selamat Belajar Flash, SEMOGA BERMANFAAT

Membuat Taman MATAHARI


Publish: 4 Desember 2009 | Author & Copyright: Muhammad Ichwan | Status: FREE tutorial

Tutorial kali ini adalah Tutorial Membuat taman MATAHARI, disini saya menggunakan Macromedia Flash
8...

1. Buka program flash 8


Ubah ukuran stage menjadi 768 x 576 pixels.
Ganti warna bacground menjadi warna warna biru #0099FF

2. buat 4 layer yaitu dengan nama: Rumput hijau, tiang, kotak nama, matahari
3. Di layer rumput hijau Klik rectangle tool    ,untuk membuat rumput hijau dengan mendragnya
ke stage seperti gambar dibawah ini.

4. Klik di frame 1 pada layer: tiang lalu gunakan rectangle tool lagi untuk membuat tiang penunjuk
arah ,
setelah selesai pembuatan tiangnya maka untuk pemberian garis tiang dan arah gunakanlah line tool
setelah itu tekan tombol F8 dan beri nma tiang_mc
lihat gambarnya:
5. sekarang klik frame 1 pada layer: kotak nama
Ganti fill color menjadi warna putih dan strokenya hitam lalu tekan tombol F8 dan beri nama 
Kotaknama_mc dan copy menjadi 4 lalu sesuaikan dengan gambar dan beri nama : jl. Grafis, jl.animasi,
jl.film, jl.kartun.
lihat gambarnya:
6. langkah terakhir, klik frame 1 di layer matahari ganti warna fill color menjadi #FFFF00 dan stroke

dijadikan none gunakan rectangle tool


Untuk mebuat perputaran matahari buat 8 kotak panjang lalu urutkan seperti gambar lalu tekan F8 dan
beri nama sun_mc
lihat gambarnya:

7. Klik 2 kali pada objek sun_mc dan akan terlihat seperti gambar ini
8. buat 1 layer lagi dan beri nama bulat
klik di frame 1 layer: bulat dan klik oval tool untuk membuat objek lingkaran klik kanan > insert
keyframe di frame 60 lalu klik
klik kanan create motion tween di frame 30.
lihat gambarnya:

9. klik di frame 1 layer 1


klik kanan > insert keyframe di frame 60
lalu klik pada frame 30 , klik di propertiesnya

10. agar matahari terlihat dibelakang pindahkan layer matahari di paling bawah….
untuk membuat rumputnya gunakan line tool buat seperti gambar

Selamat Mencoba>>>>@_@
Untuk melihat hasilnya tekan Ctrl + enter
hasilnya:
Taman Matahari ilmuGRAFIS

Flash merupakan Software animasi yang hebat, kali ini saya akan mencoba membuat tutorial yang
sederhana yaitu membuat animasi sederhana dengan permainan keyframe...

Ini berawal dari keisengan saya mengutak atik software ini, ya namanya juga baru belajar jadi maaf bila
ada yang kurang jelas disini, hehehe...

Ok, mari kita coba mulai saja...

Langkah 1
Buka Program Flash MX kamu

Lalu pilih new... Flash Document

Langkah 2
Menentukan besarnya STAGE (coba pelajari dulu layout Flash agar lebih paham)
Caranya:
1. Klik Size pada Properties
2. Akan Muncul Document Properties
Atur dimensions:
disini saya menggunakan 300 x 200 px
3. Tekan OK

Langkah 3

1. Tekan R pada keyboad lalu gambar kotak di Stage


2. Lakukan pewarnaan dengan menekan V pada keyboard dan klik kotak lalu pilih Fill yang ada tanda
nomor 2 di gambar
3. Pilih warna disini saya menggunakan warna biru dongker dengan nilai hexadecimal #000066

Langkah 4
Tekan T pada keyboard untuk menggunakan Text Tool lalu ketik terserah namun disini saya mengeti
huruf "F"
Langkah 5
Lihat Kotak Timeline
Di situ kita akan bermain... ;P
Baiklah sekarang tekan F5 pada keyboard... hasilnya frame akan bertambah
hal ini untuk mengatur ritme dari animasi

OK tekan sebanyak 5 X
Hasilnya:

lalu Tekan F6 pada keyboard... hasilnya key Frame (untuk animasi) akan muncul
jika sudah tambahkan huruf pada stage

Ulangi Langkah 5 dan 6 (Terus tambahkan huruf sehingga membentuk tulisan FLASH
tutorial Flash
OK!!!

Untuk melihat hasilnya... berdoa dulu ya... Tekan CTRL + Enter


Hasilnya:

Flash animasi,,, Siapa takut!!!

Jika ada saran maupun kritik... kontak penulis Johan - ilmugrafis


"Dare to Dream, Sometime A Dreamer Can Create A Future"
Source File: Download Source File - *.FLA
OK sampai ketemu di tutorial Flash Selanjutnya...

Anda mungkin juga menyukai