Sunday, June 4, 2017

Tugas3 Pengantar Animasi

TUGAS 3 PEGANTAR ANIMASI DESAIN GRAFIS
MEMBUAT ANIMASI  Masking,Path &
Membuat Animasi Mengikuti Alur (Guideline)

Afrilian Ardy N (10114418) | Alvian Rahmat (10114901) | Tahta Ramadhian(1A114644)

A.   Animasi Masking

·                     Buat sebuah file baru.
·                     Ketikkan teks Pustekkom atau bisa teks yang sesuai keinginan ini sekedar contoh saja pada stageFont: Arial, size: 48, Color: Biru. Atur agar letaknya di tengah stage. seperti gambar di bawah ini;
Contoh Teks


·         Klik di frame 40 pada timeline, klik kanan mouse pilih Insert Frame.
·         Lalu Insert layer pada jendela Timeline, beri nama lingkaran. seperti gambar di                 bawah ini;
Layer Lingkaran

Setelah membuat layer sekarang kita buat sebuah lingkaran pada stage dengan menggunakan oval pada toolbar ukuran lebih besar dari tinggi teks, warna bebas. seperti gambar di bawah ini;

Lingkaran Menutupi Teks


·      Klik mouse di frame 1 pada Timeline.
·      Pilih Modify > Convert to Symbol.
·       Beri nama lingkaran masking, pilih Graphic, pilih OK. seperti gambar di bawah ini;
Convert to simbol lingkaran

Dengan menggunakan Selection tool pada toolbar atur gambar lingkaran kesamping kiri teks. Seperti gambar di bawah ini
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzAN9SYwZ8JJ073PE6RT8phreEJDAWPXA4MG4A7cK0qmzRd6KdB8WRcbxeplY-vwCu39N_Y8XqzZ46v32uH_aZF5mZeQlSZbM7G2EmahJhPVoJrSv9lPKAWII3E7GvKDopmMozbWOwcBE/s320/5.png
lingkaran kekiri teks

·                     Klik di frame 40 pada layer lingkaran, klik kanan mouse pilih Insert keyframe.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg806ma7IYeuZvGqbJRilAg5-we6HtFO0z7PpSU9sXDzcilRmd-Uyx4g-1tTr2qTTgS0yU0BgD0dAR3eQDtYBhI0an_Fv6t3dNQ2BbVIwkHozeNepfwvQFbL8hjsaWZKB67ZtNBkEGo-og/s320/6.png
frame 40 pada layer lingkaran

·             Dengan menggunakan Selection tool pada toolbar atur gambar lingkaran kesamping kanan teks. Seperti gambar di bawah ini;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-nxglYnjCHX1TfIZJB3gNf8Br0lE3snujUcfN0cUCz5lUM3lnGMw6pUCLw5vm2ItSt4BH-D5hqBUuCHLT-9T9IXSUUhEo9Ej_v2EZfanP4ddgMVFFjxjjcjAWKpNC5xaLsX0mhNHa270/s320/7.png
Lingkaran kekanan teks

·                     Blok dari frame 1 hingga 40 pada layer lingkaran, klik kanan mouse pilih Create Motion Tween. Seperti gambar di bawah ini;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifdFVV-vQjqTTqMcmK5OEnNLRwei0xQcVe8ihbT9ktx4CE4PiEcooakhCwsrPV0KqZZTLeg6Y2TtMH5_RM5kba-0PI89lKw-_eWqVQ3Ma7tiNqfLE2YjTf1Z5nkuAF7ITI8_Zw9PdPAGg/s320/8.png
Blok frame 1 sampai frame 40

·                  Pilih kotak kecil pada layer lingkaran, Klik kanan mouse pilih Mask. seperti gambar di bawah ini;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGgUIW2SxKYWybRhN1My2JjNWWejkDXgFu2ULbpWFxjRuu8xBffryiE48KFrzq2_6Y95s5HRx5Tw_jzLIh8a47_C88CKtlvZDrBQMPweQK0nGSeNHmZ0IzdgaeWrMwMXEC_7Wu1bn-B4Y/s320/9.png
pemberian mask pada layer lingkaran

