SlideShare une entreprise Scribd logo
1  sur  15
Definisi perisisan Adobe Flash
- adobe flash juga adalah macromedia flash, merupakan salah satu produk
software komputer .
- Adobe flash digunakan untuk membuat gambar vektor dan animasi
gambar. file yang dihasilkan dari adobe flash mempunyai ekstensi .swf dan
dapat diputar di web browser yang telah ter-install adobe flash player.
-Adobe flash menggunakan bahasa pemrograman bernama actionscript
yang muncul kali pertama pada flash 5
ADOBE FLASH
1
PENGERTIAN ANIMASI MASKING & CARA MEMBUATNYA
 Animasi masking adalah animasi yang pada hasilnyanya
menampilkan objek yang semula kita sembunyikan. Animasi
masking mempunyai 2 metode dasar yaitu :
1. Area masking yang bergerak, objek yang di mask diam.
2. Area masking yang diam dan objek yang di mask yang bergerak.
Kedua teknik tersebut akan menampilkan hasil animasi yang
berbeza.. Selain itu area masking hanya boleh berupa fill. Jadi
untuk outline (garis) tidak diperbolehkan.
2
Masking
1. Objektif
 Mempelajari kaedah-kaedah yang digunakan dalam Flash CS4 untuk
menghasilkan animasi Frame-by Frame.
 Di sini adalah langkah-langkah atau cara yang digunakan umtuk masking.
 Untuk kesan khas seperti lampu pencari (spotlight) anda boleh menggunakan
kemudahan masking. Dalam Flash anda menggunakan masking ke atas teks,
bentuk /objek simbol dan animasi.
 Untuk menghasilkan satu kesan khas yang dinamik, gunakan kemudahan
seperti shape tweening. Anda juga boleh menggunakan motion tweening untuk
menggerakkan mask anda mengikut satu laluan (motion path) yang menarik
3
 Untuk menghasilkan layer mask, sebuah objek untuk mengalami mask
perlu diletak pada satu layer lain. Kemudahan mask akan bertindak
seperti tingkap yang menunjukkan bahagian yang ingin dipaparkan
sahaja.
 Layer mask hanya boleh mengandungi objek mask sahaja.
 Layer mask tidak boleh dimasukkan dalam simbol butang (button) dan
anda tidak boleh mengenakan mask pada mask lain.
4
Menghasilkan kesan mask
1. Klik insert > scene
2. Tukarkan warna pentas kepada warna biru tua.
5
3. Tukarkan nama layer 1 kepada ‘background’
4. Pada pentas lukiskan sebuah kotak berwarna kuning pudar (pastikan
tida stroke pada kotak kuning).
Pastikan tiada
Stroke
6
5. Tambahkan satu layer baru dan namakan sebagai ‘name’
6. Pada pentas dengan menggunakan text tool taipkan nickname anda di
tengah-tengah kotak kuning.
7. Pastikan warna teks ialah hitam dan saiz teks = 80pt
Tambahkan layer
Baru bernama
‘Name’
Taipkan
Nickname anda
pada pentas
7
8. Tambahkan satu layer baru pada atas layer ‘name’ dan namakan
sebagai ‘mask’.
9. Pada layer mask lukiskan sebuah bulatan pada luar pentas bahagian
kiri. (buangkan stroke pada bulatan)
8
10. Pada ketiga-tiga layer tambahkan sebanyak 29 frame.
11. Pada layer mask klik kanan antara frame 1 -30 dan pilih create classic
tween.
12. Klik pada frame ke-30 layer mask, tarikkan bulatan ke arah kanan
pentas.
9
Frame ke-30
Layer ‘mask’
Tarik bulatan
ke kanan
10
13.Pada ketiga-tiga layer tambahkan lagi sebanyak 30
frame.
14.Pada layer mask, klik pada frame ke-60 dan
tarikkan bulatan ke luar pentas bahagian kiri.
11
15. Pada ketiga-tiga layer tambahkan lagi sebanyak 30 frame.
16. Pada layer mask, klik pada frame ke-90 dan tarik bulatan ke tengah
pentas.
12
17. Pada ketiga-tiga layer tambahkan lagi sebanyak 20 frame.
18. Pada layer mask klik kanan pada frame ke-100.
19. Pilih remove tween.
Pada layer mask
Klik kanan pada
Frame ke-100 13
20. Pada layer mask klik kanan dan pilih mask.
20. Tarikkan layer background ke dalam mask.
21. Tekan ‘enter’ untuk memainkan animasi.
14
15

