“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 computer2008/2009

Magistra Utama SemarangJalan 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.