·                     Kemudian Jalankan animasi.

        B.   Animasi Gerak dengan Mengikuti alur (Guideline)

Setelah kita membuat animasi maskingnya dan sekarang kita Untuk membuat animasi sebuah objek yang dapat bergerak mengikuti sebuah alur atau guide, perhatikan langkah-langkahnya sebagai berikut.
·                     Buat File baru
·                     Kemudian Ubah nama layer 1 menjadi Bumi atau kalau belum ada layer buat layer baru                     dengan cara klik new layer kemudian kemudian beri nama Bumi seperti gambar di bawah ini;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzvrDDV570nCwRZE-9A0w9unSHdFaQOIW1Kdoi1k-vfD4ZJ9r0qjcrPbPMuML2oyWfxXgL7kxZq6d11mFA7HSk0rF93Mh3wiEYxxwD-TfSLWps6LyzF80NBYGl62f83i64_hWGDN0EISg/s1600/10.png
layer bumi

·                  Kemudian Buat sebuah lingkaran Dengan menggunakan Selection tool pada toolbar yang                 cukup besar di tengah-tengah stage atau lembar kerja. (Apabila mempunyai gambar globe/bumi            dapat digunakan dengan cara Import). Seperti gambar di bawah ini; (untuk warna bebas)
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikeZAt4h-n3xTYLw65ikssCTGSRo5gr0-SwQ0eYw9KoZIbJJcKRF89weUGcdfKx1bVIK7o4ij5lWiQbuVCud2Wk3buj7KDYhZ65OfObGbvU0n7PO6zwbW282qJ-Fs4CuIfkd8NRXZvoOo/s320/11.png
Contoh globe bumi

·                     Tambahkan layer baru pada Timeline, dengan cara mengklik mouse pada ikon Insert                        layer beri nama Bulan. seperti gambar di bawah ini;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6n2QfJL3TdoqZdVFlu3PHtpUxlX6zvyHwZNBQCXuFARY9eMCC005_y2pZs4mhNnsDBZDD0xivGgmi9wyor0wTwdiL-A_lI7QElh4vf1aKMBduGl5wQFDzWzWRHakyXrooSD9yooWfeZ0/s1600/12.png
layer bulan

·                     Kemudian buat lingkaran yang lebih kecil dari lingkaran bumi untuk object bulannya beri                     warna yang berbeda dari object bumi. seperti gambar di bawah ini;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbOLjNVsV_5tikILjQ3YC317WqjbhlH0fKiRg_ROh4PNo-Rajje9P42xV3l1rO98O97x2IgqR41lPwGrq9gweqPKnYujPd-wzIhueG_iXKdtm4uu9U9OTbrTwvQzZZY_rLYw1GSqY-quI/s1600/13.png
object bulan

·                     Klik kanan mouse pada lingkaran bulan pilih Convert to Symbol, beri                                             nama Bulan pilih Graphic, pilih OK. seperti gambar di bawah ini;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpuiqJcCyPk245qsrGjo9qRuT9e-32xFN611c05rDqmct6rVS84mRAISwYeNixVEq899Rt2NjoRp-DoHF8ty9ZSQ9gjH4sM5BMWRlIuG8ufhhsOZZvcPtS_DXAS1W6RdOfskQTR6eWzOE/s320/14.png
convert to symbol bulan

·                     Kemudian Pilih ikon Add Motion Guide pada jendela Timeline. seperti gambar di bawah ini;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUqBLvwIDGjO3qi1w7bK6mu_xyl876Dcs8KTn6Gbgr8yZes5JH_hSF4cvdZT23A5t-Iq_TtEOFKIDe79U6KCOaKks6vwmktvLFYQ18JaThq_0f4wTWrTbaMVmyJ-tO0LZb8ieCYMxQ60I/s1600/15.png
Add Motion Guide

