AK

L.
SU

Disusun Oleh :
M

NAMA : SAMSUL. AK
SA

NPM : 2335003P
KELAS : B.3.1
DOSEN PEMBIMBING : ABDUL RAHMAN, M. Kom

PROGRAM STUDI INFORMATIKA

FAKULTAS TEKNIK DAN KOMPUTER
UNIVERSITAS BATURAJA
2023

SAMSUL.AK | INFORMATIKA UNBARA i

 KATA PENGANTAR

Alhamdulillahirabbil’alamin, penyusun panjatkan puji syukur kehadirat Allah SWT,

atas segala berkat, rahmat, taufik, serta hidayah-Nya yang tiada terkira besarnya, sehingga saya
dapat menyelesaikan Laporan Praktikum Multimedia dengan judul “ Pembuatan Curriculum
Vitae (CV) menggunakan Adobe Animate”. Tidak lupa saya juga mengucapkan banyak
terimakasih atas bantuan dan bimbingan oleh Abdul Rahman, M.Kom selaku dosen
Pembimbing mata kuliah Multimedia.
Meskipun Saya berharap isi dari laporan praktikum saya ini bebas dari kekurangan dan
kesalahan, namun selalu ada yang kurang. Oleh karena itu, saya mengharapkan kritik dan saran
yang membangun agar laporan praktikum ini dapat lebih baik lagi.
Akhir kata saya mengucapkan terimakasih, semoga laporan praktikum ini dapat bermanfaat.
AK
L.
Baturaja, 13 November 2023
SU

Penulis
M

Samsul. AK
SA

SAMSUL.AK | INFORMATIKA UNBARA ii

 DAFTAR ISI

KATA PENGANTAR ........................................................................................................................... ii

DAFTAR ISI......................................................................................................................................... iii
BAB I PENDAHULUAN ..................................................................................................................... 1
1.1 Latar Belakang ........................................................................................................................... 1
1.2 Tujuan .......................................................................................................................................... 1
BAB II LANDASAN TEORI ............................................................................................................... 2
2.1 Pengertian Dan Fungsi Adobe Animate ................................................................................... 2
2.2 Fungsi adobe animate ................................................................................................................. 2
BAB III METODOLOGI PRAKTIKUM ........................................................................................... 3
3.1 Waktu dan Tempat ..................................................................................................................... 4
A. Waktu ......................................................................................................................................... 4
B. Tempat ....................................................................................................................................... 4
AK
3.2 Alat dan Bahan ........................................................................................................................... 4
A. Alat ............................................................................................................................................. 4
B. Bahan.......................................................................................................................................... 4
L.
3.3 Prosedur Kerja ........................................................................................................................... 5
SU

A. Membuat Desain Portfolio ......................................................................................................... 5

B. Membuat Tombol Menu ............................................................................................................ 5
M

C. Membuat membuat Halaman Portfolio ..................................................................................... 5

BAB IV PEMBAHASAN ..................................................................................................................... 6
SA

4.1 Cara Membuat Desain Portfolio................................................................................................ 6

4.2 Cara Membuat Animasi ........................................................................................................... 10
4.3 Cara Membuat Halaman............................................................................................. …. 13

BAB IV PENUTUP ............................................................................................................................. 15

A. KESIMPULAN........................................................................................................................... 15
DAFTAR PUSTAKA .......................................................................................................................... 16

SAMSUL.AK | INFORMATIKA UNBARA iii

 BAB I

PENDAHULUAN

1.1 Latar Belakang

Secara bahasa, multimedia terdiri dari dua kata, yaitu multi dan media.
Multi banyak, sedangkan media artinya adalah sesuatu yang digunakan untuk
menyampaikan pesan (perantara). Jadi Pengertian multimedia adalah perantara
pesan yang terdiri lebih dari 1 elemen atau banyak.
Dalam definisi lain, Multimedia adalah sarana komunikasi yang
mengintegrasikan teks, grafik, gambar diam dan bergerak, animasi audio, dan
AK
media lain. Kombinasi elemen tersebut dapat ditampilkan, disimpan, dikirim, dan
diproses dengan sebuah perangkat tertentu.
L.
Secara lebih sederhana, Bloop Animation menjelaskan bahwa animasi
SU

