SlideShare une entreprise Scribd logo
1  sur  15
PRODUKSI M
ULTIM
EDIA
TAJUK
: ANIM
ASI
TUTORIAL : MOTION TWEEN
1. Buka software Macromedia Flash 8.
2.   Pada baris Create New pilih Flash
Document.
3.   Setelah terbuka kita mula membuat gambar
bola. Tetapi sebelum membuat gambar bola
pilih dulu warna bola yang ingin anda buat
dengan cara klik pada Fill color => pilih
warna.
4.      Gambar bola dengan menggunakan Oval Tool
(O) pada Toolbox seperti pada gambar.
5.      Ganti nama layer bola menjadi Bola dengan cara
double klik pada Layer 1.
6.    Setelah selesai membuat bola kita membuat lintasan
bolanya dengan cara membuat layer yang baru
terlebih dahulu dengan cara klik Insert Layer seperti
gambar dibawah ini.
7.      Ganti nama Layer 2 menjadi Jalur.
 
8. Klik kanan pada layer Jalur => pilih guide, maka layer
akan berubah seperti gambar dibawah ini.
9. Gabungkan layer Bola dengan layer Jalur dengan cara
menggeser layer Bola ke layer Jalur, maka
layer Jalur akan berubah lagi seperti pada gambar.
10.  Sekarang kita mulai membuat gambar jalurnya dengan
klik sekali pada layer Jalur, lalu pilihLine Tool (N) pada
baris Tool => buatlah garis lurus seperti pada gambar.
11.  Lengkungkan garis dengan menggunakan Selection Tool
(V) => dekatkan Selection Tool dengan garis sampai ada
garis kecil yang melengkung di dekat Selection Tool => klik
sambil digeser ke atas /drag sampai garisnya melengkung
seperti pada gambar.
12.  Sekarang kita tinggal membuat bolanya bergerak.
13.  Kita buat framenya terlebih dahulu dengan cara klik
kanan pada frame 20 layer Jalur  => pilih Insert
Frame seperti pada gambar.
14.  Klik frame 1 layer Bola => pilih Free Transform Tool
(Q) pada baris Tool => geser gambar bola hingga titik
tengahnya berada tepat di garis seperti pada gambar.
15.  Klik kanan frame 20 layer Bola => pilih Insert
Keyframe => pilih Free Transform Tool (Q)=> geser
gambar bola hingga titik tengahnya berada di ujung
garis.
16.  Klik kanan pada frame layer Bola => pilih Create Motion
Tween, maka akan muncul gambar panah pada frame
tersebut seperti pada gambar.
 
17.  Tekan Ctrl+Enter untuk melihat hasilnya
1. Tutorial ini akan mengajar anda untuk menghasilkan
shape tweening dengan menghasilkan 2 bentuk dan
bertukar dari satu bentuk ke bentuk yang lain.
2. Sebelum mula, kita perlu tentukan bentuk apakah yang
hendak digunakan untuk menghasilkan shape tween
3. Hasilkan satu bentuk segi empat sama seperti dibawah
dalam frame 1 di timeline anda.
TUTORIAL : SHAPE TWEEN
4. Clik pada frame ke 25 dalam timeline dan insert
keyframe
5. Clik pada frame ke 50 dan insert lagi keyframe
6. Pastikan ada kawasan yang berlorek dari frame 1
hingga 50, ini adalah kawasan aktif dan animasi akan
dilakukan dalam kawasan ini.
7. Clik pada frame yang tengah iaitu frame yang ke 25
dan hasilkan satu bulatan biru diatas segiempat sama
yang dihasilkan sebelum ini
8. Bulatan biru dihasilkan dengan clik oval tool pada frame
ke 25< tekan shift dan klik kiri dan hasilkan sebuah
bulatan biru, stage anda haruslah kelihatan seperti
rajah dibawah
9. Dalam timeline window, clik pada mana frame dari 2-24
dengan klik kiri
10. Dalam window properties, anda akan nampak pilihan
tween. Pada drop-down tween tersebut klik shape.
11.Sekarang, masukkan keyframe pada frame 26. Klik kiri
pada mana-mana frame dari 27-49 dan sekali lagi pilih
shape tween dari windows properties
12.Kalau terdapat garis terputus dan bukannya garis lurus
pada timeline anda, maka anda mengaplikasikan
langkah-langkah dengan betul.
13.Pergi ke Control menu dan klik control < Test Movie

