http://www.ilmugrafis.com/flash.php?page=bikin-game-tangkap-nyamuk-1
http://www.ilmugrafis.com/flash.php?page=membuat-game-tangkap-nyamuk-2

Memasukkan dan Menyesuaikan Gambar dengan Stage

Publish: 29 Juli 2008 | Author & Copyright: Johan | Status: FREE tutorial

Bagi yang masih awam tentang Flash saya akan berbagi tips Animasi, Seringkali kita menemui kendala dalam menyesuaikan ukuran gambar di Flash 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 Tool namun 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
OK sampai ketemu di belajar Flash Selanjutnya...

Animasi Shine - Mobil Mengkilap Bercahaya

Publish: 17 Januari 2009 | Author & Copyright: Inchan | Status: FREE tutorial

Flash merupakan program untuk membuat animasi yang handal, Tutorial Flash kali ini adalah membuat efek animasi mengkilat (shine) dan membuat mobil tampak 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 bahasa Indonesia dengan tema mobil bercahaya mengkilap.

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 layer animasi 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 ^_^
Source File: mobil bersinar *.fla
Enjoy it………… OK sampai ketemu di belajar macromedia Flash Selanjutnya...
SEMOGA BERMANFAAT

Animasi Sederhana dengan Motion Tweening

Publish: 12 November 2009 | Author & Copyright: Miko | Status: FREE tutorial

Halo semua !! Apa kabar bertemu lagi dengan saya miko ^ ^. Nah pada kesempatan kali ini di tutorial flash bahasa Indonesia ini kita akan membahas membuat animasi sederhana menggunakan motion tweening. Langsung saja ya.. Kita buka program Flash dulu

Langkah pertama, yaitu buat 3 layer. Karna kita di sini hanya menggunakan sedikit layer untuk membuat animasi. Agar proses lebih mudah membuat layer lihat gambar di bawah, di sana ada menu di lingkari dengan warna merah .. Nah klik sebanyak 2 kali maka dengan mengeklik 1 kali kita membuat 1 layer klo 2 otomatis 2 layer


Nah selanjutnya, beri nama masing-masing layer seperti yang sudah dicontohkan gambar dibawah ini. Agar memudahkan proses pembuatannya


Kemudian ubah warna backgoundnya menjadi hitam, biasanya di awal-awal kita membuka flash bacgroundnya berwarne putih klo belum di rubah setingannya


Setelah itu klik layer teks dan buat tulisan seperti yang saya contohkan atau sesuka hati kalian .. Pakek punyaku juga boleh…


Setelah itu klik layer bola , dan buat bentuk bola denga warna putih

Pembuatan objeknya sudah selesai kini kita menginjak ke animasinya, buatlah frame sepanjang 90 -> kemudian klik kanan lalu pilih insert frame


Jika sudah semua hasilnya kurang lebih seperti ini


Setelah itu kita buat animasi motion tweening , sebagai objeknya layer bola


Buatlah keyframe , seperti yang saya contohkan >> kemudian klik kanan>>pilih insert keyframe


Setelah langkah di atas selesai, drag layer bola / drag objek bolanya dengan menekan tombol “ v “ di keyboard >>kemudian klik gambar bolanya


Setelah geser bolanya ( jangan menggeser menggunakan mouse pakai saja tanda panah kanan di keyboard agar posisinya tidak berubah )




Klo sudah selesai hasilnya seperti gambar yang di atas

Lanjut ke langkah berikutnya, kita menuju ke layer bola>>klik kanan di dalam  frame / seperti gambar di bawah ini>>kemudian pilih create motion tween


Setelah selesai klik juga frame ke 90 caranya>>klik kanan frame yg sudah kita buat>>pilih create motion tween


Semua juga sama buat semua layer di rubah menjadi motion tweening

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 Multimedia, 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 ilmu Grafis, ada kipas angin dari samping dan dari depan monitor
Terima kasih, Selamat belajar
Semoga Bermanfaat

LOGO INDOSAT Dengan CorelDRAW

Publish: 16 Mei 2009 | Author & Copyright: Arofat | Status: FREE Extreme tutorial

Dalam Tutorial Coreldraw kali ini penulis bukan bermaksud untuk beriklan namun disini penulis cuma ingin sharing pembuatan Coreldraw logo desain saja...

Pada tutorial kali ini kita akan menggunakan teknik shaping untuk menghasilkan LOGO INDOSAT .diharapkan setelah bisa mempelajari ini kita bisa menguasai beberapa teknik yang ada pada coreldraw untuk menelurkan desain-desain yang menarik. Ikuti langkah-langkah berikut:

1. buat dokumen baru, buatlah lingkaran lonjong dengan menggunakan elipse tool (warna fill dan outline merah)seperti dibawah ini:


2. kemudian warnai seperti pada gambar: setelah itu kita akan menduplicat dan memutarnya 60 derajat (klik windows -> docker -> transformation -> dan pilih rotate), maka akan keluar kotak dialog sebelah kanan (atur sesui gambar) lalu klik 3 kali pada aply to duplicate :

hasilnya:


3. ubah warna seperti pada gambar dibawah (klik pada obyek yang mau diganti, lalu klik warna pada color pallete) lihat gambar:


4. sekarang kita bermain dengan teknik shaping ( klik pada windows ->docker -> shaping ) maka akan keluar kotak dialog shaping pada kanan layer, pilih interest dan atur sesuai dengan gambar:


5. oke kita klik warna merah dan biru (sambil menekan shift pada keyboard), lalu klik interest with (pada kotak dialog shaping tadi) kemudian klik pada warna kuning. Lalu kita pilih  warna bebas  untuk mewarnai obyek hasil interest tadi (yang penting beda dengan 3 warna dasar) disini saya pilih warna hijau, lihat gambar:


6. setelah itu sekarang kita pilih warna kuning dan merah, lalu klik interest with, kemudian klik pada warna biru, kemudian pilih warna yang beda dengan 3 warna dasar (saya pilih warna pink) untuk membedakan saja.


7. pilih pick tool dan blok obyek hasil dari interest tadi, kemudian klik weld untuk menjadikan satu (karna obyek hasil interest terpish) seperti pada gambar:

Ngeblog

Hasilnya



8. sekarang waktunya tuk memisah obyek warna pink, buatlah garis menggunakan bazier atau freehand tool:



9. lalu  sama dengan langkah dua kita akan menduplicate garis dengan cara rotate (cara ke 2):


10. setelah itu pilih semua garis2 tadi yang di duplicate (dengan kombinasi tombol shift + klik) lalu di group (klik Arrange -> group). Setelah jadi satu kita piih bintang (warna pink) dan garis (hasil group ) lalu pada property bar pilih Trim kemudian klik  Break Apart (digunakan untuk memotong2 bintang dengan obyek garis diatasnya)

11. oke sekarang hapus garis hasil group tadi karna kita tidak menggunakannya lagi, sekarang kita klik potongan2 dari bintang tersebut kemudian warnai lihat gambar:


12. nih hasil akhirnya….puanjang ya…tapi semoga panjang juga ilmu yang didapet…hehehe…..

INDOSAT code by: arofat_ilmugrafis