WORKSHOP TUTORIAL Animasi pada PowerPoint

Fakultas Sains & Teknologi
sa
“ UAI Bersama Guru Mencerdaskan Bangsa
Animasi dengan ppt
Fakultas Sains dan Teknologi UAI
Pendahuluan
Tutorial ini disusun terutama untuk animasi menggunakan custom animation
untuk presentasi. Tutorial disusun dengan asumsi bahwa pembaca sudah
mengenal dan menggunakan Microsoft Power Point.
Namun demikian tutorial animasi yang diberikan termasuk kategori sederhana,
bukan pada tingkatan tinggi ataupun profesional. Tutorial ini diharapkan dapat
membantu penggunanya membentuk kreasi sendiri sesuai kebutuhannya
masing-masing.
Tutorial ini sesuai untuk Microsoft Power Point 2002 atau setelahnya. Meskipun
versi sebelumnya juga dapat melakukan animasi, tidak semua fungsi sudah
tersedia.
Animasi berikut tutorial yang ditampilkan sebagian merupakan kreasi penyusun
sementara lainnya diperoleh dari situs http://pptheaven.mvps.org . Situs lain yang
juga menjadi rujukan adalah www.tlccreative.com .
Akhir kata tim penyusun berharap semoga tutorial ini bermanfaat dan
mengucapkan selamat berkreasi.
Mengenai Custom Animation
Custom Animation adalah suatu fitur pada Microsoft Office PowerPoint. Fitur ini
berisi daftar efek-efek yang dapat digunakan untuk malakukan animasi pada
objek (teks, gambar sisipan, autoshape, clipart dll) saat slide show.
PowerPoint 2002/XP atau versi setelahnya menawarkan berbagai efek dalam 4
kategori yaitu: Entrance, Emphasis, Exit (The 3 E's), dan Motion Paths. Suatu
objek dapat dianimasi berulang kali dengan mengkombinasikan berbagai efek
untuk menghasilkan animasi kompleks. Setiap efek dilengkapi dengan variabel
pengaturan seperti start (On click, With previous, After previous), delay, speed,
repeat dan triggers.
Entrance effects
Entrance effects digunakan untuk animasi saat memunculkan objek. Sebelum
saat animasi terjadi, objek tidak akan tampak pada slide. Jika pada suatu objek
Page 4
Animasi dengan ppt
Fakultas Sains dan Teknologi UAI
4
diaktifkan dua entrance effects secara berturutan, objek tersebut akan
menghilang sesaat sebelum animasi kedua dimulai.
Ada beberapa kategori entrance effect yaitu Basic, Subtle, Moderate dan
Exciting. Masing-masing kategari menyediakan beberapa efek.
Emphasis effects
Digunakan untuk melakukan animasi objek on the spot. Keadaan akhir akan
dipertahankan kecuali dipilih pengaturan Auto-Reverse atau "Rewind when done
playing". Kategori efek adalah Basic, Subtle, Moderate dan Exciting.
Exit effects
Exit effects melakukan animasi sehingga objek meninggalkan slide show. Pada
slide yang sama jika objek tersebut ingin ditampilkan kembali dapat dilakukan
menggunakan Entrance effect. Kategori efek: sama dengan sebelumnya.
Motion Paths
Motion Paths adalah animasi menggerakkan objek dari satu posisi ke posisi
lainnya pada slide. Fitur ini serupa dengan Motion Tweening pada Adobe Flash,
namun jauh lebih sederhana dan mudah digunakan. PowerPoint menyediakan
pilihan yang beragam untuk pergerakan objek ini, selain dapat menggambar
sendiri Motion Path yang diinginkan. Kategori motion paths adalah: Basic, Lines
& Curves, Special dan Draw Custom Path.
Animation Trigger
Animation Trigger adalah fitur yang memungkinkan animasi berlangsung hanya
jika objek tertentu pada Slide Show diklik.
Setup Awal
Untuk mempermudah pengerjaan animasi selanjutnya kita dapat melakukan
beberapa penyetingan pada PowerPoint.
Hal pertama adalah menampilkan drawing toolbar dilakukan dengan mengklik
button ‘drawing’ pada toolbar atas, sehingga drawing toolbar muncul di bagian
bawah bidang, dan jika perlu dapat ditarik ke kiri/kanan ataupun floating. Jika
Page 5
Animasi dengan ppt
Fakultas Sains dan Teknologi UAI
5
button drawing tidak ada pada toolbar atas, dapat dimunculkan dengan cara yang
sama dengan hal kedua di bawah.
Hal kedua adalah menampilkan panel Custom animation. Fitur ini terdapat pada
tab ‘Slide Show’ pada toolbar utama. Dengan mengklik fitur ini maka pada
sebelah kanan bidang akan muncul panel Custom Animation.
Namun panel ini dapat hilang atau tergantikan. Agar mudah dimunculkan
kembali, button Custom animation dapat ditampilkan pada toolbar. Caranya:
pada toolbar utama klik Tool > Customize. Pilih Slide Show Pada kolom kategori
di kiri. Dari kolom kanan: klik dan drag button Custom Animation ke toolbar.
Page 6
Animasi dengan ppt
Fakultas Sains dan Teknologi UAI
6
TUTORIAL
Tutorial disusun dengan menampilkan 12 kasus animasi. Untuk kedua belas
animasi ini diberikan tuntunan perlangkah bagaimana cara pembuatannya.
1. 3 E’s + Motion Path
Silde ini menampilkan keempat tipe animasi yang digunakan pada 2 objek.
1. Membuat matahari: pada drawing toolbar klik AutoShapes > Basic
Shapes. Pilih gambar matahari. Klik Fill Color dan pilih warna yang sesuai.
2. Objek kedua dibuat menggunakan beberapa rectangle & oval yang
tersedia pada drawing toolbar. Setelah disusun, klik bentuk-bentuk
tersebut bersamaan menggunakan ‘Select Object’, Klik Draw > Group.
3. Klik matahari tampilkan custom animation. Klik AddEffect>Entrance>Fly in
4. Pada ‘Direction’ klik tanda panah ke bawah, ubahlah ‘From Button’
menjadi ‘From buttom left’.
5. Klik kembali matahari. Klik Add Effect >Emphasis>more Effect. Pada
moderate pilih ‘flicker’. Pada Color pilih warna yang beda dg sebelumnya.
Pada Speed pilih ‘very slow’. Pada ‘Start’ klik tanda panah ke bawah,
aturlah menjadi ‘after Previous’.
6. Klik truk. Klik Add Effect > Motion
Path > right to left. Atur posisi awal di
panah merah, dan posisi akhir pada
panah merah.
7. Pilih ‘very slow’ untuk Speed. Pada
‘Start’ klik tanda panah ke bawah,
pilih ‘With Previous’.
8. Klik matahari lagi. Klik Add Effect >
Exit > Fly out. Pada ‘Direction’ atur menjadi ‘to buttom right’. Atur Start
menjadi ‘After Previous’.
Page 7
Animasi dengan ppt
Fakultas Sains dan Teknologi UAI
7
2. Tutorial Efek teleport
Di sini ditunjukkan melakukan teleportasi objek, yaitu memindahkan tanpa
menampilkan gerak perpindahan, dengan memanipulasi animasi Motion Path.
1. Mula-mula klik objek yg akan diteleportasi.
2. Pada panel Custom Animation, klik Add Effect > Motion Paths > Right
(atau path apapun).
3. Klik pada Motion Path. Klik dan tahan pada panah merah. Pindahkan
panah merah ke panah hijau. Yakinkan bahwa tidak ada garis putus-putus
lagi yang menunjukkan jalur gerak.
4. Pada pengaturan, ganti dari "Unlocked" menjadi "Locked". Dengan
demikian posisi awal dapat dirubah-rubah tanpa mengganti posisi akhir.
5. Jika perlu mengubah posisi akhir, ganti kembali "Locked" menjadi
"Unlocked".
3. Tutorial Bola Menggelinding
Tutorial ini menuntun pembuatan animasi gerakan bola menggelinding. Selain
itu juga menunjukkan cara memasukkan file gambar ke objek. Animasi yang
digunakan adalah kombinasi efek Fly in dan efek Spin.
Membuat Bola
1. Buatlah sebuah lingkaran dengan mengklik bentuk oval pada toolbar
drawing. Cara mengaktifkan toolbar drawing adalah pilih View > Toolbar >
Drawing dari menu utama.
2. Klik kanan pada lingkaran, pilihlah ‘format autoshape’. Pada menu ‘color’
pilihlah ‘fill effects’.
3. Pilih tab ‘picture’ dan klik ‘select picture’.
4. Pilihlah gambar yang diinginkan pada folder yang bersangkutan.
5. Klik ‘insert picture’ > klik OK pada semua menu.
6. Sekarang lingkaran tadi telah diisi gambar yang anda pilih.
Fly in effect
Page 8
Animasi dengan ppt
Fakultas Sains dan Teknologi UAI
8
1. Klik kanan pada bola, pilihlah ‘custom animation’.
2. Klik Add Effect > Entrance > Fly in
3. Pada ‘Direction’ klik tanda panah ke bawah, pilih ‘From Left’.
4. Pada ‘Speed’ klik tanda panah ke bawah, ubahlah ‘very fast’ menjadi
‘medium’
Spin effect
1. Klik Add Effect > Emphasis > Spin
2. Pada ‘Amount’ klik tanda panah ke bawah, atur menjadi ‘3600 Clockwise’
3. Pada ‘Speed’ klik tanda panah ke bawah, aturlah menjadi ‘medium’
4. Pada ‘Start’ klik tanda panah ke bawah, aturlah menjadi ‘With Previous’,
4. Tutorial Mobil Balap
Tutorial ini pada dasarnya menunjukkan cara mengedit gambar Clip Art. Animasi
yang digunakan hanya Fly in Effect.
Memperoleh gambar
1. Sebelum mulai, anda membutuhkan gambar mobil (dari Microsoft Clip Art
Gallery, internet, atau membuat sendiri).
Mengambil dari * Microsoft Clip Art Gallery dapat dilakukan dengan cara:
i. Klik Insert > Picture > Clip Art.
ii. Ketik ‘car’ pada ‘search’. Klik Go.
iii. Klik gambar mobil yang pertama.
iv. Gambar tersebut menampilkan mobil berwarna hijau. Anda
membutuhkan gambar tiga buah mobil. Copy & paste 2x.
v. Susunlah gambar mobil tadi secara berurutan.
vi. Klik kanan pada gambar mobil yang kedua, pilihlah Format Picture
> Picture > Recolor.
vii. Pada New, ubahlah warna mobil hijau dengan warna merah
dengan meng-klik tanda panah ke bawah pada warna hijau. Klik
more colors > standard atau custom > klik warna merah. Klik OK
pada semua menu.
Page 9
Animasi dengan ppt
Fakultas Sains dan Teknologi UAI
9
viii. Lalu mengubah Nomor. Klik kanan pada gambar mobil merah, klik
Grouping > Ungroup. Ketika ditanya untuk meng’convert’, klik Yes.
ix. Edit Gambar clip art. Klik kanan pada angka 1, pilih ‘Cut’.
x. Klik Autoshapes pada toolbar Drawing, pilih stars and banners,
letakkan pada tempat nomor.
xi. Klik kanan pada autoshapes, pilih Add Text. Ketik angka 3.
xii. Pada helm pengemudi, ubahlah angka 1 menjadi angka 3 dengan
cara yang sama. Lalu group kembali seluruh clipart.
xiii. Ulangi langkah-langkah diatas untuk mobil yang ke-3.
Gerak mobil (menggunakan Fly in effect)
1. Klik mobil yang akan dianimasi, tampilkan ‘custom animation’.
2. Klik Add Effect > Entrance > Fly in
3. Pada ‘Direction’ klik tanda panah ke bawah, ubahlah ‘From Button’
menjadi ‘From Right’.
4. Mobil pertama pada ‘Speed’ klik tanda
panah ke bawah, pilih ‘Very Fast’ .
5. Untuk mobil kedua pilih ‘Fast’ untuk
Speed. Pada ‘Start’ klik tanda panah ke
bawah, aturlah menjadi ‘With Previous’.
6. Mobil ketiga pada ‘Start’ pilih ‘With
Previous’. Untuk mengatur waktu khusus
(1,5 detik) klik tanda panah ke bawah
pada animasi grup yang bersangkutan,
pilih timing, tulis 1.5.
5. Tutorial Daun Tertiup Angin
Tutorial ini menuntun pembuatan animasi gerakan daun tertiup angin. Animasi
yang digunakan adalah kombinasi Motion Path, Spin dan Swivel.
Memperoleh gambar
Page 10
Animasi dengan ppt
Fakultas Sains dan Teknologi UAI
10
1. Sebelum mulai, anda membutuhkan suatu gambar daun (dari Microsoft
Clip Art Gallery, internet, atau membuat sendiri).
Mengambil dari * Microsoft Clip Art Gallery dilakukan dengan:
i. Klik Insert > Picture > Clip Art. Ketik ‘leaf’ pada ‘search’. Klik Go.
ii. Klik gambar daun yang pertama.
iii. Gambar tersebut menampilkan dua daun dengan latar coklat. Anda
hanya membutuhkan satu daun. Daun kedua akan dihilangkan.
iv. Klik kanan pada gambar, klik Grouping > Ungroup. Ketika ditanya
untuk meng’convert’, klik Yes. Ungroup sekali lagi.
v. Gambar clip art sekarang dapat diedit. Hilangkan bagian yang tidak
diinginkan termasuk latar belakang putih, lalu Group kembali
sisanya.
2. Pindahkan gambar ke luar bidang presentasi, di sebelah kiri atas.
Jalur gerak (menggunakan fungsi Motion Path)
1. Klik pada gambar. Klik Slide Show > Custom Animation.
2. Pada panel Custom Animation, klik Add Effect > Motion Paths > Draw
Custom Path > Scribble.
3. Buatlah lengkungan dari kiri atas sampai sisi kanan bagian tengah.
4. Ubahlah ‘speed’ : "Medium" menjadi "Slow".
5. Klik kanan pada ‘motion path effect’ dan klik ‘Effect Option’.
6. Pada Setting, berilah tanda cek pada “smooth end”, klik OK.
7. Selanjutnya adalah tentang cara untuk memutar daun.
Spin Effect
1. Klik ‘Add Effect’ > ‘Emphasis‘ > ‘Spin’.
2. Pada ‘Start’ ubahlah "On Click" menjadi "With Previous".
3. Klik kanan pada efek ‘Spin’ tadi, pilih ‘Timing’.
4. Klik pada Speed, aturlah menjadi 2.5 seconds. Klik Ok.
5. Terakhir, membuat efek “flipping”
Swivel
1. Klik Add Effect > Entrance > Swivel.
2. Pada ‘Start’ ubahlah "On Click" menjadi "With Previous".
3. Klik kanan pada efek ‘swivel’ tadi, pilih “Timing”.
Page 11
Animasi dengan ppt
Fakultas Sains dan Teknologi UAI
11
4. Klik pada ‘Speed’, pada tanda panah ke bawah aturlah menjadi ‘3
seconds slow’, klik Ok.
5. Selesai, jika daun berhenti bergerak sebelum mencapai posisi yang
diinginkan, ubahlah ‘speed’, seperti pada langkah empat.
6. Tutorial hidden pivot
Latar belakang: The Emphasis > Spin effect memungkinkan suatu objek
berputar. Sayangnya titik putaran harus berada di tengah objek dan tidak dapat
dirubah. Karena itu tutorial ini mengenalkan hidden pivot atau pivot semu untuk
memodifikasi putaran.
1. Pertama masukan suatu AutoShape. Berikutnya diasumsikan bahwa yang
dipilih adalah panah ke atas. Buat duplikatnya.
2. Klik AutoShape duplikasi. Pada drawing toolbar, klik Draw > Rotate or Flip
> Flip Vertical.
3. Tempatkan AutoShape duplikat tepat di basah gambar asli sehingga
keduanya simetris.
4. Double click AutoShape duplikat untuk memanggil Format AutoShape
dialog box. Pada Fill, atur Transparency 99%. Pada Line, atur Color
menjadi No Line. Klik Ok.
5. Lalu select keduanya sekaligus. Pada drawing tab klik Draw > Grouping >
Group.
6. Pada Custom Animation, klik Add Effect > Emphasis > Spin
7. Tutorial on Triggering Animations
Pada tutorial ini ditunjukkan cara membuat trigger untuk sebuah pesan yaitu
untuk menampilkan dan menyembunyikannya.
1. Pertama, tambahkan textbox pada slide.
2. Ketik pesan yang akan ditrigger.
3. Tambahkan dua rectangle dari AutoShapes ke slide untuk tombol trigger.
4. Klik kanan pada rectangle pertama dan klik Add Text. Ketik "Tampil".
Page 12
Animasi dengan ppt
Fakultas Sains dan Teknologi UAI
12
5. Klik kanan pada rectangle kedua dan klik Add Text. Ketik "Hilang".
6. Sekarang membuat animasi. Tampilkan panel Custom Animation.
7. Klik textbox pesan, klik Add Effect>Entrance > Appear untuk menampilkan
8. Lalu klik Add Effect > Exit > Disappear. Ini untuk menyembunyikan.
9. Klik kanan pada animasi Appear. Klik Timing > Triggers.
10. Pilih "Start effect on click of: ".
11. Klik pada field yang muncul dan cari rectangle bertuliskan "Tampil".
12. Klik Ok.
13. Lakukan hal yang sama pada animasi Disappear menggunakan rectangle
bertuliskan "Hilang".
8. Tutorial Explode effect
1. Masukkan gambar dari Clip Art, File atau AutoShapes.
2. Klik gambar dan aktifkan Custom Animation.
3. Klik Add Effect > Exit > Dissolve Out
4. Klik Add Effect > Exit > Zoom
5. Atur efek Zoom menjadi Start: “With Previous”, Zoom: “In”.
That’s All!
Jika masih kurang dapat ditambahkan:
1. Klik Add Effect > Motion Paths > Down
2. Atur speed agar sesuai dengan efek lainnya. Ubah Start: “With Previous”.
3. Klik kanan Down Effect dan Effect Options.
4. Pada Settings, uncheck Smooth end.
5. Pada Timing Tab > Delay, masukkan 0.2 seconds (angka ini harus
disesuaikan dengan efek lainnya. Perhatikan bahwa gambar harus
meledak terlebih dahulu sebelum partikel berhamburan).
9. Tutorial on translucent object
Yang akan dilakukan adalah membuat suatu objek tampak samar, dengan
proses menghilang perlahan danbertahan pada 50%.
Page 13
Animasi dengan ppt
Fakultas Sains dan Teknologi UAI
13
Ada beberapa cara yang dapat dilakukan untuk objek yang berbeda-beda (file
gambar, AutoShape, Text). Tutorial ini memberikan satu cara yang dapat
digunakan pada semua objek.
1. Setelah memasukkan file gambar atau teks, copy dan paste.
2. Sekaran ada dua gambar/text.
3. Klik kanan yang asli (yang tertumpuk), tampilan panel Custom Animation.
4. Klik Add Effect > Emphasis > Transparency.
5. Atur Start: “After Previous”.
6. Atur Amount: “50%” atau tingkat lain yang diinginkan.
7. Berikutnya klik kanan objek hasil kopian dan klik Custom Animation.
8. Klik Add Effect > Exit > Fade. Atur Start dan Speed sesuai keinginan.
Dengan demikian objek kopian akan menghilang dan objek asli akan
tampak.
9. Atur posisi kedua objek agar tepat bertumpukan.
Penggunaan:
• Untuk menyamarkan teks tertentu yang selesai dijelaskan atau
dikesampingkan pada presentasi.
• Ketika akan menampilkan beberapa gambar, satu per satu.
10. Tutorial on Scrolling Ticker
Tutorial ini membuat Scrolling News Ticker yang dapat ditempatkan pada bagian
basah slide untuk menampilkan informasi tertentu. Animasi ini sangat mudah dan
hanya menggunakan efek Crawl In pada teks..
1. Pertama, buat sebuah textbox pada slide. Ketik infromasi untuk didisplay.
2. Sekarang pindahkan textbox ke luar bidang slide sehingga tidak terlihat.
Tempatkan di sebelah kiri bawah, persis di luar batas slide.
3. Tampilkan panel Custom Animation.
4. Klik textbox, lalu klik Add Effect > Entrance > Crawl In.
5. Atur Direction menjadi "From Right".
6. Klik kanan pada efek dalam daftar dan klik Timing.
7. Pada filed Speed ketik "20 seconds" atau waktu yang diinginkan.
8. Klik Repeat > "Until End of Slide", sehingga teks akan muncul berulang.
Page 14
Animasi dengan ppt
Fakultas Sains dan Teknologi UAI
14
9. Klik Ok pada semua menu.
• Catatan jika ticker ingin muncul pada banyak slide, tambahkan pada Slide
Master (Pada toolbar utama do atas klik View > Master > Slide Master).
11. Tutorial on Spiral Effect for Text
Tutorial ini memberikan cara mudah untuk menghasilkan animasi
spiralmenggunakan efek Pinwheel.
1. Buat sebuah textbox yang cukup lebar atau sepanjang area slide.
2. Ketikan sesuatu yang singkat pada textbox.
3. Klik Format pada menu di atas. Klik Alignment > Distributed.
4. Klik textbox dan tampilkan Custom Animation.
5. Klik Add Effect > Entrance >More Effects.
6. Pada kategori Exciting, pilih Pinwheel (speed: Medium, Animate Text
pada Effect Options: All at once).
7. Copy dan paste text box 4 kali sehingga terlihat 5 textbox pada slide.
8. Atur posisi agar semua textbox tepat saling menutupi sehingga seolah
hanya ada satu.
9. Modifikasi efek Pinwheel kedua, ketiga, keempat dan kelima dengan Start:
menjadi “With Previous”.
10. Klik kanan efek Pinwheel kedua dan klik Effect Options.
11. Klik Timing dan atur Delay 0.1 seconds. Klik OK. Lakukan hal yang sama
pada efek selanjutnya namun masukan angka yang berbeda yaitu 0.2
untuk efek Pinwheel kedua, 0.3 untuk yang ketiga dan seterusnya.
12. Simple traditional countdown
Tutorial menunjukkan cara membuat perhitungan mundur sederhana menggunakan
5 slides. Dengan tingkat kesulitan yang lebih tinggi hal ini sebenarnya dapat
dilakukan dengan 1 slide saja.
1. Mula-mula atur warna backgraound pada sebuah blank sslide.
Page 15
Animasi dengan ppt
Fakultas Sains dan Teknologi UAI
15
2. Klik AutoShapes > Basic Shapes dan pilih circle. Buatlah lingkaran besar
(diagonal sekitar 15 cm).
3. Klik kanan pada lingkaran dan klik Format AutoShape. Pada Fill section,
atur menjadi No Fill. Pada Line section, atur warna putih dan ketebalan
8pt. Klik OK.
4. Sekarang tambahkan text box di tengah lingkaran.
5. Ketik “5” dalam text box. Atur Font menjadi Arial dengan ukuran 200, dan
warna menjadi putih.
6. Klik lingkaran dan tampilkan Custom Animation. Klik Add Effect >
Entrance > Wheel.
7. Masukan pengaturan Start: “After Previous”, Spokes: “1”, Speed: “Fast”
8. Berikutnya klik pada “5”. Klik Add Effect > Entrance > Fade.
9. Masukan pengaturan Start: “With Previous”, Speed: “Very Fast”.
10. Selanjutnya efek exit. Klik lingkaran, lalu sambil menekan Shift pada
keyboard klik “5”. Ini untuk memilih kedua objek sekaligus.
11. Klik Add Effect > Exit > Fade. Dua efek exit akan muncul pada daftar
animasi di panel.
12. Pada efek exit pertama Masukan pengaturan Start: “After Previous”,
Speed: “Very Fast”.
13. Pada efek exit kedua Masukan pengaturan Start: “With Previous”, Speed:
“Very Fast”.
14. Sekarang klik kanan pada daerah kosong pada slide, lalu klik Slide
Transition.
15. Pada Advance slide, klik “Automatically after”.
16. Pada menu slide di kiri, klik kanan slide yang baru dibuat, copy dan paste
4 kali. Pada slide berikutnya ganti angka “5” menjadi “4”, lalu “3”dst.