adalah seni menghidupkan ilustrasi sebuah benda mati atau karakter.

Definisi tersebut sejalan dengan asal kata animasi. Pasalnya, kata
‘animate’ berasal dari bahasa Latin ‘animare’ yang berarti menghidupkan atau
M

mengisi dengan napas.

SA

Animasi dibuat dengan mengurutkan kumpulan gambar, kemudian

ditampilkan satu persatu dengan cepat. Gambar pun akan terlihat hidup dan
bergerak.
Maka dengan dibuatnya laporan ini maka penuis bertujuan untuk sama
sama mengingatkan untuk belajar membuat animasi dengan menggunakan Adobe
Animate 2022.

1.2 Tujuan
1. Mengetahui apa itu animasi, multimedia dan Adobe Animate 2022
2. Dapat membuat animasi di aplikasi Adobe Animate 2022
3. Kelebihan Program Aplikasi Adobe Animate 2022

SAMSUL.AK | INFORMATIKA UNBARA 1

 BAB II
LANDASAN TEORI

2.1 Pengertian Dan Fungsi Adobe Animate

Adobe Animate CC, merupakan bagian dari Adobe grafis dan software
publishing yang bisa digunakan untuk melakukan desain web dan membuat animasi
HTML yang interaktif untuk web anda, iklan media, penerbitan digital, bahkan
membuat desktop dan mobile browser dengan sangat mudah menggunaan teknologi
HTML5, CSS3, serta Javascript.
Menurut (Masruroh, 2016) Adobe Animate CC adalah program
multimedia authoring dan animasi komputer yang dikembangkan oleh Adobe
AK
Systems. Adobe Animate CC dirancang untuk pengerjaan gambar animasi,
pengerjan gambar vektor, serta pengerjaan aplikasi interaktif, maupun media visual
L.
berbasis animasi. Untuk bahasa pemrogramannya menggunakan Action Script.
SU

Pada Adobe Animate CC menggunakan Action Script terbaru yaitu Action Script
3.
M

Adobe Animate CC banyak digunakan untuk pembuatan efek animasi

SA

pada website, pada logo, efek animasi film, pada game. Untuk keunggulan-
keunggulannya terletak pada multiplatform support: HTML5 Canvas, Flash (SWF),
AIR, WebGL, dan masih banyak lagi lainnya. Adobe Animate CC juga dapat
melakukan ekspor video dengan resolusi tampilan ultra HD, dan Hi-DPI terkini.
Dengan banyaknya fitur-fitur yang juga semakin lengkap pada software besutan
Adobe System ini, maka sudah dipastikan akan semakin meningkatkan kinerja serta
kreatifitas kreator.

2.2 Fungsi adobe animate

Versi baru Adobe Animate CC tidak ada hubungannya dengan yang
sebelumnya, ia telah mengetahui bagaimana beradaptasi dengan zaman baru dan
dimodernisasi, tetapi juga berkembang untuk mencapai alat yang sangat lengkap.

SAMSUL.AK | INFORMATIKA UNBARA 2

 Oleh karena itu, di antara fungsi yang dapat Anda lakukan dengan program ini
adalah :
1. Adobe Animate Camera
Ini adalah alat yang Anda bisa mengarahkan kamera animasi sehingga Anda
dapat membuat hasil yang lebih realistis karena ini akan memungkinkan Anda,
antara lain, untuk memperbesar, memutar, atau menggeser animasi, sehingga
menambahkan efek yang berbeda.
2. Format keluaran berbeda
Sebelumnya, versi lama hanya mendukung format keluaran terbatas, proyek
tidak dapat disimpan dengan cara lain. Tapi sekarang sudah berubah dan
hasilnya bisa diekspor dalam format yang berbeda seperti HTML5, video 4k atau
WebGL, tergantung penggunaan yang ingin Anda berikan salah satu atau yang
AK
lain. Itu juga mungkin menyesuaikan data ke CSS atau, jika Anda lebih suka
yang lama, Anda masih dapat menggunakan format SWF.
L.
3. Menggunakan vector
SU