Contenu connexe

Tendances

Logo windows vista code
Logo windows vista codeLogo windows vista code
Logo windows vista codeMuhamed Isel
 
Presentation power point sma n 2 OKU
Presentation power point sma n 2 OKUPresentation power point sma n 2 OKU
Presentation power point sma n 2 OKUchayapebiyana
 
Tutorial cara membuat bola jatuh adobe flash (mochammad reynaldi)
Tutorial cara membuat bola jatuh adobe flash (mochammad reynaldi)Tutorial cara membuat bola jatuh adobe flash (mochammad reynaldi)
Tutorial cara membuat bola jatuh adobe flash (mochammad reynaldi)Mochammad Reynaldi
 
Mebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flashMebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flashAyas Tincem
 
Pembuatan Media Matematika dengan Adobe flash
Pembuatan Media Matematika dengan Adobe flashPembuatan Media Matematika dengan Adobe flash
Pembuatan Media Matematika dengan Adobe flashIrsyad KA
 
Tutorial corel draw part 4
Tutorial corel draw part 4Tutorial corel draw part 4
Tutorial corel draw part 4Deka M Wildan
 
Teknik mendesain dan contoh membuat macromedia flash.amir
Teknik mendesain dan contoh membuat macromedia flash.amirTeknik mendesain dan contoh membuat macromedia flash.amir
Teknik mendesain dan contoh membuat macromedia flash.amirAmir Net
 
Cara membuat grafik 1
Cara membuat grafik 1Cara membuat grafik 1
Cara membuat grafik 1Daud Hasibuan
 
MS POWER POINT 2007 BAB 3
MS POWER POINT 2007 BAB 3MS POWER POINT 2007 BAB 3
MS POWER POINT 2007 BAB 3husainarya
 

Tendances (12)

Tik bab 3
Tik bab 3Tik bab 3
Tik bab 3
 
PPT TIK KELAS 9 BAB 3
PPT TIK KELAS 9 BAB 3PPT TIK KELAS 9 BAB 3
PPT TIK KELAS 9 BAB 3
 
Logo windows vista code
Logo windows vista codeLogo windows vista code
Logo windows vista code
 
Presentation power point sma n 2 OKU
Presentation power point sma n 2 OKUPresentation power point sma n 2 OKU
Presentation power point sma n 2 OKU
 
Tutorial cara membuat bola jatuh adobe flash (mochammad reynaldi)
Tutorial cara membuat bola jatuh adobe flash (mochammad reynaldi)Tutorial cara membuat bola jatuh adobe flash (mochammad reynaldi)
Tutorial cara membuat bola jatuh adobe flash (mochammad reynaldi)
 
Mebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flashMebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flash
 
Pembuatan Media Matematika dengan Adobe flash
Pembuatan Media Matematika dengan Adobe flashPembuatan Media Matematika dengan Adobe flash
Pembuatan Media Matematika dengan Adobe flash
 
presentasi TIK bab3
presentasi TIK bab3presentasi TIK bab3
presentasi TIK bab3
 
Tutorial corel draw part 4
Tutorial corel draw part 4Tutorial corel draw part 4
Tutorial corel draw part 4
 
Teknik mendesain dan contoh membuat macromedia flash.amir
Teknik mendesain dan contoh membuat macromedia flash.amirTeknik mendesain dan contoh membuat macromedia flash.amir
Teknik mendesain dan contoh membuat macromedia flash.amir
 
Cara membuat grafik 1
Cara membuat grafik 1Cara membuat grafik 1
Cara membuat grafik 1
 
MS POWER POINT 2007 BAB 3
MS POWER POINT 2007 BAB 3MS POWER POINT 2007 BAB 3
MS POWER POINT 2007 BAB 3
 

En vedette

Esalen ® Training in Québec 2011
Esalen ® Training in Québec 2011Esalen ® Training in Québec 2011
Esalen ® Training in Québec 2011eauvie1
 
Trade finance chp
Trade finance chpTrade finance chp
Trade finance chpkurian1234
 
Presentació experiments
Presentació experimentsPresentació experiments
Presentació experimentsmiriambordes
 