·                     Kemudian Buat sebuah lingkaran kosong (tanpa Fill atau tanpa warna pilih stroke) dan atur               posisinya yang mengitari bumi dan  melewati gambar bulan seperti di bawah ini.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4-4Y_Cfuk6qNyWmGk-Q_bY5cY8l1baUF0ua507GNuuTVE-Ns06hAiikDdFPnJLov7UacFmemLBSmHMnxFaXedgzZNyuEz8L5NocaGjZ3HNgNW4BW00dHGUrh1IOMB33cMY5FmQu5gJVg/s1600/16.png
Garis atau line mengitari bumi dan melewati bulan

·                     lalu dengan bantuan Eraser Tool pada toolbar hapus sebagian lingkaran tadi hingga terputus.              seperti gambar di bawah ini;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSAjjyA1i-UqIUqFPbFIT9XOV_pEZ7UvvddP4gkkw5bZ6KAXOzmucrVckSwLF8Y_-j9Gl7YGrv6YSZX8Rzwyczwma_j5e6I2QSeOnkNcOqSX1ATTTSdSE2WUGPClhc1E3EY5tM98QO1ng/s1600/17.png
garis atau line setelah di hapus

·                     Kemudian Klik kanan mouse di frame 60 pilih Insert Keyframe (untuk ketiga layer). seperti              gambar di bawah ini;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsDrviwMfPs8uVghgyZjZV6Q_QpaBHNEUW7RKlHb6rfPHle2ZDMF6sG5_d-cbXVDeVevwCuKuLYyPrTfNXID1VUk0eGDofTE5qd-HmfDuWAqze1zaT-YLzz9_UO_9_bUMvhPLnhiaQ5-c/s320/18.png
insert keyframe untuk ketiga layer

·                     Pilih frame 1 pada layer Bulan, dengan menggunakan Selection tool pada toolbar atur                     lingkaran bulan hingga titik tengahnya pada posisi awal lingkaran guide bulan. seperti gambar             di bawah ini;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikn7XDprNz7oMfCF4cOqwwKC0Tc1MX2pwSIfUDHiqxyFHvL3ZVmQKVSMYiOWc52Szymil0yB0r0xyEdZdLV9cY0kcb3qsILlpfny8Gh5DrQNwBpdPZWalJk9nmNNNemOI2hTL6OeqaT3o/s1600/19.png
posisi awal titik guide

·                     Pilih frame 60 pada layer Bulan, dengan menggunakan Selection tool pada toolbar atur                  lingkaran bulan hingga titik tengahnya pada posisi akhir lingkaran guide bulan. seperti gambar             di bawah ini;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieP1KmgUc6I7w7ejvh1bbDmrcLEue0axxWGIAAO8uVyc5jO_sRnSZj06iFQSa3CnI01VdvAZ4sZkl1i8yAn7sgoJjpQG-jUhISsbTULhBXAH0P6I4P4A5IDMpAbh6Rj5Mzrf2BtajJhz8/s320/20.png
posisi akhir titik guide

·                     Kemudian  terakhir Blok frame 1 hingga 60 pada layer bulan, klik kanan mouse pilih                       Create Motion Tween. seperti gambar di bawah ini;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidIgvlzLijTKJVMPEML2WtNu9mtD4XNIE8RJr4mraALMiPGI4fIutlh8pbsirmEEzYJCjSxk8de2obS1aDeEVmROXUUQAYLZpnlC5EM4GwWzWreEXC4r9RX5smdXjgrSbTmfjelsKJPn8/s320/21.png
Blok frame 1 s/d frame 60

·                     Untuk menghilangkan garis guideline, klik ikon mata pada layer Guideline bulan. seperti                 gambar di bawah ini;
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-_wPiW7KCM2DbWw7Li0JgeU49EyLLjQdGpU6tRnf0jOs4eZm7TmC-R08hGQvqvyqo4dSx0khQf2FC_MXktLxNeS01OjxoixdU4OPFe-BwmDBFY6d8oJEk4kzBpYl_8CCSDiK-2luK0lU/s1600/22.png
guideline

·                     Jalankan animasi

Referensi :
http://blaakraan.blogspot.co.id/2014/07/cara-membuat-animasi-masking-dan-path.html (diakses pada jam 4:22 PM)

No comments:

Post a Comment