Contenu connexe

Tendances

Membuat Efek Scribble
Membuat Efek ScribbleMembuat Efek Scribble
Membuat Efek ScribbleRenra Sedoya
 
Efek tombol glossy
Efek tombol glossyEfek tombol glossy
Efek tombol glossyMARMOSM
 
3d teks blue arts - PhotoShop TE 1 cr. ilmugrafis.com
3d teks blue arts - PhotoShop TE 1 cr. ilmugrafis.com3d teks blue arts - PhotoShop TE 1 cr. ilmugrafis.com
3d teks blue arts - PhotoShop TE 1 cr. ilmugrafis.comphooth_3
 
Lightning Spiral Dengan Photoshop CS6
Lightning Spiral Dengan Photoshop CS6Lightning Spiral Dengan Photoshop CS6
Lightning Spiral Dengan Photoshop CS6Renra Sedoya
 
Dosen pembimbing
Dosen pembimbingDosen pembimbing
Dosen pembimbingZareey Zk
 
Membuat Efek Refleksi Dengan Photoshop CS6
Membuat Efek Refleksi Dengan Photoshop CS6Membuat Efek Refleksi Dengan Photoshop CS6
Membuat Efek Refleksi Dengan Photoshop CS6Renra Sedoya
 
Membuat kartun dengan photoshop
Membuat kartun dengan photoshopMembuat kartun dengan photoshop
Membuat kartun dengan photoshopMARMOSM
 
Membuat Efek Lomo Dengan Photoshop
Membuat Efek Lomo Dengan PhotoshopMembuat Efek Lomo Dengan Photoshop
Membuat Efek Lomo Dengan PhotoshopRenra Sedoya
 
Kursus photoshop - cara mudah membuat efek kaca pembesar dengan photoshop
Kursus photoshop - cara mudah membuat efek kaca pembesar dengan photoshopKursus photoshop - cara mudah membuat efek kaca pembesar dengan photoshop
Kursus photoshop - cara mudah membuat efek kaca pembesar dengan photoshopRenra Sedoya
 

Tendances (9)

Membuat Efek Scribble
Membuat Efek ScribbleMembuat Efek Scribble
Membuat Efek Scribble
 
Efek tombol glossy
Efek tombol glossyEfek tombol glossy
Efek tombol glossy
 
3d teks blue arts - PhotoShop TE 1 cr. ilmugrafis.com
3d teks blue arts - PhotoShop TE 1 cr. ilmugrafis.com3d teks blue arts - PhotoShop TE 1 cr. ilmugrafis.com
3d teks blue arts - PhotoShop TE 1 cr. ilmugrafis.com
 
Lightning Spiral Dengan Photoshop CS6
Lightning Spiral Dengan Photoshop CS6Lightning Spiral Dengan Photoshop CS6
Lightning Spiral Dengan Photoshop CS6
 
Dosen pembimbing
Dosen pembimbingDosen pembimbing
Dosen pembimbing
 
Membuat Efek Refleksi Dengan Photoshop CS6
Membuat Efek Refleksi Dengan Photoshop CS6Membuat Efek Refleksi Dengan Photoshop CS6
Membuat Efek Refleksi Dengan Photoshop CS6
 
Membuat kartun dengan photoshop
Membuat kartun dengan photoshopMembuat kartun dengan photoshop
Membuat kartun dengan photoshop
 
Membuat Efek Lomo Dengan Photoshop
Membuat Efek Lomo Dengan PhotoshopMembuat Efek Lomo Dengan Photoshop
Membuat Efek Lomo Dengan Photoshop
 
Kursus photoshop - cara mudah membuat efek kaca pembesar dengan photoshop
Kursus photoshop - cara mudah membuat efek kaca pembesar dengan photoshopKursus photoshop - cara mudah membuat efek kaca pembesar dengan photoshop
Kursus photoshop - cara mudah membuat efek kaca pembesar dengan photoshop
 

Similaire à Power point maksud animasi

Animasi pesawat11
Animasi pesawat11Animasi pesawat11
Animasi pesawat11DoniPuncuna
 
Belajar macromedia flash 8 bagi pemula
Belajar macromedia flash 8 bagi pemulaBelajar macromedia flash 8 bagi pemula
Belajar macromedia flash 8 bagi pemulaIzza Anshory
 
LKP TIK KELAS 6
LKP TIK KELAS 6LKP TIK KELAS 6
LKP TIK KELAS 6Ayah A'yo
 
