“TEKNIK MEMBUAT ANIMASI SEDERHANA MENNGUNAKAN ADOBE

PHOTOSHOP”

TUGAS AKHIR

Disusun untuk mlengkapi persyaratan kelulusan pendidikan dan pelatihan

kandidat karyawan perusahaan program satu tahun Magistra Utama
tahun 2008/2009

Disusun oleh :

Sujimanto
0832.11.0499

Program keteknisian computer

2008/2009

Magistra Utama Semarang

Jalan Teuku Umar No. 26 Semarang
 MOTTO

• “Bekerjalah, maka Allah akan melihat pekerjaanmu……….”

(Qs: Attaubah:105)

• “Jagalah pandanganmu, maka akan terjaga hatimu……….”

(penulis)

• “Bukankah diciptakan dua telinga dan satu mulut agar engkau lebih banyak
mendengar daripada berbicara………..”

• “Dan sesungguhnya akhir itu lebih baik daripada permulaan………..”

(Qs:AdhDhuha:4)

• “Rasakan, pikirkan dan raihlah…….…”

(penulis)
 PERSEMBAHAN

Tugas akhir ini penulis persembahkan kepada :

1. Ayah dan Ibunda tercinta yang telah dengan sabar membesarkan penulis penuh kasih
sayang.
2. Staf dan pengajar Magistra Utama yang telah membimbing penulis dengan panuh
kesabaran.
3. Teman – teman “Laskar Teknisi” yang penuh antusias.
4. Seluruh pembaca yang budiman.
 PENGESAHAN

Tugas akhir yang berjudul “Teknik Membuat Animasi Sederhana Menngunakan Adobe
Photoshop” telah diterima dan disahkan pada

hari :
tanggal :

Pembimbing I, Penguji I,

Haryono Haryono

Kepala Program Kabag Diklat

Haryono Dwi Hapsari,S.E

Manajer
Magistra Utama Semarang

Untari,S.Pd
 KATA PENGANTAR

Segala puji hanya bagi Allah Tuhan seluruh sekalian alam yang telah melimpahkan segala
rahmat dan hidayah Nya, sehingga penulis dapat menyelesaikan Tugas Akhir ini.

Tugas Akhir ini dapat tersusun berkat bantuan dan kerja sama dari berbagai pihak. Oleh
karena itu, penulis mengucapkan terima kasih kepada :

1. Ibu Untari,S.Pd selaku Manajer Magistra Utama Semarang.

2. Bapak Haryono selaku kepala program keteknisian komputer
3. Bapak dan Ibunda yang selalu mendo’akan penulis.
4. Sahabat dan rekan – rekan yang selalu memberikan motivasi.

Penuis menyadari bahwa dalam susunan Tugas Akhir ini masih jauh dari sempurna. Oleh
karena itu, penulis sangat mengharapkan kritik dan saran yang membangun dari pembaca
yang budiman demi perbaikan dan penyampurnaan di masa yang akan dating.

Harapan penulis, semoga Tugas Akhir inidapat bermanfaat bagi penulis khususnya dan
pembaca pada umumnya.

Semarang, Januari 2009

Penulis,

Sujimanto
 DAFTAR ISI

HALAMAN JUDUL
MOTTO
PERSEMBAHAN
HALAMAN PENGESAHAN
KATA PENGANTAR
DAFTAR ISI
BAB I PENDAHULUAN
A. Latar Belakang Masalah
B. Rumusan Masalah
C. Tujuan Penulisan
D. Metode Pengumpulan Data
E. Sistematika Penulisan
BAB II PEMBAHASAN
A. PENGERTIAN ANIMASI
B. TEKNIK ANIMASI ADOBE PHOTOSHOP
C. MEMBUAT ANIMASI SEDERHANA ADOBE PHOTOSHOP
D. Menyimpan file dalam bentuk HTML dan Image
BAB III PENUTUP
A. SIMPULAN
B. SARAN
DAFTAR PUSTAKA
BIODATA PENULIS
 BAB I
PENDAHULUAN

A. Latar Belakang Masalah