Fungsi lain dari Adobe Animate CC adalah menggunakan kuas vektor, yaitu,
Anda dapat memengaruhi tekanan dan kemiringan dalam gambar garis, guratan,
M

dll. membuat grafik vektor 2D dengan pola, kurva, bentuk.

SA

4. Kemampuan untuk menyinkronkan audio dengan Adobe Animate CC

Salah satu fungsi yang paling mencolok adalah kemungkinan untuk
menggunakan audio dan, tidak hanya itu, tetapi juga menyinkronkannya dengan
animasi, dapat membuat serial dari awal dari komputer Anda sendiri.
5. Anda juga bisa memasukkan teks
Terakhir, Anda memiliki Typekit, alat dalam Adobe Anime CC yang membantu
Anda memasukkan teks dalam animasi, selalu mendapatkan kualitas tinggi.
Tentu saja, hanya untuk HTML5.

SAMSUL.AK | INFORMATIKA UNBARA 3

 BAB III
METODOLOGI PRAKTIKUM

3.1 Waktu dan Tempat

A. Waktu

Adapun waktu pelaksanaan praktikum yaitu :

- Praktikum membuat Portfolio menggunakan adobe animate dilakukan pada
hari Sabtu, tanggal 28 Oktober 2023, mengikuti Tutorial dari Youtube
Channel Abdul Rahman blog, pada pukul 15.00 – 16.30
- Praktikum membuat Layout Desain Portfolio dilakukan secara mandiri di
rumah pada 30 Oktober 2023,
AK
- Praktikum membuat tombol Profil, tombol Pendidikan Formal, Pendidikan
Non Formal dilakukan pada 30 Oktober 2023
L.
- Praktikum membuat animasi Tombol menu 4 November 2023
SU

B. Tempat
M

Adapun tempat pelaksanaan praktikum multimedia ada yang dilaksanakan

SA

daring dan luring. Untuk pelaksanaan praktikum luring yaitu dilaksanakan di LAB
komputer Multimedia Fakultas Teknik, Program Studi Informatika Universitas
Baturaja dan untuk pelaksanaan secara daring dilakukan di rumah masing-masing.

3.2 Alat dan Bahan

A. Alat

Alat yang digunakan untuk praktikum yaitu:

Komputer atau PC yang berfungsi sebagai media pembelajaran Multimedia

B. Bahan

Adapun Bahan yang digunakan untuk praktikum yaitu: Adobe Animate 2022
yang berfungsi sebagai aplikasi untuk membuat animasi.

SAMSUL.AK | INFORMATIKA UNBARA 4

 3.3 Prosedur Kerja

A. Membuat Desain Portfolio

Adapun prosedur kerja pelaksanaan praktikum ini, yaitu:

1. Siapkan alat dan bahan
2. Buka Adobe Animate 2022
3. Membuat Menentukan Desain layout Portfolio Width = 720 x H = 1280
4. Setelah selesai, kumpulkan hasil

B. Membuat Tombol Menu

AK
Adapun prosedur kerja pelaksanaan praktikum ini, yaitu:
1. Siapkan alat dan bahan.
L.
2. Buka Adobe Animate 2022
SU

3. Membuat tombol menu

4. Setelah selesai, kumpulkan hasil
M
SA

C. Membuat membuat Halaman Portfolio

Adapun prosedur kerja pelaksanaan praktikum ini, yaitu:

1. Siapkan alat dan bahan.
2. Buka Adobe Animate 2022
3. Membuat Layout Halaman
4. Setelah selesai, kumpulkan hasil

SAMSUL.AK | INFORMATIKA UNBARA 5

 BAB IV
PEMBAHASAN

4.1 Cara Membuat Desain Portfolio

