SlideShare a Scribd company logo
1 of 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

More Related Content

What's hot

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
 

What's hot (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
 

Viewers also liked

20120827120826 lecture 03_prod_process_n_principles_of_anim
20120827120826 lecture 03_prod_process_n_principles_of_anim20120827120826 lecture 03_prod_process_n_principles_of_anim
20120827120826 lecture 03_prod_process_n_principles_of_animAsiah Jamaluddin
 
Creative Copywriting
Creative CopywritingCreative Copywriting
Creative CopywritingAmy Bayliss
 
Copywriting & Storyboarding (Advertising & Sales Promotion)
Copywriting & Storyboarding (Advertising & Sales Promotion)Copywriting & Storyboarding (Advertising & Sales Promotion)
Copywriting & Storyboarding (Advertising & Sales Promotion)Neil Mathew
 
087854176869 Modern School Of Copywriting
087854176869 Modern School Of Copywriting087854176869 Modern School Of Copywriting
087854176869 Modern School Of CopywritingNunu Andini
 
Advertising design
Advertising designAdvertising design
Advertising designKate Carlyle
 
A Guide To Copywriting.pdf
A Guide To Copywriting.pdfA Guide To Copywriting.pdf
A Guide To Copywriting.pdfclare2373
 
'Introduction to Copywriting' powerpoint slides
'Introduction to Copywriting' powerpoint slides'Introduction to Copywriting' powerpoint slides
'Introduction to Copywriting' powerpoint slideslindsayendean
 
Rejuvenate Your Small Business: 10 Marketing Ideas for Thanksgiving
Rejuvenate Your Small Business: 10 Marketing Ideas for ThanksgivingRejuvenate Your Small Business: 10 Marketing Ideas for Thanksgiving
Rejuvenate Your Small Business: 10 Marketing Ideas for ThanksgivingLogo Design Guru
 
Basic digital copywriting (made for AkberDepok)
Basic digital copywriting (made for AkberDepok)Basic digital copywriting (made for AkberDepok)
Basic digital copywriting (made for AkberDepok)Seno Pramuadji
 
Copywriting - Art of Advertising Writing
Copywriting - Art of Advertising WritingCopywriting - Art of Advertising Writing
Copywriting - Art of Advertising WritingAkram Badr
 

Viewers also liked (20)

Copywriting
CopywritingCopywriting
Copywriting
 
Jpu final asiah
Jpu final asiahJpu final asiah
Jpu final asiah
 
Understanding brands in a new world
Understanding brands in a new worldUnderstanding brands in a new world
Understanding brands in a new world
 
Rekabentuk
RekabentukRekabentuk
Rekabentuk
 
20120827120826 lecture 03_prod_process_n_principles_of_anim
20120827120826 lecture 03_prod_process_n_principles_of_anim20120827120826 lecture 03_prod_process_n_principles_of_anim
20120827120826 lecture 03_prod_process_n_principles_of_anim
 
Creative Copywriting
Creative CopywritingCreative Copywriting
Creative Copywriting
 
ENG484 by Ajarn Jomkaew
ENG484 by Ajarn JomkaewENG484 by Ajarn Jomkaew
ENG484 by Ajarn Jomkaew
 
Copywriting & Storyboarding (Advertising & Sales Promotion)
Copywriting & Storyboarding (Advertising & Sales Promotion)Copywriting & Storyboarding (Advertising & Sales Promotion)
Copywriting & Storyboarding (Advertising & Sales Promotion)
 
087854176869 Modern School Of Copywriting
087854176869 Modern School Of Copywriting087854176869 Modern School Of Copywriting
087854176869 Modern School Of Copywriting
 
Advertising design
Advertising designAdvertising design
Advertising design
 
A Guide To Copywriting.pdf
A Guide To Copywriting.pdfA Guide To Copywriting.pdf
A Guide To Copywriting.pdf
 
Advertising copy
Advertising   copyAdvertising   copy
Advertising copy
 
'Introduction to Copywriting' powerpoint slides
'Introduction to Copywriting' powerpoint slides'Introduction to Copywriting' powerpoint slides
'Introduction to Copywriting' powerpoint slides
 
The Art Copywriting
The Art CopywritingThe Art Copywriting
The Art Copywriting
 
Copywriting
CopywritingCopywriting
Copywriting
 
Principles of Animation
Principles of AnimationPrinciples of Animation
Principles of Animation
 
Rejuvenate Your Small Business: 10 Marketing Ideas for Thanksgiving
Rejuvenate Your Small Business: 10 Marketing Ideas for ThanksgivingRejuvenate Your Small Business: 10 Marketing Ideas for Thanksgiving
Rejuvenate Your Small Business: 10 Marketing Ideas for Thanksgiving
 
Copywriting
CopywritingCopywriting
Copywriting
 
Basic digital copywriting (made for AkberDepok)
Basic digital copywriting (made for AkberDepok)Basic digital copywriting (made for AkberDepok)
Basic digital copywriting (made for AkberDepok)
 
Copywriting - Art of Advertising Writing
Copywriting - Art of Advertising WritingCopywriting - Art of Advertising Writing
Copywriting - Art of Advertising Writing
 

Similar to 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
 

Similar to 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