Flash merupakan program untuk membuat animasi yang handal, Tutorial Flash kali ini adalah membuat efekanimasi shine dan membuat mobil mengkilap bercahaya...
Para Pembaca yang budiman, belum punya mobil yang mengkilap tapi ingin membuat mobil anda jadi mengkilap tanpa biaya nah cuma di ilmugrafis kumpulan tutorial flash dengan tema mobil mengkilap bercahaya.
Langkah - Langkahnya:
1. Masukkan (import) gambar ke dalam stage

misalnya gambar mobil seperti gambar di bawah ini

2. Setelah gambar berada pada stage, atur besarnya stage sesuai dengan ukuran gambar yang telah di import tadi misalnya 500 px (width) dan 315 px (height)

3. Ganti nama layer1 menjadi mobil

4. Tambahkan satu layer baru, kemudian ganti layer tersebut dengan nama efek.

5. Klik icon rectangle tool ( tekan huruf R di keyboard ), kemudian gambar persegi panjang melebihi gambar mobil, seperti gambar di bawah ini.

6. Klik gambar persegi panjang yang telah dibuat tadi, kemudian ubah warna persegi panjang seperti gambar di bawah ini

7. Kemudian untuk mendapatkan efek cahaya yang mengkilap, lakukan pengaturan warna persegi panjang seperti gambar di bawah ini

8. Efek mengkilap telah selesai dibuat, kemudian langkah selanjutnya, tambahkan satu layer lagi, kemudian ganti nama layer tersebut dengan animasi

9. Masih di layer animasi kill icon Pen tool

10. Kemudian buatlah bagian yang akan dianimasikan misalnya seperti gambar di bawah ini.

11. Setelah area yang dianimasikan selesai dibuat, maka langkah selanjutnya yaitu klik kanan pada layeranimasi pilih menu mask


12. Klik frame 30 pada setiap layer, kemudian tekan F6 untuk memberikan insert keyframe

13. Klik kanan antara frame 1 – 30 pada layer efek, kemudian pilih menu create motion tween


14. Klik frame 30 pada layer efek, kemudian pindahkan gambar persegi panjang ke sebelah kanan dari gambar mobil, seperti gambar di bawah ini

15. Tekan ctrl + enter untuk melihat hasilnya…
Preview in image mode

Preview in Animation Mode
Cling.. Cling.. Mobil Bersinar Mengkilap ^_^
Share
Para Pembaca yang budiman, belum punya mobil yang mengkilap tapi ingin membuat mobil anda jadi mengkilap tanpa biaya nah cuma di ilmugrafis kumpulan tutorial flash dengan tema mobil mengkilap bercahaya.
Langkah - Langkahnya:
1. Masukkan (import) gambar ke dalam stage
misalnya gambar mobil seperti gambar di bawah ini
2. Setelah gambar berada pada stage, atur besarnya stage sesuai dengan ukuran gambar yang telah di import tadi misalnya 500 px (width) dan 315 px (height)
3. Ganti nama layer1 menjadi mobil
4. Tambahkan satu layer baru, kemudian ganti layer tersebut dengan nama efek.
5. Klik icon rectangle tool ( tekan huruf R di keyboard ), kemudian gambar persegi panjang melebihi gambar mobil, seperti gambar di bawah ini.
6. Klik gambar persegi panjang yang telah dibuat tadi, kemudian ubah warna persegi panjang seperti gambar di bawah ini
7. Kemudian untuk mendapatkan efek cahaya yang mengkilap, lakukan pengaturan warna persegi panjang seperti gambar di bawah ini
8. Efek mengkilap telah selesai dibuat, kemudian langkah selanjutnya, tambahkan satu layer lagi, kemudian ganti nama layer tersebut dengan animasi
9. Masih di layer animasi kill icon Pen tool
10. Kemudian buatlah bagian yang akan dianimasikan misalnya seperti gambar di bawah ini.
11. Setelah area yang dianimasikan selesai dibuat, maka langkah selanjutnya yaitu klik kanan pada layeranimasi pilih menu mask
12. Klik frame 30 pada setiap layer, kemudian tekan F6 untuk memberikan insert keyframe
13. Klik kanan antara frame 1 – 30 pada layer efek, kemudian pilih menu create motion tween
14. Klik frame 30 pada layer efek, kemudian pindahkan gambar persegi panjang ke sebelah kanan dari gambar mobil, seperti gambar di bawah ini
15. Tekan ctrl + enter untuk melihat hasilnya…
Preview in image mode
Preview in Animation Mode
Cling.. Cling.. Mobil Bersinar Mengkilap ^_^
sumber : ilmugrafis.com
Bagi yang masih awam tentang Flash saya akan berbagi tips, Seringkali kita menemui kendala dalam menyesuaikan ukuran gambar dengan ukuran Stage...
Namun sebelum itu masukkan dulu gambar ke dalam Stage dengan menggukanan
File > Import > Import To Stage...
Atau tekan CRTL + R > Pilih Gambar > OK
Apa kendala yang muncul???
Kendala - kendala itu adalah:

Ukuran gambar lebih besar daripada ukuran Stage, atau ukuran Stage yang Lebih besar daripada ukuran gambar...
Contoh Kasus:
ukuran Stage yang Lebih besar daripada ukuran gambar

(Ket: Kanvas Putih adalah Stage)
Contoh Kasus:
Ukuran gambar lebih besar daripada ukuran Stage

(Ket: Kanvas Putih adalah Stage)
Apa yang harus kita lakukan????
Tenang... Caranya sangat mudah...
Langkah Convensionalnya adalah dengan Menggunakan Free Transform Tool (Q) dan Selection Toolnamun cara ini kurang efektif...
Cara yang paling efektif dan efisien adalah dengan menggunakan pengaturan Properties
Klik Properties

Kemudian Klik Gambar pada Stage agar muncul pengaturan seperti ini:

Ini dia rahasianya... W dan H
W= Weight=Lebar
H=Height=Panjang
X=Menunjukkan Selisih Gambar dengan Stage secara Horisontal / Sumbu X
Y=Menunjukkan Selisih Gambar dengan Stage secara Vertikal / Sumbu Y
Misal:
Jika kita mempunyai ukuran Stage 400 x 300 px
Maka agar sesuai dengan Stage nilai W dan H harus diubah mengikuti ukuran Stage
W= 400
X= 300
dan agar posisinya sejajar dengan Stage maka X dan Y harus diubah ke 0
X= 0
Y=0
Nah Dengan Pengaturan Tersebut maka Stage = Gambar

Ok LEts Practice With Auron - Final Fantasy X
Nantikan Tips dan Trik berikutnya... Hanya di ilmugrafis.com
Share
Namun sebelum itu masukkan dulu gambar ke dalam Stage dengan menggukanan
File > Import > Import To Stage...
Atau tekan CRTL + R > Pilih Gambar > OK
Apa kendala yang muncul???
Kendala - kendala itu adalah:
Ukuran gambar lebih besar daripada ukuran Stage, atau ukuran Stage yang Lebih besar daripada ukuran gambar...
Contoh Kasus:
ukuran Stage yang Lebih besar daripada ukuran gambar
(Ket: Kanvas Putih adalah Stage)
Contoh Kasus:
Ukuran gambar lebih besar daripada ukuran Stage
(Ket: Kanvas Putih adalah Stage)
Apa yang harus kita lakukan????
Tenang... Caranya sangat mudah...
Langkah Convensionalnya adalah dengan Menggunakan Free Transform Tool (Q) dan Selection Toolnamun cara ini kurang efektif...
Cara yang paling efektif dan efisien adalah dengan menggunakan pengaturan Properties
Klik Properties
Kemudian Klik Gambar pada Stage agar muncul pengaturan seperti ini:
Ini dia rahasianya... W dan H
W= Weight=Lebar
H=Height=Panjang
X=Menunjukkan Selisih Gambar dengan Stage secara Horisontal / Sumbu X
Y=Menunjukkan Selisih Gambar dengan Stage secara Vertikal / Sumbu Y
Misal:
Jika kita mempunyai ukuran Stage 400 x 300 px
Maka agar sesuai dengan Stage nilai W dan H harus diubah mengikuti ukuran Stage
W= 400
X= 300
dan agar posisinya sejajar dengan Stage maka X dan Y harus diubah ke 0
X= 0
Y=0
Nah Dengan Pengaturan Tersebut maka Stage = Gambar
Ok LEts Practice With Auron - Final Fantasy X
Nantikan Tips dan Trik berikutnya... Hanya di ilmugrafis.com
sumber : ilmugrafis.com
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
Share
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
sumber : ilmugrafis.com
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.
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.
sumber : ilmugrafis.com
Share