My Tutorial

New Objek

Latihan kali ini diperlukan kesabaran dan ketelitian karena akan banyak bagian yang perlu digabungkan untuk menghasilkan objek baru. Proses pemisahan setiap objek pada layer dan penggabungan semua objek jika sudah selesai dan sesuai dengan yang diinginkan dalam satu layer, menuntut ketelitian. Jika meletakkan objek saling bertumpukkan di dalam satu layer, akan mengakibatkan penyatuan dan tidak terlihat lagi keaslian bentuk objek. Jika di pisah-pisah, kita dapat meletakkannya terlebih dahulu pada tempat yang diinginkan, mengeditnya, kemudian menyatukannya kembali dalam satu layer.

Pada latihan kali ini akan membuat seekor cicak.
Bagian yang pertama di buat adalah tubuhnya.

Gambar 1. Pembuatan objek baru

Untuk membuat kaki dan tangan, cukup membuat 1 objek, lalu mengkopinya sebanyak yang diperlukan. Klik kanan layer asli, pilih copy frames, klik kanan pada layer duplikasi, pilih paste frames. Otomatis akan ada 2 objek yang sama dan letaknya juga sama. Agar dapat digunakan sebagai pasangan kaki, masih di layer duplikasi, pilih menu modify -> transform -> flip horizontal, geser objek disisi sebrangnya.

Gambar 2. Pembuatan objek baru satu persatu
Gambar 3. Penduplikasian objek

Untuk pembuatan kaki depan, anda bisa langsung mengcopinya dari kaki belakang, tapi jika ingin membuat beda lakukan langkah di atas untuk mendapatkan hasil sama.

Gambar 4. Pembuatan objek lainnya
Gambar 5. Hasil akhir

Berikut adalah contoh lain dari pembuatan objek baru. Pada objek ini, saya menggunakan pen tools. Cara penggunaannya adalah sebagai berikut :

  1. klik pada bidang kosong,
  2. klik lagi pada bidang lainnya, dengan muose tetap di tahan, sehingga tercipta lengkungan sesuai dengan ilustrasi yang diinginkan.
Gambar 6. Penggunaan Pen Tools
Gambar 7. Hasil akhir penggunaan Pen Tools

Membuat Objek dan Mewarnai

Pada Adobe Flash CS3, ada alat yang digunakan untuk membuat objek sederhana yaitu untuk membuat lingkaran (Ovals Tool and Oval Primitive Tool), kotak (Rectangle Tool and Rectangle Primitive Tool), dan segilima (Polystar Tool). Tools tersebut juga berguna untuk membuat objek baru, dengan cara menggabungkan beberapa objek sederhana yang ada saling bertumpukan dan mengiris satu dan lainnya.

Untuk pewarnaan, dapat gunakan satu warna atau beberapa campuran sehingga menghasilkan efek gradasi. Berikut beberapa contoh pembuatan objek dan pewarnaannya.

Gambar 1. Alat untuk membuat objek sederhana
Gambar 2. Alat untuk mewarnai bagian luar
Gambar 3. Alat untuk mewarnai bagian dalam
Gambar 4. Objek Lingkaran dengan satu warna


Pada saat membuat objek seperti Lingkaran, kamu dapat mengeset warna yang diinginkan pertama kali atau pada saat objeknya sudah jadi. Objek yang di buat terdiri dari bagian luar (Stroke) dan bagian dalam (Fill). Jika tidak menginginkan bagian luar, pilih tanda X pada palet warna yang tesedia di bagian Stroke Color. Jika tidak menginginkan objek yang tengahnya tidak berwarna (hanya ada warna bagian luarnya), pilih tanda X pada palet warna di Fill COlor. Untuk membuat lingkaran yang sempurna, gunakan alat Oval Tool, dan gambar lingkaran di Stage dengan menekan tombol Shift.

Gambar 5. Objek kotak sederhana dengan sisi melengkung


Untuk membuat objek kotak, gunakan alat Rectangle Primitive Tool. Pada Properties, ganti nilai dari Corner Radius.

Gambar 6. Objek segilima sederhana

Untuk membuat Segilima, gunakan Polystar Tool.

Gambar 7. Hasil pewarnaan tipe Linear

Untuk mengganti warna dalam objek, klik pada area dalam objek yang ingin di ganti (misal lingkaran). Pada palet Color, pilih tipe dari Fill Color (misal Linear). Di bagian warna kamu dapat mengganti sesuai keinginan (warna standar awal Hitam dan Putih).