Setiap perusahaan pasti berusaha untuk melakukan promosi kepada seluruh
lapisan masyarakat agar perusahaannya tetap bertahan dan berkembang. Promosi yang
dilakukan bisa melalui media elektronik maupun media cetak.
Seiring dengan perkembangan teknologi dan telekomunikasi, benyak pengusaha
yang mempromosikan perusahaannya melalui media internet. Tulisan dan gambarpun
dibuat semenarik mungkin sebelum dipasang di internet. Salah satunya adalah dengan
membuat gambar dan tulisan bergerak atau animasi.
Kemudian bagaimanakah cara membuat gambar dan tulisan bergerak atau
animasi? Dalam adobe Photoshop CS3 terdapat menu bar animasi yang dapat kita
gunakan untuk membuat gambar dan tulisan bergerak (animasi sederhana).
B. Rumusan Masalah
Adapun rumusan masalah dalam tugas akhir ini adalah :
1. Apa yang dimaksud dengan Animasi?
2. Apa sajakah teknik – teknik animasi dalam membuat animasi sederhana
PhotoShop?
3. Apa manfaat animasi sederhana adobe PhotoShop?
4. Bagaimanakah cara membuat animasi sederhana adobe PhotoShop?
C. Tujuan Penulisan
Adapun tujuan penulisan tugas akhir ini adalah untuk mengetahui :
1. Arti dari animasi
2. Teknik – teknik animasi dalam membuat animasi sederhana adobe PhotoShop.
3. Manfaat animasi sederhana adobe PhotoShop.
4. cara membuat animasi sederhana mengunkan adobe PhotoShop.
D. Metode Pengumpulan Data
Dala menyusun Tugas akhir ini penulis menggunakan metode pangumpulan data sebagai
berikut :
1. Studi Pustaka
Metode pengumpulan data dengan mengutip secara langsung maupun tidak langsung
literatur – literatur baik dari buku maupun internet.
2. Survey
 Metode pengumpulan data dengan praktek langsung di depan komputer.

E. Sistematika Penulisan
Untuk mempermudah pembaca dalam memahami tugas akhir ini, penulis menyajikan
sistematika sebagai berikut :
BAB I. Pendahuluan
Bab ini menguraikan latar belakang masalah, tujuan penulisan, metode
pengumpulan data, dan sistematika penulisan.
BAB II. Pembahasan
Bab ini menguraikan pengertian animasi, teknik – teknik animasi dalam
membuat animasi sederhana adobe PhotoShop, membuat animasi sederhana
mengunkan adobe PhotoShop dan menyimpan file dalam bentuk HTML dan
Image.
BAB III. Penutup
Bab ini menguraikan simpulan dan saran.
 BAB II
PEMBAHASAN
A. Pengertian
Kata animasi pasti sudah tidak asing lagi bagi kita semua. Namun, tidak semua orang tahu
apa sebenarnya arti dari animasi. Secara etimologi, animasi berasal dari bahasa latin
“anima” yang berarti jiwa, hidup, nyawa dan semangat. Sedangkan menurut istilah,
aniamasi merupakan gambar dua dimensi yang seolah – olah bergerak karena kelemahan
mata yang selalu menyimpan / mengingat diotak gambar / imaji yang terlihat sebelumnya.
Dalam animasi kartun, bisa diartikan sebagai sekumpulan gambar yang berubah sedikit
demi sedikit, jika di tampilkan secara berurutan dengan kecepatan tertentu.

B. Teknik – teknik Animasi

Jika bicara masalah animasi, maka tidak akan terlepas dari teknik – teknik animasi. Pada
dasarnya teknik animasi dalam semua program animator ada dua macam teknik yaitu
teknik animasi frame by frame dan teknik animasi tween.

1. Teknik animasi frame by frame

Teknik animasi frame by frame merupakan teknik animasi yang cukup kompleks dan
rumit. Hal ini disebabkan, pada teknik ini setiap frame terdapat objek yang berbeda –
beda. Seperti halnya dengan pembuatan film kartun pada zaman dahulu kita harus
membuat gambar lebih dari satu dengan posisi dan bentuk yang berbeda. Jadi, pada
teknik ini kita harus membuat banyak gambar dengan bentuk dan posisi yang berbeda
serta berurutan untuk mengahsilkan gerakan yang mulus.

Kekurangan teknik adalah langkah yang terlalu panjang dan rumit, karena harus
mengatur letak objek satu persatu. Namun, bagi sebagian orang yang memiliki
kesabaran, teknik ini merupakan teknik favorit, karena dapat menghasilkan
pergerakkan yang detail dan mulus.

2. Teknik animasi tween

Teknik animasi tween merupakan teknik animasi yang lebih mudah jika dibandingkan
dengan teknik animasi frame by frame. Pada teknik ini kita cukup menentukan letak
 awal dan letak akhir objek,maka objek akan bergerak dari letak awal menuju letak