1. Buka software Adobe Animate 2022
2. Klik Menu File→New (Ctl+N)

AK
L.
SU
M

Gambar 1. New Document

SA

3. Pada Dashboard new Document Pilih Advanced → Pilih Html5 Kanvas→

Pada Detail Sebelah kanan tentukan Width dan Height nya yaitu 720 x 1280,
kemudian klik Create

Gambar 2. Pengaturan Dokumen

SAMSUL.AK | INFORMATIKA UNBARA 6

 4. Tool yang dipakai dalam membuat Desain Portfolio yaitu menggunakan
Rectangle Tool, Sebelum itu pilih terlebih dahulu warna Rectangle Tool
menggunakan Fill Color, pada menu sebelah kanan, pada color type pilih
Linear Gradient. Kode warna yang dipakai yaitu #0E92FD

AK
L.
SU
M

5. Kemudian Baru Pilih Rectangle Tool dan Mulai Desain Layout Portfolio, untuk
SA

Kotak Sesuaikan lebar dan tingginya seperti kita awal membuat dokumen, pada
menu properties→Object→Position and Size. Kemudian Supaya gambar berada
pas rata tengah dan di atas pada menu Align di sebelah kanan klik Center→Align
Horizontal Center→align top Edge, jangan lupa centang pada Align to stage.

SAMSUL.AK | INFORMATIKA UNBARA 7

 6. Masukkan Gambar dengan Cara klik menu fie →import →import stage, maka
akan muncul di Library sebelah kanan.

AK
L.
SU
M
SA

7. Buat Kotak Kedua, pilih Rectangle Tool kemudian atur Fill Color (color and
style) menggunakan warna Putih pada menu properties, lalu pada Rectangle
Options atur Rectangle corner radius masukkan angka 15. Kemudian klik lagi
rectangle tool dan buat kotaknya

SAMSUL.AK | INFORMATIKA UNBARA 8

 AK
8. Tambahkan Layer dengan cara klik tanda (+), lalu ubah nama layer tersebut
L.
seperti gambar di bawah ini
SU
M
SA

9. Membuat nama. Klik pada layer text, pada Tool Box kemudian pilih icon T,
setelah itu pada properties pilih font seperti gambar di bawah ini

SAMSUL.AK | INFORMATIKA UNBARA 9

 10.Membuat icon dan tombol. Untuk membuat icon tombol kita bisa menggunakan
image yang sudah kita desain baik itu di Adobe Illustrator, Inkscape dan lain-
lain, bisa juga menggunakan fasilitas Rectangle tool adobe animate, pada
properties Rectangle Option masukkan angka 15, lalu buat tombol sesuai
keinginan masing-masing.

4.2 Cara Membuat Animasi

1. Membuat Animasi pada tombol
AK
Seleksi semua tombol kemudian klik kanan pilih →convert to Symbol, maka
L.
akan muncul Convert to symbol. Isikan nama tombol, pada type pilih
SU

dropdown Movie clip, lalu OK

M
SA

SAMSUL.AK | INFORMATIKA UNBARA 10

 Masih pada layer tombol, klik 2x tombol maka akan muncul di edit bar nama
tombol yang kita convert tadi. Kemudian klik kanan di tombol yang masih
terseleksi tadi, pilih distribute to layer, maka akan otomatis muncul beberapa layer,
seperti gambar di bawah ini

AK
L.
SU
M

Pada Timeline seleksi semua layer pada frame 25, klik kanan insert frame
SA

Kemudian seleksi Kembali semua layer di frame 25 dengan cara tekan shift+tombol
UP keyboard, setelah itu klik kanan pilih insert frame, tekan shift+klik kiri untuk

SAMSUL.AK | INFORMATIKA UNBARA 11

 mem blok frame klik di antara frame 1 sampai 25, klik kanan pilih Create classic
tween, lalu arahkan kursor di frame awal sambal blok frame, geser ke bawah tombol
yang terseleksi.