Gambar 8. Jendela pewarnaan tipe Linear
Gambar 9. Hasil pewarnaan tipe Radial
Gambar 10. Jendela pewarnaan tipe Radial
Gambar 11. Hasil pewarnaan menggunakan image
Gambar 12. Jendela pewarnaan tipe image

Shortcut

Lebih sering menggunakan keyboard daripada mouse? Tutorial kali ini sangat tepat untuk Anda. Shortcut adalah sebuah perintah yang dilakukan dengan menggunakan bantuan keyboard agar kegiatan lebih mudah dan cepat dikerjakan. Bagi beberapa orang, penggunaan shortcut sangat penting dan membantu efisiensi pekerjaan. Beberapa shortcut sudah sering digunakan pada beberapa aplikasi microsoft, jadi hanya perlu menambahkan pengetahuan Anda.

Berikut beberapa shortcut yang sering digunakan dalam Adobe Flash CS3 Professional.

Shortcut Tools

VMenggunakan Selection Tool
AMenggunakan Subselection Tool
NMenggunakan Line Tool
LMenggunakan Lasso Tool
PMenggunakan Pen Tool
TMenggunakan Text Tool
OMenggunakan Oval Tool
RMenggunakan Rectangle Tool
YMenggunakan Pencil Tool
BMenggunakan Brush Tool
QMenggunakan Free Transform Tool
FMenggunakan Fill Transform Tool
SMenggunakan Ink Bottle Tool
KMenggunakan Paint Bucket Tool
IMenggunakan Eye Dropper Tool
EMenggunakan Eraser Tool
HMenggunakan Hand Tool
M, ZMenggunakan Zoom Tool


Shortcut dengan panduan F1 – F12

F1Membuka jendela Help Tool
F2Membuka jendela Output jika terjadi suatu kesalahan pada saat menjalankan file
F3Membuka jendela Find and Replace
F4Menyembunyikan jendela-jendela di area kerja, untuk memunculkannya kembali dengan menekannya sekali lagi
F5Menambahkan frame
Shift + F5Menghapus frame pada layer yang aktif
F6Menambahkan Keyframe
Shift + F6Menghapus Keyframe pada layer yang aktif
F7Menambahkan Blank Keyframe
F8Membuat sebuah symbol
Shift + F8Membuka / menutup jendela Project
F9Membuka jendela Actions
Shift + F9Membuka / menutup jendela Color
F10Mengaktifkan Alt untuk fungsi keyboard
F11Membuka jendela Library
F12Mempublish file dengan extension .html dan melihat hasilnya


Shortcut yang sering digunakan

Ctrl + AMemilih semua objek yang ada di stage
Ctrl + BMembreak apart atau memecah sebuah objek atau teks
Ctrl + CMengcopy sebuah objek
Ctrl + DMenduplikasi
Ctrl + Shift + DMendistribusikan objek yang telah di break apart (khususnya teks) ke dalam layer-layer yang berbeda
Ctrl + EMasuk ke area edit symbol
Ctrl + GMenggabungkan objek yang terpecah atau ada lebih dari 1 objek yang ingin disatukan
Ctrl + Shift + GMemisahkan objek / memecah objek
Ctrl + JMembuka jendela document
Ctrl + KMembuka / menutup panel Align
Ctrl + LMembuka / menutup panel Library
Ctrl + NLembar kerja baru
Ctrl + NLembar kerja baru
Ctrl + OMembuka file
Ctrl + QMenutup program flash
Ctrl + RMengimpor / membuka sebuah file gambar dan meletakkannya di stage
Ctrl + SMenyimpan file
Ctrl + TMembuka / menutup panel Transform
Ctrl + VMenduplikasi objek (aktif setelah perintah Ctrl + C dan Ctrl + X)
Ctrl + Shift + VPerintah untuk menduplikasi objek dan meletakkannya pada posisi yang sama (aktif setelah perintah Ctrl + C dan Ctrl + X)
Ctrl + XMenghilangkan objek dan memindahkan ke tempat lain
Ctrl + YMengembalikan tampilan ke keadaan sesudahnya
Ctrl + ZMengembalikan tampilan ke keadaan sebelumnya
Ctrl + 1Menampilkan lembar kerja dengan ukuran 100%
Ctrl + Alt + 1Menempatkan objek di sebelah kiri stage
Ctrl + 2Menampilkan lembar kerja dengan ukuran frame
Ctrl + Alt + 2Menempatkan objek di tengah stage secara horizontal
Ctrl + 3Menampilkan lembar kerja sesuai ukuran objek yang ada di stage
Ctrl + Alt + 3Menempatkan objek di sebelah kanan stage
Ctrl + 4Menampilkan lembar kerja dengan ukuran 400%
Ctrl + Alt + 4Menempatkan objek di sebelah atas stage
Ctrl + Alt + 5Menempatkan objek di tengah stage secara vertical
Ctrl + Alt + 6Menempatkan objek di sebelah bawah stage
Ctrl + Shift + 7Memutar objek 90o kebalikan arah jarum jam
Ctrl + 8Menampilkan lembar kerja dengan ukuran 800%
Ctrl + Shift + 9Memutar objek 90o searah jarum jam
EnterUntuk melihat hasil movie dalam mode edit
Ctrl + EnterUntuk melihat hasil movie dalam mode play

