Selasa, 23 Maret 2010
Membuat Animasi Ombak
MembuatAnimasiOmbak
Publish: 30 November 2009 | Author & Copyright: Muhammad Ichwan | Status: FREE tutorial
Tutorial kali iniadalah Tutorial Membuatombak di flash, disinisayamenggunakan Macromedia Flash 8...
1. Buka program flash 8
Ubahukuran stage menjadi 768 x 576 pixels.
Gantiwarnabacgroundmenjadiwarnahitam
2.Gantiwarna fill color menjadi#336699 danwarna stroke dijadikan none
3. Klik rectangle tool untukmembuatairnyadenganmendragnyake stage sepertigambardibawahini.
4. Klikkanan di frame 15 lalu klik insert keyframe, Ubahgambarairnyadengancaratarikkeatasmenggunakan selection tool yang sebelahkiri
Gambarnya :
7. Klik di frame 1 lalupilih tween shape
gambarnya
Di frame 35 klikkanan insert keyframe, Ubahgambarnyasepertiini>>
8. Klik Di frame 15 pilih tween shape
9. Lalu copy frame 1
caranya :klikkananpada frame 1 danpilihCopy Frames
kemudianPastekan di frame 60
10. Klik Di frame 35 pilih tween shape
Sepertigambardibawahini:
Selamatmencoba...(@_@)
Jikasemuasudahselesaitinggalkitamenekan ctrl + enter dannikmatihasilnya
animasiombak
SelamatmencobaTutorial Flash
Semogaberhasil…
SEMOGA BERMANFAAT
Publish: 30 November 2009 | Author & Copyright: Muhammad Ichwan | Status: FREE tutorial
Tutorial kali iniadalah Tutorial Membuatombak di flash, disinisayamenggunakan Macromedia Flash 8...
1. Buka program flash 8
Ubahukuran stage menjadi 768 x 576 pixels.
Gantiwarnabacgroundmenjadiwarnahitam
2.Gantiwarna fill color menjadi#336699 danwarna stroke dijadikan none
3. Klik rectangle tool untukmembuatairnyadenganmendragnyake stage sepertigambardibawahini.
4. Klikkanan di frame 15 lalu klik insert keyframe, Ubahgambarairnyadengancaratarikkeatasmenggunakan selection tool yang sebelahkiri
Gambarnya :
7. Klik di frame 1 lalupilih tween shape
gambarnya
Di frame 35 klikkanan insert keyframe, Ubahgambarnyasepertiini>>
8. Klik Di frame 15 pilih tween shape
9. Lalu copy frame 1
caranya :klikkananpada frame 1 danpilihCopy Frames
kemudianPastekan di frame 60
10. Klik Di frame 35 pilih tween shape
Sepertigambardibawahini:
Selamatmencoba...(@_@)
Jikasemuasudahselesaitinggalkitamenekan ctrl + enter dannikmatihasilnya
animasiombak
SelamatmencobaTutorial Flash
Semogaberhasil…
SEMOGA BERMANFAAT
Memasukkan dan Menyesuaikan Gambar dengan Stage
MemasukkandanMenyesuaikanGambardengan Stage
Publish: 29 Juli 2008 | Author & Copyright: Johan | Status: FREE tutorial
Bagi yang masihawamtentangFlashsayaakanberbagitips, Seringkalikitamenemuikendaladalammenyesuaikanukurangambardenganukuran Stage...
Namunsebelumitumasukkandulugambarkedalam Stage denganmenggukanan
File > Import > Import To Stage...
AtautekanCRTL + R>PilihGambar> OK
Apakendala yang muncul???
Kendala - kendalaituadalah:
Ukurangambarlebihbesardaripadaukuran Stage, atauukuran Stage yang Lebihbesardaripadaukurangambar...
ContohKasus:
ukuran Stage yang Lebihbesardaripadaukurangambar
(Ket: KanvasPutihadalah Stage)
ContohKasus:
Ukurangambarlebihbesardaripadaukuran Stage
(Ket: KanvasPutihadalah Stage)
Apa yang haruskitalakukan????
Tenang... Caranyasangatmudah...
LangkahConvensionalnyaadalahdenganMenggunakanFree Transform Tool (Q)danSelection Toolnamuncarainikurangefektif...
Cara yang paling efektifdanefisienadalahdenganmenggunakanpengaturanProperties
Klik Properties
KemudianKlikGambarpada Stage agar munculpengaturansepertiini:
Inidiarahasianya... W dan H
W= Weight=Lebar
H=Height=Panjang
X=MenunjukkanSelisihGambardengan Stage secaraHorisontal / Sumbu X
Y=MenunjukkanSelisihGambardengan Stage secaraVertikal / Sumbu Y
Misal:
Jikakitamempunyaiukuran Stage 400 x 300 px
Maka agar sesuaidengan Stage nilai W dan H harusdiubahmengikutiukuran Stage
W= 400
X= 300
dan agar posisinyasejajardengan Stage maka X dan Y harusdiubahke 0
X= 0
Y=0
Nah DenganPengaturanTersebutmaka Stage = Gambar
Ok LEts Practice With Auron - Final Fantasy X
Nantikan Tips danTrikberikutnya... Hanya di ilmugrafis.com
Jikaada saran maupunkritik... kontakpenulisJohan - ilmugrafis
"Dare to Dream, Sometime A Dreamer Can Create A Future"
OK sampaiketemu di tutorial FlashSelanjutnya... "Export Animasi"
Publish: 29 Juli 2008 | Author & Copyright: Johan | Status: FREE tutorial
Bagi yang masihawamtentangFlashsayaakanberbagitips, Seringkalikitamenemuikendaladalammenyesuaikanukurangambardenganukuran Stage...
Namunsebelumitumasukkandulugambarkedalam Stage denganmenggukanan
File > Import > Import To Stage...
AtautekanCRTL + R>PilihGambar> OK
Apakendala yang muncul???
Kendala - kendalaituadalah:
Ukurangambarlebihbesardaripadaukuran Stage, atauukuran Stage yang Lebihbesardaripadaukurangambar...
ContohKasus:
ukuran Stage yang Lebihbesardaripadaukurangambar
(Ket: KanvasPutihadalah Stage)
ContohKasus:
Ukurangambarlebihbesardaripadaukuran Stage
(Ket: KanvasPutihadalah Stage)
Apa yang haruskitalakukan????
Tenang... Caranyasangatmudah...
LangkahConvensionalnyaadalahdenganMenggunakanFree Transform Tool (Q)danSelection Toolnamuncarainikurangefektif...
Cara yang paling efektifdanefisienadalahdenganmenggunakanpengaturanProperties
Klik Properties
KemudianKlikGambarpada Stage agar munculpengaturansepertiini:
Inidiarahasianya... W dan H
W= Weight=Lebar
H=Height=Panjang
X=MenunjukkanSelisihGambardengan Stage secaraHorisontal / Sumbu X
Y=MenunjukkanSelisihGambardengan Stage secaraVertikal / Sumbu Y
Misal:
Jikakitamempunyaiukuran Stage 400 x 300 px
Maka agar sesuaidengan Stage nilai W dan H harusdiubahmengikutiukuran Stage
W= 400
X= 300
dan agar posisinyasejajardengan Stage maka X dan Y harusdiubahke 0
X= 0
Y=0
Nah DenganPengaturanTersebutmaka Stage = Gambar
Ok LEts Practice With Auron - Final Fantasy X
Nantikan Tips danTrikberikutnya... Hanya di ilmugrafis.com
Jikaada saran maupunkritik... kontakpenulisJohan - ilmugrafis
"Dare to Dream, Sometime A Dreamer Can Create A Future"
OK sampaiketemu di tutorial FlashSelanjutnya... "Export Animasi"
Animasi Shine - Mobil MengkilapBercahaya
Animasi Shine - Mobil MengkilapBercahaya
Publish: 17 Januari 2009 | Author & Copyright: Inchan | Status: FREE tutorial
Flashmerupakan program untukmembuatanimasi yang handal, Tutorial Flash kali iniadalahmembuatefekanimasi shine danmembuatmobilmengkilapbercahaya...
Para Pembaca yang budiman, belumpunyamobil yang mengkilaptapiinginmembuatmobilandajadimengkilaptanpabiaya nah cuma di ilmugrafiskumpulan tutorial flashdengantemamobilmengkilapbercahaya.
Langkah - Langkahnya:
1. Masukkan (import) gambarkedalam stage
misalnyagambarmobilsepertigambar di bawahini
2. Setelahgambarberadapada stage, aturbesarnya stage sesuaidenganukurangambar yang telah di import tadimisalnya 500 px (width) dan 315 px (height)
3. Gantinama layer1menjadimobil
4. Tambahkansatu layer baru, kemudianganti layer tersebutdengannamaefek.
5. Klik icon rectangle tool ( tekanhurufR di keyboard ), kemudiangambarpersegipanjangmelebihigambarmobil, sepertigambar di bawahini.
6. Klikgambarpersegipanjang yang telahdibuattadi, kemudianubahwarnapersegipanjangsepertigambar di bawahini
7. Kemudianuntukmendapatkanefekcahaya yang mengkilap, lakukanpengaturanwarnapersegipanjangsepertigambar di bawahini
8.Efekmengkilaptelahselesaidibuat, kemudianlangkahselanjutnya, tambahkansatu layer lagi, kemudiangantinamalayertersebutdengananimasi
9. Masih di layer animasikill icon Pen tool
10. Kemudianbuatlahbagian yang akandianimasikanmisalnyasepertigambar di bawahini.
11. Setelah area yang dianimasikanselesaidibuat, makalangkahselanjutnyayaituklikkananpada layer animasipilih menu mask
12. Klik frame 30 padasetiaplayer, kemudiantekanF6 untukmemberikaninsert keyframe
13. Klikkananantara frame 1 – 30 pada layer efek, kemudianpilih menu create motion tween
14. Klik frame 30pada layer efek, kemudianpindahkangambarpersegipanjangkesebelahkanandarigambarmobil, sepertigambar di bawahini
15. Tekanctrl + enter untukmelihathasilnya…
Preview in image mode
Preview in Animation Mode
Cling.. Cling.. Mobil BersinarMengkilap ^_^
Enjoy it…………
SEMOGA BERMANFAAT
Animasi Shine - Mobil Mengkilap Bercahaya
Publish: 17 Januari 2009 | Author & Copyright: Inchan | Status: FREE tutorial
Flash merupak
Publish: 17 Januari 2009 | Author & Copyright: Inchan | Status: FREE tutorial
Flashmerupakan program untukmembuatanimasi yang handal, Tutorial Flash kali iniadalahmembuatefekanimasi shine danmembuatmobilmengkilapbercahaya...
Para Pembaca yang budiman, belumpunyamobil yang mengkilaptapiinginmembuatmobilandajadimengkilaptanpabiaya nah cuma di ilmugrafiskumpulan tutorial flashdengantemamobilmengkilapbercahaya.
Langkah - Langkahnya:
1. Masukkan (import) gambarkedalam stage
misalnyagambarmobilsepertigambar di bawahini
2. Setelahgambarberadapada stage, aturbesarnya stage sesuaidenganukurangambar yang telah di import tadimisalnya 500 px (width) dan 315 px (height)
3. Gantinama layer1menjadimobil
4. Tambahkansatu layer baru, kemudianganti layer tersebutdengannamaefek.
5. Klik icon rectangle tool ( tekanhurufR di keyboard ), kemudiangambarpersegipanjangmelebihigambarmobil, sepertigambar di bawahini.
6. Klikgambarpersegipanjang yang telahdibuattadi, kemudianubahwarnapersegipanjangsepertigambar di bawahini
7. Kemudianuntukmendapatkanefekcahaya yang mengkilap, lakukanpengaturanwarnapersegipanjangsepertigambar di bawahini
8.Efekmengkilaptelahselesaidibuat, kemudianlangkahselanjutnya, tambahkansatu layer lagi, kemudiangantinamalayertersebutdengananimasi
9. Masih di layer animasikill icon Pen tool
10. Kemudianbuatlahbagian yang akandianimasikanmisalnyasepertigambar di bawahini.
11. Setelah area yang dianimasikanselesaidibuat, makalangkahselanjutnyayaituklikkananpada layer animasipilih menu mask
12. Klik frame 30 padasetiaplayer, kemudiantekanF6 untukmemberikaninsert keyframe
13. Klikkananantara frame 1 – 30 pada layer efek, kemudianpilih menu create motion tween
14. Klik frame 30pada layer efek, kemudianpindahkangambarpersegipanjangkesebelahkanandarigambarmobil, sepertigambar di bawahini
15. Tekanctrl + enter untukmelihathasilnya…
Preview in image mode
Preview in Animation Mode
Cling.. Cling.. Mobil BersinarMengkilap ^_^
Enjoy it…………
SEMOGA BERMANFAAT
Animasi Shine - Mobil Mengkilap Bercahaya
Publish: 17 Januari 2009 | Author & Copyright: Inchan | Status: FREE tutorial
Flash merupak
Animasi Sederhana dengan Motion Tweening
AnimasiSederhanadengan Motion Tweening
Publish: 12 November 2009 | Author & Copyright: Miko | Status: FREE tutorial
Halo semua !!Apakabarbertemulagidengansayamiko ^ ^. Nah padakesempatan kali ini di tutorial flash inikitaakanmembahasmembuatanimasisederhanamenggunakan motion tweening. Langsungsajaya.. Kita bukaprogram Flashdulu
Langkahpertama, yaitubuat 3 layer. Karnakita di sinihanyamenggunakansedikit layer untukmembuatanimasi. Agar proses lebihmudahmembuat layer lihatgambar di bawah, di sanaada menu di lingkaridenganwarnamerah .. Nah kliksebanyak 2 kali makadenganmengeklik 1 kali kitamembuat 1 layer klo 2 otomatis 2 layer
Nah selanjutnya, berinamamasing-masing layer seperti yang sudahdicontohkangambardibawahini. Agar memudahkan proses pembuatannya
Kemudianubahwarnabackgoundnyamenjadihitam, biasanya di awal-awalkitamembuka flash bacgroundnyaberwarneputihklobelum di rubahsetingannya
Setelahitukliklayer teksdanbuattulisanseperti yang sayacontohkanatausesukahati kalian .. Pakekpunyakujugaboleh…
Setelahituklik layer bola , danbuatbentuk bola dengawarnaputih
Pembuatanobjeknyasudahselesaikinikitamenginjakkeanimasinya, buatlah frame sepanjang90 ->kemudianklikkananlalupilihinsert frame
Jikasudahsemuahasilnyakuranglebihsepertiini
Setelahitukitabuatanimasi motion tweening , sebagaiobjeknya layer bola
Buatlahkeyframe , seperti yang sayacontohkan>>kemudianklikkanan>>pilihinsert keyframe
Setelahlangkah di atasselesai, drag layer bola / drag objekbolanyadenganmenekantombol “ v “ di keyboard>>kemudianklikgambarbolanya
Setelahgeserbolanya( janganmenggesermenggunakan mouse pakaisajatandapanahkanan di keyboard agar posisinyatidakberubah )
Klosudahselesaihasilnyasepertigambar yang di atas
Lanjutkelangkahberikutnya, kitamenujukelayer bola>>klikkanan di dalam frame / sepertigambar di bawahini>>kemudianpilihcreate motion tween
Setelahselesaiklikjuga frame ke90caranya>>klikkanan frameygsudahkitabuat>>pilihcreate motion tween
Semuajugasamabuatsemua layer di rubahmenjadi motion tweening
Hasilnya: kira2 sepertiini:
Jikasemuasudahselesaitinggalkitamenekanctrl+enter dannikmatihasilnya
SelamatmencobaTutorial Flashiniteman..
Semogaberhasil…
Salam hangatmikoilmugrafis
SEMOGA BERMANFAAT
Publish: 12 November 2009 | Author & Copyright: Miko | Status: FREE tutorial
Halo semua !!Apakabarbertemulagidengansayamiko ^ ^. Nah padakesempatan kali ini di tutorial flash inikitaakanmembahasmembuatanimasisederhanamenggunakan motion tweening. Langsungsajaya.. Kita bukaprogram Flashdulu
Langkahpertama, yaitubuat 3 layer. Karnakita di sinihanyamenggunakansedikit layer untukmembuatanimasi. Agar proses lebihmudahmembuat layer lihatgambar di bawah, di sanaada menu di lingkaridenganwarnamerah .. Nah kliksebanyak 2 kali makadenganmengeklik 1 kali kitamembuat 1 layer klo 2 otomatis 2 layer
Nah selanjutnya, berinamamasing-masing layer seperti yang sudahdicontohkangambardibawahini. Agar memudahkan proses pembuatannya
Kemudianubahwarnabackgoundnyamenjadihitam, biasanya di awal-awalkitamembuka flash bacgroundnyaberwarneputihklobelum di rubahsetingannya
Setelahitukliklayer teksdanbuattulisanseperti yang sayacontohkanatausesukahati kalian .. Pakekpunyakujugaboleh…
Setelahituklik layer bola , danbuatbentuk bola dengawarnaputih
Pembuatanobjeknyasudahselesaikinikitamenginjakkeanimasinya, buatlah frame sepanjang90 ->kemudianklikkananlalupilihinsert frame
Jikasudahsemuahasilnyakuranglebihsepertiini
Setelahitukitabuatanimasi motion tweening , sebagaiobjeknya layer bola
Buatlahkeyframe , seperti yang sayacontohkan>>kemudianklikkanan>>pilihinsert keyframe
Setelahlangkah di atasselesai, drag layer bola / drag objekbolanyadenganmenekantombol “ v “ di keyboard>>kemudianklikgambarbolanya
Setelahgeserbolanya( janganmenggesermenggunakan mouse pakaisajatandapanahkanan di keyboard agar posisinyatidakberubah )
Klosudahselesaihasilnyasepertigambar yang di atas
Lanjutkelangkahberikutnya, kitamenujukelayer bola>>klikkanan di dalam frame / sepertigambar di bawahini>>kemudianpilihcreate motion tween
Setelahselesaiklikjuga frame ke90caranya>>klikkanan frameygsudahkitabuat>>pilihcreate motion tween
Semuajugasamabuatsemua layer di rubahmenjadi motion tweening
Hasilnya: kira2 sepertiini:
Jikasemuasudahselesaitinggalkitamenekanctrl+enter dannikmatihasilnya
SelamatmencobaTutorial Flashiniteman..
Semogaberhasil…
Salam hangatmikoilmugrafis
SEMOGA BERMANFAAT
Tutorial Flash
Dasar - Dasar Macromedia Flash
Publish: 08 Mei 2008 | Author & Copyright: Johan | Status: FREE tutorial
Pernahkahandamelihatgambaranimasiataupernahkahandamelihatkartun yang setiaphariditayangkan di televisi? salahsatuaplikasipembuatanimasidankartuntersebutadalah Macromedia Flash...
Sebelummelangkahlebihjauhsebaiknyaandakenaliduludasar-dasar FLASH
Di bawahinimerupakan window dari Flash MX
Di bawahinimerupakanketerangandarikegunaanmasing-masingkomponen Flash MX secara detail:
- Timeline, digunakanuntukmengaturdanmengontrolisikeseluruhan movie Anda.
- Stage, merupakantempatdimanaAndabekerjadalammembuatsebuahanimasi.
- Tools Box, berisialat-alat yang digunakanuntukmenggambarobjekpada stage.
- Color Window, merupakan window yang digunakanuntukmengaturwarnapadaobjek yang Andabuat.
- Actions – Frame, merupakan window yang digunakanuntukmenuliskan Action Script untuk Flash MX.
Biasanya Action Script digunakanuntukmengendalikanobjek yang AndabuatsesuaidengankeinginanAnda.
- Properties, merupakan window yang digunakanuntukmengatur property dariobjek yang Andabuat.
- Components, digunakanuntukmenambahkanobjekuntuk web application yang nantinya di publish ke internet.
Terimakasih
Semogabermanfaat
Langganan:
Postingan (Atom)