Presentació plantar llavors
Presentació plantar llavorsPresentació plantar llavors
Presentació plantar llavorsmiriambordes
 
Service mrktg on hsbc bank
Service mrktg on hsbc bankService mrktg on hsbc bank
Service mrktg on hsbc bankkurian1234
 
WOW Mobile Asia Power Start Technical Guide
WOW Mobile Asia Power Start Technical GuideWOW Mobile Asia Power Start Technical Guide
WOW Mobile Asia Power Start Technical GuideSTARSSIP LIMITED
 
The importance of non verbal communication
The importance of non verbal communicationThe importance of non verbal communication
The importance of non verbal communicationJeannieGT
 
La vegetació d'Europa i del món
La vegetació d'Europa i del mónLa vegetació d'Europa i del món
La vegetació d'Europa i del mónmsantillana
 
Al son de tambores---
Al son de tambores---Al son de tambores---
Al son de tambores---nenufar19
 

En vedette (20)

Esalen ® Training in Québec 2011
Esalen ® Training in Québec 2011Esalen ® Training in Québec 2011
Esalen ® Training in Québec 2011
 
Trade finance chp
Trade finance chpTrade finance chp
Trade finance chp
 
Presentació experiments
Presentació experimentsPresentació experiments
Presentació experiments
 
Post 2 blog
Post 2 blogPost 2 blog
Post 2 blog
 
Presentació plantar llavors
Presentació plantar llavorsPresentació plantar llavors
Presentació plantar llavors
 
Capitalism and Impairments
Capitalism and ImpairmentsCapitalism and Impairments
Capitalism and Impairments
 
Service mrktg on hsbc bank
Service mrktg on hsbc bankService mrktg on hsbc bank
Service mrktg on hsbc bank
 
WOW Mobile Asia Power Start Technical Guide
WOW Mobile Asia Power Start Technical GuideWOW Mobile Asia Power Start Technical Guide
WOW Mobile Asia Power Start Technical Guide
 
YP Cloud Era Presentation
YP Cloud Era PresentationYP Cloud Era Presentation
YP Cloud Era Presentation
 
The importance of non verbal communication
The importance of non verbal communicationThe importance of non verbal communication
The importance of non verbal communication
 
Richardgere
RichardgereRichardgere
Richardgere
 
Kenya
KenyaKenya
Kenya
 
Antonimos
AntonimosAntonimos
Antonimos
 
Cursus
CursusCursus
Cursus
 
Folha 188
Folha 188Folha 188
Folha 188
 
La vegetació d'Europa i del món
La vegetació d'Europa i del mónLa vegetació d'Europa i del món
La vegetació d'Europa i del món
 
Al son de tambores---
Al son de tambores---Al son de tambores---
Al son de tambores---
 
95 tesis
95 tesis95 tesis
95 tesis
 
EmilyVincentResume
EmilyVincentResumeEmilyVincentResume
EmilyVincentResume
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 

Similaire à Produksi multimedia

Belajar macromedia flash 8 bagi pemula
Belajar macromedia flash 8 bagi pemulaBelajar macromedia flash 8 bagi pemula
Belajar macromedia flash 8 bagi pemulaIzza Anshory
 
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
 
Laporan praktikum modul 4
Laporan praktikum modul 4Laporan praktikum modul 4
Laporan praktikum modul 4Devi Apriansyah
 
T3 curve modelling kelompok 1
T3 curve modelling kelompok 1T3 curve modelling kelompok 1
T3 curve modelling kelompok 1Arif Rahman
 
Pertemuan 62
Pertemuan 62Pertemuan 62
Pertemuan 62kusanti
 
Tutorial Animasi menggunakan macromedia Flash 8
Tutorial Animasi menggunakan macromedia Flash 8Tutorial Animasi menggunakan macromedia Flash 8
Tutorial Animasi menggunakan macromedia Flash 8Farichah Riha
 
Panduan pratek photosho1 final
Panduan pratek  photosho1 finalPanduan pratek  photosho1 final
Panduan pratek photosho1 finaldkurnianto
 
Tutorial corel draw part 2
Tutorial corel draw part 2Tutorial corel draw part 2
Tutorial corel draw part 2Deka M Wildan
 