Tutorial animasi layer masking
Tutorial animasi layer maskingTutorial animasi layer masking
Tutorial animasi layer maskingDeka M Wildan
 
Membuat Wajah Tipografi
Membuat Wajah Tipografi Membuat Wajah Tipografi
Membuat Wajah Tipografi asyarifaisal
 
Tutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuuTutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuugultommauritz
 
Tutorial PhotoShop File Save
Tutorial PhotoShop File SaveTutorial PhotoShop File Save
Tutorial PhotoShop File SavePAMBAH.Corp
 
Graphic design-by-photoshop-cs4-slamet-riyanto 2
Graphic design-by-photoshop-cs4-slamet-riyanto 2Graphic design-by-photoshop-cs4-slamet-riyanto 2
Graphic design-by-photoshop-cs4-slamet-riyanto 2Yudha Kirito
 
Panduan pratek photosho1 final
Panduan pratek  photosho1 finalPanduan pratek  photosho1 final
Panduan pratek photosho1 finaldkurnianto
 
Membuat foto Slideshow dengan Macromedia Flash 8
Membuat foto Slideshow dengan Macromedia Flash 8Membuat foto Slideshow dengan Macromedia Flash 8
Membuat foto Slideshow dengan Macromedia Flash 8Deka M Wildan
 
7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flashAhmad Bashir
 
Kreasi dengan photoshop
Kreasi dengan photoshopKreasi dengan photoshop
Kreasi dengan photoshoprizkyrr
 
Tutorial photoshop
Tutorial photoshopTutorial photoshop
Tutorial photoshopzabihaku
 
Laporan praktikum modul 4
Laporan praktikum modul 4Laporan praktikum modul 4
Laporan praktikum modul 4Devi Apriansyah
 
Mebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flashMebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flashAyas Tincem
 

Similaire à Power point maksud animasi (20)

Animasi pesawat11
Animasi pesawat11Animasi pesawat11
Animasi pesawat11
 
Belajar macromedia flash 8 bagi pemula
Belajar macromedia flash 8 bagi pemulaBelajar macromedia flash 8 bagi pemula
Belajar macromedia flash 8 bagi pemula
 
Lkp tik 6
Lkp tik 6Lkp tik 6
Lkp tik 6
 
LKP TIK KELAS 6
LKP TIK KELAS 6LKP TIK KELAS 6
LKP TIK KELAS 6
 
Adobe Photoshop Full Tutorial
Adobe Photoshop Full TutorialAdobe Photoshop Full Tutorial
Adobe Photoshop Full Tutorial
 
Tutorial animasi layer masking
Tutorial animasi layer maskingTutorial animasi layer masking
Tutorial animasi layer masking
 
Membuat Wajah Tipografi
Membuat Wajah Tipografi Membuat Wajah Tipografi
Membuat Wajah Tipografi
 
Animasi Dasar
Animasi DasarAnimasi Dasar
Animasi Dasar
 
Tutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuuTutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuu
 
Tutorial PhotoShop File Save
Tutorial PhotoShop File SaveTutorial PhotoShop File Save
Tutorial PhotoShop File Save
 
Graphic design-by-photoshop-cs4-slamet-riyanto 2
Graphic design-by-photoshop-cs4-slamet-riyanto 2Graphic design-by-photoshop-cs4-slamet-riyanto 2
Graphic design-by-photoshop-cs4-slamet-riyanto 2
 
Panduan pratek photosho1 final
Panduan pratek  photosho1 finalPanduan pratek  photosho1 final
Panduan pratek photosho1 final
 
Membuat foto Slideshow dengan Macromedia Flash 8
Membuat foto Slideshow dengan Macromedia Flash 8Membuat foto Slideshow dengan Macromedia Flash 8
Membuat foto Slideshow dengan Macromedia Flash 8
 
KD. 3.3.pptx
KD. 3.3.pptxKD. 3.3.pptx
KD. 3.3.pptx
 
7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash
 
Kreasi dengan photoshop
Kreasi dengan photoshopKreasi dengan photoshop
Kreasi dengan photoshop
 
Tutorial photoshop
Tutorial photoshopTutorial photoshop
Tutorial photoshop
 
Image tracing
Image tracingImage tracing
Image tracing
 
Laporan praktikum modul 4
Laporan praktikum modul 4Laporan praktikum modul 4
Laporan praktikum modul 4
 
Mebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flashMebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flash
 