AK
Seleksi tombol, pada menu di sebelah kanan di Properties Tweening inputkan ease
70. Masih di propertis →object→Color Effect→ Alpha→15%. Supaya menu
L.
animasi nya natural, atur posisi tombol keluar bergantian dengan cara blok salah
SU

satu tombol kemudian geser 5 frame, untuk lebih jelasnya seperti gambar di bawah
ini, blok pada frame 39 kemudian klik kanan insert frame.
M
SA

2. Membuat effect Mouse Over

Klik pada salah satu tombol menu, kemudian klik 2x, maka akan tampil edit
bar btn profil, pada effect over klik kanan insert key frame, lalu klik dan
Tarik tombol supaya besar, pada frame down klik kanan insert key frame lalu
kecilkan tampillan tombol

SAMSUL.AK | INFORMATIKA UNBARA 12

 4.3 Membuat Halaman
Sebelum membuat halaman terlebih dahulu tambahkan label, label ini
berfungsi memberikan nama untuk setiap frame nya. Setelah itu kita Kembali
ke layer halaman atau menu, kemudian klik layer halaman lalu tambahkan
blank key frame tergantung berapa halaman yang ingin kita buat. seperti
gambar di bawah ini.

AK
L.
SU
M

Setelah selesai membuat label Kembali ke layer halaman kemudian buat desain
SA

halaman. Lakukan hal yang sama pada halaman lain

SAMSUL.AK | INFORMATIKA UNBARA 13

 4.4 . Tampilan CV Ketika di jalankan

AK
L.
SU

Alamat CV : https://samsul-ak.com
M
SA

SAMSUL.AK | INFORMATIKA UNBARA 14

 BAB IV
PENUTUP

A. KESIMPULAN
Adobe Animate CC, merupakan bagian dari Adobe grafis dan software
publishing yang bisa digunakan untuk melakukan desain web dan membuat animasi
HTML yang interaktif untuk web anda, iklan media, penerbitan digital, bahkan
membuat desktop dan mobile browser dengan sangat mudah menggunaan teknologi
HTML5, CSS3, serta Javascript.
Adobe Animate CC dirancang untuk pengerjaan gambar animasi,
pengerjan gambar vektor, serta pengerjaan aplikasi interaktif, maupun media visual
AK
berbasis animasi. Untuk bahasa pemrogramannya menggunakan Action Script.
Pada Adobe Animate CC menggunakan Action Script terbaru yaitu Action Script
L.
3.
SU

Adobe Animate CC banyak digunakan untuk pembuatan efek animasi

pada website, pada logo, efek animasi film, pada game. Untuk keunggulan-
M

keunggulannya terletak pada multiplatform support: HTML5 Canvas, Flash (SWF),

SA

AIR, WebGL, dan masih banyak lagi lainnya. Adobe Animate CC juga dapat
melakukan ekspor video dengan resolusi tampilan ultra HD, dan Hi-DPI terkini.
Dengan banyaknya fitur-fitur yang juga semakin lengkap pada software besutan
Adobe System ini, maka sudah dipastikan akan semakin meningkatkan kinerja serta
kreatifitas kreator.
Keunggulan animasi dengan ActionScript adalah obyek-obyek yang
digerakkan dapat bergerak dengan dinamis dan dapat menduplikasi source-source
image sehingga menghasilkan ukuran file aplikasi yang tidak terlalu besar, dibuat
murni untuk pengembangan sebuah tehnik pembuatan game dengan bahasa
pemrograman ActionScript 3.0 dan Adobe Animate 2022 sebagai compilernya.
Jumlah animasi yang terlalu banyak akan mempengaruhi waktu loading, hal ini
tergantung dari spesifikasi masing-masing PC.

SAMSUL.AK | INFORMATIKA UNBARA 15

 DAFTAR PUSTAKA

Masruroh (2016). “Pengertian dan fungsi Adobe Animate

https://dspace.uii.ac.id/bitstream/handle/123456789/15095/05.2%20bab%202.pdf
?sequence=6&isAllowed=y

AK
L.
SU
M
SA

SAMSUL.AK | INFORMATIKA UNBARA 16