Nilawati Tutorial Pembuatan Media Pembelajaran Interaktif Aritmatika Sosial
Nilawati Tutorial Pembuatan Media Pembelajaran Interaktif Aritmatika SosialNilawati Tutorial Pembuatan Media Pembelajaran Interaktif Aritmatika Sosial
Nilawati Tutorial Pembuatan Media Pembelajaran Interaktif Aritmatika SosialNilaWati25
 
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdfANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdfIcukIcum
 
Tutorial PhotoShop File Save
Tutorial PhotoShop File SaveTutorial PhotoShop File Save
Tutorial PhotoShop File SavePAMBAH.Corp
 
Tutorial cara buat logo padi dan kapas
Tutorial cara buat logo padi dan kapasTutorial cara buat logo padi dan kapas
Tutorial cara buat logo padi dan kapasIwan Iwan
 
Membuat Desain 3D Bola Dengan Photoshop
Membuat Desain 3D Bola Dengan PhotoshopMembuat Desain 3D Bola Dengan Photoshop
Membuat Desain 3D Bola Dengan PhotoshopRenra Sedoya
 

Similaire à Produksi multimedia (20)

Belajar macromedia flash 8 bagi pemula
Belajar macromedia flash 8 bagi pemulaBelajar macromedia flash 8 bagi pemula
Belajar macromedia flash 8 bagi pemula
 
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
 
Laporan praktikum modul 4
Laporan praktikum modul 4Laporan praktikum modul 4
Laporan praktikum modul 4
 
Laporan praktikum multimedia_3-3
Laporan praktikum multimedia_3-3Laporan praktikum multimedia_3-3
Laporan praktikum multimedia_3-3
 
Corel draw
Corel drawCorel draw
Corel draw
 
T3 curve modelling kelompok 1
T3 curve modelling kelompok 1T3 curve modelling kelompok 1
T3 curve modelling kelompok 1
 
Logo
LogoLogo
Logo
 
Pertemuan 62
Pertemuan 62Pertemuan 62
Pertemuan 62
 
Tutorial Animasi menggunakan macromedia Flash 8
Tutorial Animasi menggunakan macromedia Flash 8Tutorial Animasi menggunakan macromedia Flash 8
Tutorial Animasi menggunakan macromedia Flash 8
 
Cara membuat logo stikomcki dengan photoshop
Cara membuat logo stikomcki dengan photoshopCara membuat logo stikomcki dengan photoshop
Cara membuat logo stikomcki dengan photoshop
 
Animasi dasar
Animasi dasarAnimasi dasar
Animasi dasar
 
Panduan pratek photosho1 final
Panduan pratek  photosho1 finalPanduan pratek  photosho1 final
Panduan pratek photosho1 final
 
Tutorial corel draw part 2
Tutorial corel draw part 2Tutorial corel draw part 2
Tutorial corel draw part 2
 
Nilawati Tutorial Pembuatan Media Pembelajaran Interaktif Aritmatika Sosial
Nilawati Tutorial Pembuatan Media Pembelajaran Interaktif Aritmatika SosialNilawati Tutorial Pembuatan Media Pembelajaran Interaktif Aritmatika Sosial
Nilawati Tutorial Pembuatan Media Pembelajaran Interaktif Aritmatika Sosial
 
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdfANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
 
Tutorial PhotoShop File Save
Tutorial PhotoShop File SaveTutorial PhotoShop File Save
Tutorial PhotoShop File Save
 
Tutorial cara buat logo padi dan kapas
Tutorial cara buat logo padi dan kapasTutorial cara buat logo padi dan kapas
Tutorial cara buat logo padi dan kapas
 
Breakdown Animasi 2D
Breakdown Animasi 2DBreakdown Animasi 2D
Breakdown Animasi 2D
 
Membuat Desain 3D Bola Dengan Photoshop
Membuat Desain 3D Bola Dengan PhotoshopMembuat Desain 3D Bola Dengan Photoshop
Membuat Desain 3D Bola Dengan Photoshop
 
Laporan praktikum multimedia_4-4
Laporan praktikum multimedia_4-4Laporan praktikum multimedia_4-4
Laporan praktikum multimedia_4-4
 