akhir. Jadi kita tidak perlu membuat banyak objek dengan bentuk dan posisi yang
berbeda – beda.

C. Membuat Animasi Sederhana Mengunakan Adobe PhotoShop

Langkah 1
Buatlah sebuah file baru dengan Photoshop. Ukuran file bisa disesuaikan dengan
kebutuhan Anda. Pada tutorial ini, saya menggunakan sebuah file yang berukuran 500 x
400 pixel; 72 dp; RGB; content=white.

Langkah 2
Buatlah sebuah tulisan dengan menggunakan Type tools pada Photoshop

.
Langkah 3

Pilih menu Window > Animation

Langkah 4
Geser tulisan hingga ke sebelah kiri luar dari background yang putih, hingga seluruh
tulisan tidak nampak.

Langkah 5
Klik icon Duplicate current frame.
Langkah 6
Sekarang ada 2 frame pada palet Animation. Pastikan yang terpilih sekarang adalah frame
kedua.

Geser lagi tulisan hingga sisi kanan luar dari background.

Langkah 7
Klik icon Tweens animation frames.
Tujuan penggunaan Tween ini adalah untuk mempermudah pembuatan frame-frame
animasi. Tween akan menambahkan frame secara otomatis berdasarkan perbedaan posisi,
ukuran, tranparansi, dan efek pada obyek.

Kemudian akan muncul kotak dialog baru, seperti gambar tutorial berikut ini.

Pada kotak dialog ini, kita bisa mengatur:

• Tween with: digunakan untuk memilih frame mana yang akan kita gunakan sebagai
dasar animasi berdasarkan frame yang aktif. Karena kita aktif pada frame kedua, maka
yang tepat adalah Previous Frame.
• Frame to Add: digunakan untuk memilih jumlah frame yang akan ditambahkan.
Semakin banyak jumlah frame, animasi akan semakin nampak halus, tetapi ukuran file
hasil jadinya akan semakin besar.
• Layers: digunakan untuk memilih animasi pada antara semua layer, atau hanya pada
layer yang aktif saja.
• Parameters: digunakan untuk memilih jenis perubahan obyek yang digunakan
sebagai dasar animasi

Langkah 8
Klik icon Plays/stops animation.
Animasi sudah jadi. Jika Anda menginginkan pengaturan kecepatan animasi, bisa Anda
pilih dari tulisan 0 sec disebelah bawah frame.

Jika pengaturan kecepatan ini akan dilakukan pada banyak frame sekaligus, maka klik
sebuah frame, kemudian tekan dan tekan tombol Shift, lalu klik frame yang lain. Bisa
juga dengan Ctrl + klik frame yang lain. Setelah terpilih banyak frame sekaligus, baru
ubah kecepatannya. Pengubahan kecepatan animasi akan berlaku pada semua frame yang
terpilih.

D. Menyimpan File dalam Bentuk Html dan Image

Setelah seluruh proses pembuatan animasi selesai. Kita dapat menyimpan file dalam
bentuk html maupun image. Untuk menyimpan klik file save for web
(Alt +shift+Ctrl+S)
 Maka akan muncul window save for web

Pada gambar diatas kita dapat melihat hasil animasi yang kita buat dengan klik paly/stop
klik save untuk menyimpan.

Isi file name dengan animasiku, save as type HTML and Images
Maka file akan tersimpan dalam dua bentuk yaitu HTML dan GIF Images.
BAB III
PENUTUP

A. Simpulan
Berdasarkan uraian pembahasan pada bab II, maka dapat disimpulkan sebagai berikut :
1. Dalam Photoshop terdapat menubar yang dapat digunakan untuk membuat animasi
sederhana.
2. Terdapat dua macam teknik animasi yaitu teknik animasi frame by frame dan
tween
3. Dalam mambuat animasi kita dapat menggunakan salah satu teknik animasi yang
tersebut diatas
4. jika diperlukan kita dapat menggunakan kedua teknik secara bersamaan untuk
menghasil animasi yang kita inginkan.
B. Saran
1. Bagi anda yang menginginkan cara yang cepat untuk membuat sebuah animasi,
dapat menggunakan teknik animasi tween.
2. Bagi anda yang menginginkan cara yang kompleks dengan hasil yang lebih detail
dan mulus, dapat menggunakan teknik animasi frame by frame.