PELATIHAN MEDIA PRESENTASI BERBASIS ANIM
PELATIHA
HAN MEDIA PRESENTASI BER
ERBASIS ANIMASI KARTUN
N
DI SMP PGRI 13 KENDAL
L
OLEH :
etiadi, S.Kom, M.Kom (Sebagai Ketua)
a)
1. Teguh Seti
2. Edy Sis
Siswanto, S.St, MM (Sebagai Anggota)
a)
P
Pelaksanaan & Kegiatan pelatihan :
Hari/Tanggal : Sabtu 9, 16 dan 23 September 2017
17
STEKOM (SEKOLAH TING
INGGI ELEKTRONIKA & KOMPUTER)
R)
Sekolah Tinggi Elek
Elektronika dan Komputer
er
Kendal
al
2017
7
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
DAFTAR ISI
MATERI PELATIHAN
PERTEMUAN 01 : MEMBUAT ANIMASI OBJEK ............................................................
2
PERTEMUAN 02 : MEMBUAT ANIMASI TEXT ..............................................................
7
PERTEMUAN 03 : MEMBUAT ANIMASI DASAR KARTUN ............................................
17
PERTEMUAN 04 : MEMBUAT BIODATA DIRI ...............................................................
25
PERTEMUAN 06 : TUGAS ANIMASI LAYANAN MASYARAKAT ...................................
31
Data Diri Pengajar
33
............................................................................................
Hal- 1
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
PERTEMUAN 01 : MEMBUAT ANIMASI OBJEK
A. Dasar membuat objek
1. Pada langkah awal untuk mengerjakan buka terlebih dahulu aplikasinya dengan
menggunakan adobe flash CS ataupun masih menggunakan macromedia flash 8. Klik pada
all program pilih aplikasinya sebagai berikut ini.
2. Tampilan awal dari aplikasinya
3. Pilih actionscript 2.0 seperti dibawah ini.
4. Selanjutnya tampilan dari dokumen baru atau kanvas untuk tempat membuat animasi.
Hal- 2
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
5. Buat oval dengan warna merah posisikan pada frame 01 dengan ketentuan sebagai berikut
ini, selanjutnya posisikan pada frame 20 pilih klik kanan pilih create clasic tween.
6. Pindahkan objek oval tersebut pada posisi kanan, seperti dibawah ini.
7. Untuk mengetahui hasilnya dapat tekan CTRL+ENTER
Hal- 3
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
B. Membuat objek menghilang dengan Alpha
1. Melanjutnya objek pindah ke kiri dan ke kanan, maka objek oval tersebut akan dihilangkan
dengan ketentuan menggunakan teknik pilih frame 55 selanjutnya pilih pada properties
sebelah kanan pilih alpha.
2. Agar menghilangnya lebih transparan dengan mengisi alpha menjadi 0%, sebagai berikut
ini.
C. Perubahan objek oval ke kotak
1. Langkah awal sama sebelumnya tinggal frame awal dengan menggunakan objek oval
Hal- 4
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
2. Pillih frame 50 dengan menekan frame pilih klik kanan insert bank keyframe, sebagai
berikut.
3. Pada frame 50 membuat objek kotakdegan warna ungu, sebagai berikut ini.
4. Seleksi atau blok semuanya dari frame 01 sampai 50 dengan memilih create shape tween.
Hal- 5
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
5. Hasil sementara perubahan objek sebagai berikut ini.
6. Untuk mengetahui hasilnya dapat tekan CTRL+ENTER
Hal- 6
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
PERTEMUAN 02 : MEMBUAT ANIMASI TEXT
A. Dasar Animasi Text
1. Pertemuan kedua tersebut dengan membuat animasi text dengan langkah-langkah sebagai
berikut ini. Buka lembar dokumen baru dengan klik pada Actionscrip 2.0, dapat dilihat
seperti pada tampilan dibawah ini.
2.
Pilih actionscript 2.0 sebagai berikut ini
3.
Pilih dokumen baru atau kanvas untuk mendesain animasi.
4.
Pilih text tool (T) pada properties sebelah kanan untuk membuat textnya, sebagai berikut
ini.
Hal- 7
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
5.
Ketik teks tersebut seperti contoh dibawah ini,
6.
Untuk menghasilkan teks yang lebih bagus pilih font pada posisi kanan sebagai berikutnya
7.
Pilih bold agar terlihat lebih tebal sebagai berikut
Hal- 8
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
8.
Selanjutnya dengan memilih frame 01 ke frame 60 dengan menambahnya pilih frame 60
dan klik kanan insert to keyframe.
9.
Seleksi dari frame 01 ke frame 60 dengan memilih create clasic tween sebagai berikut.
10. Pilih text pada awalnya dengan alpha untuk frame 01, lihat dibawah ini.
Hal- 9
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
11. Maka hasilnya seperti dibawah ini menjadi hilang atau dengan transparan 0 untuk alpha
12. Selanjutnya klik frame 60 dengan ketentuan tanpa diberi alpha.
B. Mengambil gambar ekternal
1. Pada aplikasi flash dapat juga mengambil gambar ekternal dari luar aplikasi maka dapat
dipilih file import > import to library sebagai berikut.
Hal- 10
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
2.
Pilih gambar yang sudag disiapkan dengan gambar (image) tutwuri.jpg
3.
Maka dapat dilihat bahwa gambar telah masuk pada library aplikasi flash.
4.
Gambar tersebut tarik atau drag pada posisi dikanvas lihat barikut ini.
Hal- 11
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
5.
Selanjutnya dengan memilih frame 01 sampai 60 blok atau seleksi frame tersebut,
selanjutya pilih gambar tutwuri dengan convert to symbol sebagai berikut.
6.
Muncul kotak dialog nya beri nama logo.
7.
Selanjutnya frame tersebut pindahkan dibawah text, dan dengan blok dan seleksi pada
frame pilih frame 60 klik kanan pilih insert keyframe.
Hal- 12
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
8.
Dari frame tersebut dengan blok dan seleksi pada frame pilih frame 60 klik kanan pilih
create clasic tween.
9.
Pilih logo tersebut dan klik pada sebelah kanannya dengan memberikan alpha
10. Pilh alpha dengan 15%, pada properties disebelah kanannya
Hal- 13
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
11. Tarik dari pojok dan kecilkan pada logo tersebut
12. Logo dikecilkan atau size ukurannya diperkecil dari ukuran sebelumnya
13. Hasil transparan pada logo dengan menggunakan alpha
Hal- 14
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
14. Ketik pada text tersebut dengan ketentuan sebagai berikut ini.
15. Selanjutnya pilih font Tiranti solid LEF pada kanan yaitu propertiesnya
16. Hasil menggunakan warna merah pada text tersebut,
Hal- 15
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
17. Seleksi dan blok pada bagian layer 3 pilih create clasic tween sebagai berikut ini.
18. Text tersebut pilih dan pindahkan pada posisi frame 01, text tersebut dipindah paling kiri.
19. Pindahkan text tersebut dengan memilih insert key frame
Hal- 16
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
20. Maka hasilnya sebagai berikut ini.
PERTEMUAN 03 : MEMBUAT ANIMASI DASAR KARTUN
A. Dasar Animasi Ikan
1. Pada pertemuan ketiga selanjutnya membuat animasi kartun ikan yang mondar mandri
maka mari kita lihat tutornya dalam bentuk panduannya, sebagi berikut.
2. Pertama buat backgrondnya terlebih dahulu, anda boleh menggunakan warna dengan
kesukaannya masing-masing dapat dilihat sebagai berkut ini.
Hal- 17
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
3. Membuat gambar awan dengan menggunakan teknik lingkaran warna putih, lihat sebagai
berikut ini.
4. Klik seleksi pada bagian garis gambar awan dan pilih delete atau hapus
5. Selanjutnya dengan membuat frame 01 ke frame 50 dengan pilih klik kanan insert keyframe
Hal- 18
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
6. Blok seleksi dan pilih frame 01 sampe 50 pilih klik kanan create clacis tween
7. Pindahkan gambar awan tersebut dari frame 01 pilih ke posisi di kiri pojok
B. Membuat objek ikan
1. Membuat objek ikan dengan memilih objek lingkaran atau oval dan objek kotak sebagai
berikut ini.
Hal- 19
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
2.
Hasil sementara membuat objek ikan sebagai berikut ini.
3.
Biar lebih nyata beri mata untuk ikan tersebut dengan objek oval
4.
Warnai objek tersebut dengan warna masing-masing
Hal- 20
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
5.
Beri warna untuk body ikan tersebut, dengan warna selera masing-masing
6.
Seleksi dan blok pada frame 01 sampai 50 dengan memilih create clasic tween
7.
Pada frame 25 pilih klik kanan dan pihih insert keyframe
Hal- 21
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
8.
Pilih di frame 26 dengan memutar objek ikannya pada posisi kiri ke kanan
9.
Klik pada frame 50 pindahkan ikan pada posisi kanan
C. Menambah Animasi lautan
1. Untuk membuat animasi lautan dengan ketentuan pilih objek kotak dengan beri warna biru
muda.
Hal- 22
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
2.
Pilih frame di 50 dengan klik insert keyframe, dan merubah bentuk objek tersebut.
3.
Seleksi semuanya atau blok pada bagian frame 01 sampai 50 dengan memilih create
shape tween
4.
Hasil sementara dapat dilihat sebagai berikut ini.
Hal- 23
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
D. Penambahan objek batu
1. Untuk membuat objek batu dengan ketentuan dengan memilih objek kotak dengan
memberi warna hitam dengan 80% atau warna hitam muda.
2.
Bentuk ubah dengan menyerupai batuan dipinggir lautan.
Hal- 24
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
PERTEMUAN 04 : MEMBUAT BIODATA DIRI
1.
Pada pertemuan empat yaitu membuat biodata diri masing-masing dengan nama sendirisendiri, lebih jelasnya mari mengerjakannya dengan langkah-langkah sebagai berikut:
2.
Pilih objek kotak dengan membuat warna oraye.
3.
Klik pada objek tersebut dengan klik kanan pilih convert to symbol
Hal- 25
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
4.
Tampilah kotak dialog untuk convert to symbol ubah typenye dengan botton sebebagai
berikut.
5.
Duplikade atau copy dari tombol tersebut menjadi 3 jenis yang sama
6.
Selanjutnya ketik dan posisikan pada layer yang berbeda antara lain “nama, tanggal lahir,
hobby” sebagai berikut ini.
7.
Sebelah kanan berikan suatu obajek kotak dengan ketentuan sebagai berikut ini.
Hal- 26
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
8.
Pilih dari ke empat layer dan posisikan pada frame ke 20, maka selanjutya dengan memilih
klik kanan insert keyframe.
9.
Hasil sementara sebagai berikut ini.
10. Pilih insert keyframe pada ketiga frame 5, 10, 15
Hal- 27
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
11. Dari ketiga frame 5, 10, 15 beri nama masing – masing pada sebelah kanan di properties.
12. Dari ketiga frame 15 beri nama “hobby” pada sebelah kanan di properties.
13. Pilih frame 01 klik pada propertie dengan text dan nama “ bejo “, untuk nama sesuaikan
nama masing-masing.
Hal- 28
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
14. Pilih frame 01 dengan memberikan nama “ bejo “ diberi kotak warna biru agar
kontrasdiusahakan dengan membuat nama masing-masing
15. Pilih frame 15 dengan memberikan nama “ mancing “diberi kotak warna biru agar kontras
16. Selanjutnya dengan memilih action dengan pilih window action (f9)
Hal- 29
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
17. Pada frame 5, 10, 15 berikan action (f9) dengan memberi “stop();”
18. Tulis action nya pada nama sebagai berikut
19. Tulis action nya pada tanggal lahir sebagai berikut
Hal- 30
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
20. Hasil akhir dengan memilih CTRL+ENTER untuk melihat hasilnya.
PERTEMUAN 06 : TUGAS ANIMASI LAYANAN MASYARAKAT
Pada pertemuan akhir anda membuat animasi layanan masyarakat topiknya bebas, dapat
dilihat pada contoh dibawah ini.
Tampilan animasi scene 1 dan 2 adalah perkenalan dan mengambil sampah
Hal- 31
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
Tampilan animasi scene 3 dan 4 adalah menaruh sampah dan memberikan salam
Tampilan animasi scene 5 dan 6 adalah jenis sampah dan ending selesai
Hal- 32
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
Data Diri Pengajar
Teguh Setiadi, S.Kom., M.Kom
Keilmuan :
Desain Komunikasi Visual
Lulusan :
S1 : STEKOM SEMARANG
S2 : UNIVERSITAS DIPONEGORO SEMARANG
(UNDIP)
Edy Siswanto, S.ST.,M.M
Keilmuan :
Manajemen dan Pemprograman Visual
Lulusan :
S1 : STEKOM SEMARANG
S2 : UNIVERSITAS STIKUBANK SEMARANG
(UNISBANK)
Hal- 33
HAN MEDIA PRESENTASI BER
ERBASIS ANIMASI KARTUN
N
DI SMP PGRI 13 KENDAL
L
OLEH :
etiadi, S.Kom, M.Kom (Sebagai Ketua)
a)
1. Teguh Seti
2. Edy Sis
Siswanto, S.St, MM (Sebagai Anggota)
a)
P
Pelaksanaan & Kegiatan pelatihan :
Hari/Tanggal : Sabtu 9, 16 dan 23 September 2017
17
STEKOM (SEKOLAH TING
INGGI ELEKTRONIKA & KOMPUTER)
R)
Sekolah Tinggi Elek
Elektronika dan Komputer
er
Kendal
al
2017
7
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
DAFTAR ISI
MATERI PELATIHAN
PERTEMUAN 01 : MEMBUAT ANIMASI OBJEK ............................................................
2
PERTEMUAN 02 : MEMBUAT ANIMASI TEXT ..............................................................
7
PERTEMUAN 03 : MEMBUAT ANIMASI DASAR KARTUN ............................................
17
PERTEMUAN 04 : MEMBUAT BIODATA DIRI ...............................................................
25
PERTEMUAN 06 : TUGAS ANIMASI LAYANAN MASYARAKAT ...................................
31
Data Diri Pengajar
33
............................................................................................
Hal- 1
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
PERTEMUAN 01 : MEMBUAT ANIMASI OBJEK
A. Dasar membuat objek
1. Pada langkah awal untuk mengerjakan buka terlebih dahulu aplikasinya dengan
menggunakan adobe flash CS ataupun masih menggunakan macromedia flash 8. Klik pada
all program pilih aplikasinya sebagai berikut ini.
2. Tampilan awal dari aplikasinya
3. Pilih actionscript 2.0 seperti dibawah ini.
4. Selanjutnya tampilan dari dokumen baru atau kanvas untuk tempat membuat animasi.
Hal- 2
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
5. Buat oval dengan warna merah posisikan pada frame 01 dengan ketentuan sebagai berikut
ini, selanjutnya posisikan pada frame 20 pilih klik kanan pilih create clasic tween.
6. Pindahkan objek oval tersebut pada posisi kanan, seperti dibawah ini.
7. Untuk mengetahui hasilnya dapat tekan CTRL+ENTER
Hal- 3
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
B. Membuat objek menghilang dengan Alpha
1. Melanjutnya objek pindah ke kiri dan ke kanan, maka objek oval tersebut akan dihilangkan
dengan ketentuan menggunakan teknik pilih frame 55 selanjutnya pilih pada properties
sebelah kanan pilih alpha.
2. Agar menghilangnya lebih transparan dengan mengisi alpha menjadi 0%, sebagai berikut
ini.
C. Perubahan objek oval ke kotak
1. Langkah awal sama sebelumnya tinggal frame awal dengan menggunakan objek oval
Hal- 4
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
2. Pillih frame 50 dengan menekan frame pilih klik kanan insert bank keyframe, sebagai
berikut.
3. Pada frame 50 membuat objek kotakdegan warna ungu, sebagai berikut ini.
4. Seleksi atau blok semuanya dari frame 01 sampai 50 dengan memilih create shape tween.
Hal- 5
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
5. Hasil sementara perubahan objek sebagai berikut ini.
6. Untuk mengetahui hasilnya dapat tekan CTRL+ENTER
Hal- 6
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
PERTEMUAN 02 : MEMBUAT ANIMASI TEXT
A. Dasar Animasi Text
1. Pertemuan kedua tersebut dengan membuat animasi text dengan langkah-langkah sebagai
berikut ini. Buka lembar dokumen baru dengan klik pada Actionscrip 2.0, dapat dilihat
seperti pada tampilan dibawah ini.
2.
Pilih actionscript 2.0 sebagai berikut ini
3.
Pilih dokumen baru atau kanvas untuk mendesain animasi.
4.
Pilih text tool (T) pada properties sebelah kanan untuk membuat textnya, sebagai berikut
ini.
Hal- 7
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
5.
Ketik teks tersebut seperti contoh dibawah ini,
6.
Untuk menghasilkan teks yang lebih bagus pilih font pada posisi kanan sebagai berikutnya
7.
Pilih bold agar terlihat lebih tebal sebagai berikut
Hal- 8
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
8.
Selanjutnya dengan memilih frame 01 ke frame 60 dengan menambahnya pilih frame 60
dan klik kanan insert to keyframe.
9.
Seleksi dari frame 01 ke frame 60 dengan memilih create clasic tween sebagai berikut.
10. Pilih text pada awalnya dengan alpha untuk frame 01, lihat dibawah ini.
Hal- 9
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
11. Maka hasilnya seperti dibawah ini menjadi hilang atau dengan transparan 0 untuk alpha
12. Selanjutnya klik frame 60 dengan ketentuan tanpa diberi alpha.
B. Mengambil gambar ekternal
1. Pada aplikasi flash dapat juga mengambil gambar ekternal dari luar aplikasi maka dapat
dipilih file import > import to library sebagai berikut.
Hal- 10
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
2.
Pilih gambar yang sudag disiapkan dengan gambar (image) tutwuri.jpg
3.
Maka dapat dilihat bahwa gambar telah masuk pada library aplikasi flash.
4.
Gambar tersebut tarik atau drag pada posisi dikanvas lihat barikut ini.
Hal- 11
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
5.
Selanjutnya dengan memilih frame 01 sampai 60 blok atau seleksi frame tersebut,
selanjutya pilih gambar tutwuri dengan convert to symbol sebagai berikut.
6.
Muncul kotak dialog nya beri nama logo.
7.
Selanjutnya frame tersebut pindahkan dibawah text, dan dengan blok dan seleksi pada
frame pilih frame 60 klik kanan pilih insert keyframe.
Hal- 12
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
8.
Dari frame tersebut dengan blok dan seleksi pada frame pilih frame 60 klik kanan pilih
create clasic tween.
9.
Pilih logo tersebut dan klik pada sebelah kanannya dengan memberikan alpha
10. Pilh alpha dengan 15%, pada properties disebelah kanannya
Hal- 13
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
11. Tarik dari pojok dan kecilkan pada logo tersebut
12. Logo dikecilkan atau size ukurannya diperkecil dari ukuran sebelumnya
13. Hasil transparan pada logo dengan menggunakan alpha
Hal- 14
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
14. Ketik pada text tersebut dengan ketentuan sebagai berikut ini.
15. Selanjutnya pilih font Tiranti solid LEF pada kanan yaitu propertiesnya
16. Hasil menggunakan warna merah pada text tersebut,
Hal- 15
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
17. Seleksi dan blok pada bagian layer 3 pilih create clasic tween sebagai berikut ini.
18. Text tersebut pilih dan pindahkan pada posisi frame 01, text tersebut dipindah paling kiri.
19. Pindahkan text tersebut dengan memilih insert key frame
Hal- 16
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
20. Maka hasilnya sebagai berikut ini.
PERTEMUAN 03 : MEMBUAT ANIMASI DASAR KARTUN
A. Dasar Animasi Ikan
1. Pada pertemuan ketiga selanjutnya membuat animasi kartun ikan yang mondar mandri
maka mari kita lihat tutornya dalam bentuk panduannya, sebagi berikut.
2. Pertama buat backgrondnya terlebih dahulu, anda boleh menggunakan warna dengan
kesukaannya masing-masing dapat dilihat sebagai berkut ini.
Hal- 17
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
3. Membuat gambar awan dengan menggunakan teknik lingkaran warna putih, lihat sebagai
berikut ini.
4. Klik seleksi pada bagian garis gambar awan dan pilih delete atau hapus
5. Selanjutnya dengan membuat frame 01 ke frame 50 dengan pilih klik kanan insert keyframe
Hal- 18
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
6. Blok seleksi dan pilih frame 01 sampe 50 pilih klik kanan create clacis tween
7. Pindahkan gambar awan tersebut dari frame 01 pilih ke posisi di kiri pojok
B. Membuat objek ikan
1. Membuat objek ikan dengan memilih objek lingkaran atau oval dan objek kotak sebagai
berikut ini.
Hal- 19
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
2.
Hasil sementara membuat objek ikan sebagai berikut ini.
3.
Biar lebih nyata beri mata untuk ikan tersebut dengan objek oval
4.
Warnai objek tersebut dengan warna masing-masing
Hal- 20
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
5.
Beri warna untuk body ikan tersebut, dengan warna selera masing-masing
6.
Seleksi dan blok pada frame 01 sampai 50 dengan memilih create clasic tween
7.
Pada frame 25 pilih klik kanan dan pihih insert keyframe
Hal- 21
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
8.
Pilih di frame 26 dengan memutar objek ikannya pada posisi kiri ke kanan
9.
Klik pada frame 50 pindahkan ikan pada posisi kanan
C. Menambah Animasi lautan
1. Untuk membuat animasi lautan dengan ketentuan pilih objek kotak dengan beri warna biru
muda.
Hal- 22
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
2.
Pilih frame di 50 dengan klik insert keyframe, dan merubah bentuk objek tersebut.
3.
Seleksi semuanya atau blok pada bagian frame 01 sampai 50 dengan memilih create
shape tween
4.
Hasil sementara dapat dilihat sebagai berikut ini.
Hal- 23
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
D. Penambahan objek batu
1. Untuk membuat objek batu dengan ketentuan dengan memilih objek kotak dengan
memberi warna hitam dengan 80% atau warna hitam muda.
2.
Bentuk ubah dengan menyerupai batuan dipinggir lautan.
Hal- 24
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
PERTEMUAN 04 : MEMBUAT BIODATA DIRI
1.
Pada pertemuan empat yaitu membuat biodata diri masing-masing dengan nama sendirisendiri, lebih jelasnya mari mengerjakannya dengan langkah-langkah sebagai berikut:
2.
Pilih objek kotak dengan membuat warna oraye.
3.
Klik pada objek tersebut dengan klik kanan pilih convert to symbol
Hal- 25
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
4.
Tampilah kotak dialog untuk convert to symbol ubah typenye dengan botton sebebagai
berikut.
5.
Duplikade atau copy dari tombol tersebut menjadi 3 jenis yang sama
6.
Selanjutnya ketik dan posisikan pada layer yang berbeda antara lain “nama, tanggal lahir,
hobby” sebagai berikut ini.
7.
Sebelah kanan berikan suatu obajek kotak dengan ketentuan sebagai berikut ini.
Hal- 26
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
8.
Pilih dari ke empat layer dan posisikan pada frame ke 20, maka selanjutya dengan memilih
klik kanan insert keyframe.
9.
Hasil sementara sebagai berikut ini.
10. Pilih insert keyframe pada ketiga frame 5, 10, 15
Hal- 27
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
11. Dari ketiga frame 5, 10, 15 beri nama masing – masing pada sebelah kanan di properties.
12. Dari ketiga frame 15 beri nama “hobby” pada sebelah kanan di properties.
13. Pilih frame 01 klik pada propertie dengan text dan nama “ bejo “, untuk nama sesuaikan
nama masing-masing.
Hal- 28
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
14. Pilih frame 01 dengan memberikan nama “ bejo “ diberi kotak warna biru agar
kontrasdiusahakan dengan membuat nama masing-masing
15. Pilih frame 15 dengan memberikan nama “ mancing “diberi kotak warna biru agar kontras
16. Selanjutnya dengan memilih action dengan pilih window action (f9)
Hal- 29
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
17. Pada frame 5, 10, 15 berikan action (f9) dengan memberi “stop();”
18. Tulis action nya pada nama sebagai berikut
19. Tulis action nya pada tanggal lahir sebagai berikut
Hal- 30
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
20. Hasil akhir dengan memilih CTRL+ENTER untuk melihat hasilnya.
PERTEMUAN 06 : TUGAS ANIMASI LAYANAN MASYARAKAT
Pada pertemuan akhir anda membuat animasi layanan masyarakat topiknya bebas, dapat
dilihat pada contoh dibawah ini.
Tampilan animasi scene 1 dan 2 adalah perkenalan dan mengambil sampah
Hal- 31
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
Tampilan animasi scene 3 dan 4 adalah menaruh sampah dan memberikan salam
Tampilan animasi scene 5 dan 6 adalah jenis sampah dan ending selesai
Hal- 32
MODUL
PELATIHAN MEDIA PRESENTASI BERBASIS ANIMASI KARTUN ------ TEAM PENGAPDIAN MASYARAKAT 2017 -STEKOM
Data Diri Pengajar
Teguh Setiadi, S.Kom., M.Kom
Keilmuan :
Desain Komunikasi Visual
Lulusan :
S1 : STEKOM SEMARANG
S2 : UNIVERSITAS DIPONEGORO SEMARANG
(UNDIP)
Edy Siswanto, S.ST.,M.M
Keilmuan :
Manajemen dan Pemprograman Visual
Lulusan :
S1 : STEKOM SEMARANG
S2 : UNIVERSITAS STIKUBANK SEMARANG
(UNISBANK)
Hal- 33