Produksi multimedia

  • 2. TUTORIAL : MOTION TWEEN 1. Buka software Macromedia Flash 8. 2.   Pada baris Create New pilih Flash Document. 3.   Setelah terbuka kita mula membuat gambar bola. Tetapi sebelum membuat gambar bola pilih dulu warna bola yang ingin anda buat dengan cara klik pada Fill color => pilih warna.
  • 3. 4.      Gambar bola dengan menggunakan Oval Tool (O) pada Toolbox seperti pada gambar. 5.      Ganti nama layer bola menjadi Bola dengan cara double klik pada Layer 1.
  • 4. 6.    Setelah selesai membuat bola kita membuat lintasan bolanya dengan cara membuat layer yang baru terlebih dahulu dengan cara klik Insert Layer seperti gambar dibawah ini. 7.      Ganti nama Layer 2 menjadi Jalur.  
  • 5. 8. Klik kanan pada layer Jalur => pilih guide, maka layer akan berubah seperti gambar dibawah ini. 9. Gabungkan layer Bola dengan layer Jalur dengan cara menggeser layer Bola ke layer Jalur, maka layer Jalur akan berubah lagi seperti pada gambar.
  • 6. 10.  Sekarang kita mulai membuat gambar jalurnya dengan klik sekali pada layer Jalur, lalu pilihLine Tool (N) pada baris Tool => buatlah garis lurus seperti pada gambar. 11.  Lengkungkan garis dengan menggunakan Selection Tool (V) => dekatkan Selection Tool dengan garis sampai ada garis kecil yang melengkung di dekat Selection Tool => klik sambil digeser ke atas /drag sampai garisnya melengkung seperti pada gambar.
  • 7. 12.  Sekarang kita tinggal membuat bolanya bergerak. 13.  Kita buat framenya terlebih dahulu dengan cara klik kanan pada frame 20 layer Jalur  => pilih Insert Frame seperti pada gambar.
  • 8. 14.  Klik frame 1 layer Bola => pilih Free Transform Tool (Q) pada baris Tool => geser gambar bola hingga titik tengahnya berada tepat di garis seperti pada gambar.
  • 9. 15.  Klik kanan frame 20 layer Bola => pilih Insert Keyframe => pilih Free Transform Tool (Q)=> geser gambar bola hingga titik tengahnya berada di ujung garis.
  • 10. 16.  Klik kanan pada frame layer Bola => pilih Create Motion Tween, maka akan muncul gambar panah pada frame tersebut seperti pada gambar.   17.  Tekan Ctrl+Enter untuk melihat hasilnya
  • 11. 1. Tutorial ini akan mengajar anda untuk menghasilkan shape tweening dengan menghasilkan 2 bentuk dan bertukar dari satu bentuk ke bentuk yang lain. 2. Sebelum mula, kita perlu tentukan bentuk apakah yang hendak digunakan untuk menghasilkan shape tween 3. Hasilkan satu bentuk segi empat sama seperti dibawah dalam frame 1 di timeline anda. TUTORIAL : SHAPE TWEEN
  • 12. 4. Clik pada frame ke 25 dalam timeline dan insert keyframe 5. Clik pada frame ke 50 dan insert lagi keyframe 6. Pastikan ada kawasan yang berlorek dari frame 1 hingga 50, ini adalah kawasan aktif dan animasi akan dilakukan dalam kawasan ini.
  • 13. 7. Clik pada frame yang tengah iaitu frame yang ke 25 dan hasilkan satu bulatan biru diatas segiempat sama yang dihasilkan sebelum ini 8. Bulatan biru dihasilkan dengan clik oval tool pada frame ke 25< tekan shift dan klik kiri dan hasilkan sebuah bulatan biru, stage anda haruslah kelihatan seperti rajah dibawah
  • 14. 9. Dalam timeline window, clik pada mana frame dari 2-24 dengan klik kiri 10. Dalam window properties, anda akan nampak pilihan tween. Pada drop-down tween tersebut klik shape. 11.Sekarang, masukkan keyframe pada frame 26. Klik kiri pada mana-mana frame dari 27-49 dan sekali lagi pilih shape tween dari windows properties
  • 15. 12.Kalau terdapat garis terputus dan bukannya garis lurus pada timeline anda, maka anda mengaplikasikan langkah-langkah dengan betul. 13.Pergi ke Control menu dan klik control < Test Movie