Pengenalan Adobe Flash

Adobe Flash CS3 Professional adalah sebuah software grafis dan animasi yang telah banyak dipergunakan oleh kreator-kreator animasi dalam pembuatan suatu project (web design, animasi kartun, presentasi, logo animasi, dan lain-lain) yang menginginkan hasil akhir yang lebih dinamis dan mengagumkan.

Adobe Flash CS3 Professional adalah software yang sangat memanjakan penggunanya karena penggunaan tools yang familiar (beberapa toolsnya sama dengan software design grafis lainnya seperti photoshop, corel draw, macromedia freehand), pengerjaan animasi yang mudah dipahami dan membuat pengguna software ini selalu ingin berkreasi lebih dari sebelumnya.

Untuk dapat membuat dan mengerti penggunaan dari software ini, diharapkan mengenal terlebih dahulu tampilan yang ada. Berikut beberapa window yang patut untuk dipahami.

Gambar 1. Tampilan standar Adobe Flash CS3 Professional
Gambar 2. Jendela Tools

Setiap tools yang digunakan, akan menampilkan jendela properties yang berbeda sesuai kegunaan.

Gambar 3. Jendela Properties
Gambar 4. Jendela Document

Untuk menggerakkan suatu objek, Anda harus mengatur waktu yang Anda ingin pergunakan dan hasil dari pergerakan objek tersebut. Anda akan banyak menggunakan timeline dan Anda perlu mengenalnya dengan lebih teliti. Pada timeline, akan terdapat Layer 1 dan bulatan kecil dengan warna putih. Bulatan putih itu menandakan pada stage atau lembar kerja belum terdapat objek (kosong). Jika Anda menggambar suatu objek ataupun menulis sebuah teks, pada timeline bulatan putih telah berganti menjadi hitam, karena telah ada objek pada stage.

LAYER
Layer digunakan untuk menempatkan objek berupa gambar ataupun teks yang akan dianimasikan. Pada umumnya penggunaan layer dikelompokkan pada kepentingan dari kreator yang bersangkutan. Layer dapat di beri nama sesuai keinginan ataupun hanya sebagai pengenal dari objek.

  1. Untuk menambahkan layer, Anda cukup mangklik icon bergambar insert layer atau dari menu,
    insert -> timeline -> layer,
  2. Untuk memberi nama layer, silakan double klik layer dan ganti namanya,
  3. Untuk mengelompokkan layer, Anda dapat memasukkan layer pada folder layer. Dengan begitu, Anda akan lebih cepat dalam mencari layer (di beri nama) dan menemukan objek yang Anda butuhkan.

FRAME
Frame digunakan untuk mengatur waktu pergerakan dari sebuah objek di dalam suatu layer agar sesuai dengan imajinasi dari kreator. Pada frame, kita akan sering menggunakan:

  1. Insert frame yaitu menambahkan frame pada layer tertentu (F5),
  2. Insert keyframe yaitu memberikan kunci pada frame di layer tertentu (F6),
  3. Insert blank keyframe yaitu memberikan kunci kosong pada frame di layer tertentu (F7),
  4. Frame Rate yaitu ukuran kecepatan animasi yang di buat (12 fps berarti 12 frame dijalankan selama 1 detik).
Gambar 5. Jendela Timeline

Jendela Actions digunakan pada saat pemberian kode pada layer tertentu, pada sebuah objek simbol, atau pada frame tertentu.

Gambar 6. Jendela Actions

Pada jendela Color, Anda dapat berkreasi warna pada objek sampai 15 campuran warna.

Gambar 7. Jendela Color

Library adalah sebuah tempat penyimpanan semua objek yang pernah di buat baik dalam bentuk movie clip, graphic, ataupun button. Gambar-gambar, file suara yang pernah di import dari luar flash, juga di simpan di dalam library. Untuk menggunakan objek yang kita ingin pergunakan yang ada di dalam grafik, Anda hanya perlu mengklik objek yang diinginkan, lalu drag ke stage.

Gambar 8. Jendela Library

Scroll Up