Power point maksud animasi

  • 1. Definisi perisisan Adobe Flash - adobe flash juga adalah macromedia flash, merupakan salah satu produk software komputer . - Adobe flash digunakan untuk membuat gambar vektor dan animasi gambar. file yang dihasilkan dari adobe flash mempunyai ekstensi .swf dan dapat diputar di web browser yang telah ter-install adobe flash player. -Adobe flash menggunakan bahasa pemrograman bernama actionscript yang muncul kali pertama pada flash 5 ADOBE FLASH 1
  • 2. PENGERTIAN ANIMASI MASKING & CARA MEMBUATNYA  Animasi masking adalah animasi yang pada hasilnyanya menampilkan objek yang semula kita sembunyikan. Animasi masking mempunyai 2 metode dasar yaitu : 1. Area masking yang bergerak, objek yang di mask diam. 2. Area masking yang diam dan objek yang di mask yang bergerak. Kedua teknik tersebut akan menampilkan hasil animasi yang berbeza.. Selain itu area masking hanya boleh berupa fill. Jadi untuk outline (garis) tidak diperbolehkan. 2
  • 3. Masking 1. Objektif  Mempelajari kaedah-kaedah yang digunakan dalam Flash CS4 untuk menghasilkan animasi Frame-by Frame.  Di sini adalah langkah-langkah atau cara yang digunakan umtuk masking.  Untuk kesan khas seperti lampu pencari (spotlight) anda boleh menggunakan kemudahan masking. Dalam Flash anda menggunakan masking ke atas teks, bentuk /objek simbol dan animasi.  Untuk menghasilkan satu kesan khas yang dinamik, gunakan kemudahan seperti shape tweening. Anda juga boleh menggunakan motion tweening untuk menggerakkan mask anda mengikut satu laluan (motion path) yang menarik 3
  • 4.  Untuk menghasilkan layer mask, sebuah objek untuk mengalami mask perlu diletak pada satu layer lain. Kemudahan mask akan bertindak seperti tingkap yang menunjukkan bahagian yang ingin dipaparkan sahaja.  Layer mask hanya boleh mengandungi objek mask sahaja.  Layer mask tidak boleh dimasukkan dalam simbol butang (button) dan anda tidak boleh mengenakan mask pada mask lain. 4
  • 5. Menghasilkan kesan mask 1. Klik insert > scene 2. Tukarkan warna pentas kepada warna biru tua. 5
  • 6. 3. Tukarkan nama layer 1 kepada ‘background’ 4. Pada pentas lukiskan sebuah kotak berwarna kuning pudar (pastikan tida stroke pada kotak kuning). Pastikan tiada Stroke 6
  • 7. 5. Tambahkan satu layer baru dan namakan sebagai ‘name’ 6. Pada pentas dengan menggunakan text tool taipkan nickname anda di tengah-tengah kotak kuning. 7. Pastikan warna teks ialah hitam dan saiz teks = 80pt Tambahkan layer Baru bernama ‘Name’ Taipkan Nickname anda pada pentas 7
  • 8. 8. Tambahkan satu layer baru pada atas layer ‘name’ dan namakan sebagai ‘mask’. 9. Pada layer mask lukiskan sebuah bulatan pada luar pentas bahagian kiri. (buangkan stroke pada bulatan) 8
  • 9. 10. Pada ketiga-tiga layer tambahkan sebanyak 29 frame. 11. Pada layer mask klik kanan antara frame 1 -30 dan pilih create classic tween. 12. Klik pada frame ke-30 layer mask, tarikkan bulatan ke arah kanan pentas. 9
  • 10. Frame ke-30 Layer ‘mask’ Tarik bulatan ke kanan 10
  • 11. 13.Pada ketiga-tiga layer tambahkan lagi sebanyak 30 frame. 14.Pada layer mask, klik pada frame ke-60 dan tarikkan bulatan ke luar pentas bahagian kiri. 11
  • 12. 15. Pada ketiga-tiga layer tambahkan lagi sebanyak 30 frame. 16. Pada layer mask, klik pada frame ke-90 dan tarik bulatan ke tengah pentas. 12
  • 13. 17. Pada ketiga-tiga layer tambahkan lagi sebanyak 20 frame. 18. Pada layer mask klik kanan pada frame ke-100. 19. Pilih remove tween. Pada layer mask Klik kanan pada Frame ke-100 13
  • 14. 20. Pada layer mask klik kanan dan pilih mask. 20. Tarikkan layer background ke dalam mask. 21. Tekan ‘enter’ untuk memainkan animasi. 14
  • 15. 15