Membuat Motion Guide

Motion guide adalah animasi motion tween yang bergerak sesuai jalur (guide) yang telah kita buat.

Langkah Awal bisa di lihat disini.

Langkah Selanjutnya :
1) Klik kanan pada layer 1 lalu pilih Add Motion Guide.
Lihat gambar dibawah :


Sehinnga hasinya seprti dibawah :



2) Klik tahan pada icon Rectangle Tool, lalu pilih Oval Tool.
Lihat gambar dibawah :


3) Klik pada Layer 1 dan buat lingkarang kecil yang menyerupai bola.
Lihat gambar dibawah :

4) Klik kanan pada pada objek bola tersebut lalu pilih Convert to Symbol....

5) Kotak dialog Convert to Symbol akan muncul, tuliskan sembarang nama pada bagian Name.
misalx : "dcc" lalu OK.
Lihat Gambar dibawah :


6) Klik Stroge Tool lalu pilih warna abu-abu atau warna kesukaan anda, kemudian klik Fill Color lalu pilih tanpa warna.
Lihat gambar dibawah :


7) Klik ikon Oval tool yang ada pada Toolbox.

8) Klik pada layer Guide: Layer 1.

9) Buat objek elips pada stage atau canvas.
Lihat gambar dibawah :


10) Klik ikon Eraser Tool yang ada pada Toolbox.

11) Hapus bagian objek elips menggunakan Eraser Tool, sehingga hasilnya sbb:
Lihat gambar dibawah :


12) Klik ikon Selection Tool yang ada pada Toolbox.

13) Letakkan gambar bola (symbol dcc) tepat di salah satu ujung elips.
Lihat gambar dibawah :


Pastikan bulatan kecil di tengah gambar bola menyatu dengan ujung garis elips.

14) Pada layer Guide: Layer 1, klik pada Frame 30 lalu tekan Tombol F6 untuk menjalankan Insert KeyFrame.
Lihat gambar dibawah :

15) Pada Layer 1, klik pada Frame 30 lalu tekan Tombol F6 untuk menjalankan Insert KeyFrame.
Lihat gambar dibawah :


16) Pada Layer 1 di Frame 30, letakkan gambar bola tepat di ujung garis Elips yang kedua.
Lihat gambar dibawah :

baca selengkapnya » Membuat Motion Guide

Dasar Teori Animasi dengan Macromedia Flash 8

A.    DASAR TEORI

Animasi merupakan kumpulan objek yang memiliki bentuk dan gerakan tertentu. Objek dasar yang menjadi komponen sebuah animasi dapat berupa kurva dasar atau pun objek yang diimpor dari aplikasi lain. Pada pembahasan berikut akan diuraikan cara membuat sebuah kurva dasar menggunakan tool yang tersedia dalam Macromedia Flash. kurva dasar di sini meliputi 2 bentuk, antara lain:

·         Garis

·         Kotak

1.        Membuat objek garis

Membuat garis dengan Line Tool

Langkah untuk membuat kurva dasar berupa garis lurus adalah mengklik ikon  pada toolbox, arahkan pada bidang kanvas, lalu buat garis objek garis dengan teknik drag. Agar garis yang anda buat benar-benar lurus, tekan tombol SHIFT pada keyboard pada saat anda melakukan drag.

Untuk memodifikasi ketebalan garis, anda dapat memanfaatkan panel Propertise dengan men-drag slider Stroke Height. Selain membuat objek berupa garis lurus, anda juga dapat membuat objek berupa garis lenkung.

                          

Gambar 1. Properties Pada Objek Garis

-          Buatlah sebuah objek garis lurus. Anda dapat menggunakan ikon   atau ikon .

-          Setelah selesai, arahkan mouse pointer pada sisi garis sehingga bentuk mouse pointer berubah menjadi  

-          Setelah itu, drag dan bentuk sebuah garis lengkung.

                           

Gambar 2. Garis sebelum dan sesudah dilengkungkan

2.        Membuat Kotak

Membuat Poligon

Selain objek kotak dan garis seperti yang telah dibahas diatas, Macromedia Flash juga  menyediakan fasilitas untuk membuat sebuah objek poligon atau segi banyak. Untuk membuat objek poligon, lakukan beberapa tahapan sebagai berikut:

-          Klik dan tahan ikon 

-          Berikutnya, pilih Polystar tool

                                                             

Gambar 3. Komposisi Icon Pada Rectangel Tool

-          Pada panel Properties, klik tombol Options.

-          Atur setting sebagai berikut:

baca selengkapnya » Dasar Teori Animasi dengan Macromedia Flash 8

utorial Animasi Jam Dinding Di Macromedia Flash 8

Langkah - langkahnya sbb:
1. Buka Program Flash
Start >> All Program >> Flash , pilih flash dokumen
disini penulis menggunakan Flash MX 2004 namun tutorial ini bisa diterapkan di Adobe Flash versi berapapun termasuk Flash CS5


2. Buat lingkaran Gunakan oval tool (shortcut tombol: O), tips: tekan dan tahan tombol shift pada keyboard agar lingkaran bulat sempurna



3. Ubah warna fill jadi hitam, Gunakan text tool (Short cut tombol : T) dan tulis 1 per 1 nomor jam mulai dari 1 - 12 untuk penomoran angka
gunakan Selection tool untuk meletakkan nomor - nomor tersebut pada bagian jam



4. Dengan Line Tool (N) buatlah 3 buah garis untuk penunjuk arah jam
garis jam (pendek) , garis menit (agak panjang) , garis detik (panjang)

5. Seleksi garis yang paling pendek dengan selection tool (V) dan tekan F8
muncul jendela dan masukkan jam_mc dan pilih movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.

Seleksi movie clip jam_mc di Lembar kerja kemudian tekan Ctrl+F3 untuk memunculkan panel properties. Pada panel properties yang muncul masukkan jam_mc sebagai instance name.


6. Sama seperti di atas
Seleksi garis kedua (agak panjang), kemudian tekan F8. Pada panel yang muncul masukkan menit_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
Seleksi movie clip menit_mc. Pada panel properties yang muncul masukkan menit_mc sebagai instance name.

7. Sama seperti di atas
Seleksi garis ketiga (paling panjang), kemudian tekan F8. Pada panel yang muncul masukkan detik_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
Seleksi movie clip detik_mc. Pada panel properties yang muncul masukkan detik_mc sebagai instance name.

baca selengkapnya » utorial Animasi Jam Dinding Di Macromedia Flash 8

Membuat Kartu Nama

Tutorial Kali ini menjelaskan cara mensetting kartu nama dan membuat kartu nama di Photoshop...

1. Langsung aja buka Photoshop

2. Klik File – New –
Pengaturannya
Presetnya : Custom
Widthnya : 9 Cm
Heightnya : 5.5 Cm
Dan terakhir Resolutionnya 300, tujuannya agar text tidak pecah
Mode : RGB Color, Contrnts : White, klik Ok

3. Selanjutnya anda akan membuat karya disain anda sendiri, Membuat logo, Nama, Alamat, dan No tlp anda.
Contoh:


4. Setelah Selesai membuat kartu nama kamu sendiri maka, klik Anak panah arah kanan pada gambar di bawah,

yang ada di dalam area Layer, Klik Flatten Image, Tujuannya untuk menyatukan Layar, menjadi 1 background

5. Setelah itu tinggal membuat garis di pinggir kartu nama, tujuannya mempermudah pemotongan,
Caranya: Ctrl A,

pada menu utama, Klik Edit > Stroke, -
Pengaturannya:
Widthnya : 2 px
Colornya : Hitam saja
Center
Normal
100 %
Klik Ok

baca selengkapnya » Membuat Kartu Nama

Teknik Mewarnai Brush Photoshop

Pada tutorial sebelumnya telah dijelaskan cara pemasangan dan mengaktifkan brush pada photoshop. Kali ini kita akan belajar cara menggunakan sekaligus mewarnai dan mempercantik brush serta mengetahui berbagai fungsi untuk memaksimalkan penggunaan brush Photoshop.


1. Buka Photoshop pada PC atau Laptop anda, ingat brush hanya bisa dipasang di Photoshop yang Full Instalation jadi tidak bisa dipasang di Photoshop Portable

2. Pasang brush yang akan anda gunakan, caranya ada di cara pemasangan brush

3. Sekarang aktifkan brush, disini sebagai contoh saya memakai flower brush-3

Ok berikut penjelasannya:
- Master Diameter: memperbesar dan memperkecil ukuran brush kita
- Small Thumbnail : Melihat Brush secara thumbnail dengan tampilan ukuran kecil
- Large Thumbnail : Melihat Brush secara thumbnail dengan tampilan ukuran besar
- Flower Brush-3 = adalah brush yang saat ini aktif (Brush motif Bunga)
Bisa di download disini Photoshop Tools

4. Sekarang buat layer baru, caranya: klik Ctrl + Shift + N, tekan OK

* kenapa membuat layer baru? agar tidak merusak / mengubah gambar inti ( selain brush ) jadi setiap brush nanti bisa disetting dan akan punya warna yang bisa berbeda - beda tergantung keinginan kita
lalu setelah itu Kuaskan pada kanvas (lembar kerja) Photoshop kita

5. Sekarang pada layer 1 (brush)
aktifkan blending options:

Nah disini kita bisa mengatur brush sesuka hati: untuk mewarnai klik Color Overlay

baca selengkapnya » Teknik Mewarnai Brush Photoshop

Tutorial Animasi Ombak di Macromedia Flash 8

Halo sobat, saya kali ini akan memberikan ke kalian semua tentang Tutorial Animasi Ombak di Macromedia Flash 8
1. Buka program flash 8
Ubah ukuran stage menjadi 768 x 576 pixels.
Ganti warna bacground menjadi warna hitam


2. Ganti warna fill color menjadi #336699 dan warna stroke dijadikan none

3. Klik rectangle tool   untuk membuat airnya dengan mendragnya ke stage seperti gambar dibawah ini.



4. Klik kanan di frame 15 lalu  klik insert keyframe, Ubah gambar airnya dengan cara tarik ke atas menggunakan selection tool yang sebelah kiri
Gambarnya :



7. Klik di frame 1  lalu pilih tween shape

gambarnya


Di frame 35 klik kanan insert keyframe, Ubah gambarnya seperti ini>>



8. Klik Di frame 15 pilih tween shape


9. Lalu copy frame 1
caranya : klik kanan pada frame 1 dan pilih Copy Frames
kemudian Pastekan di frame 60


10. Klik Di frame 35 pilih tween shape
Seperti gambar dibawah ini:

Selamat mencoba...(@_@)

Jika semua sudah selesai tinggal kita menekan ctrl + enter  dan nikmati hasilnya

animasi ombak

Semoga berhasil…
SEMOGA BERMANFAAT

baca selengkapnya » Tutorial Animasi Ombak di Macromedia Flash 8

Pengertian Macromedia Flash

Adobe Flash (dahulu bernama Macromedia Flash) adalah salah satu perangkat lunak komputer yang merupakan produk unggulan Adobe Systems. Adobe Flash digunakan untuk membuat gambar vektor maupun animasi gambar tersebut. Berkas yang dihasilkan dari perangkat lunak ini mempunyai file extension .swf dan dapat diputar di penjelajah web yang telah dipasangi Adobe Flash Player. Flash menggunakan bahasa pemrograman bernama ActionScript yang muncul pertama kalinya pada Flash 5.

Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0 diluncurkan pada tahun 1996 setelah Macromedia membeli program animasi vektor bernama FutureSplash. Versi terakhir yang diluncurkan di pasaran dengan menggunakan nama 'Macromedia' adalah Macromedia Flash 8. Pada tanggal 3 Desember 2005 Adobe Systems mengakuisisi Macromedia dan seluruh produknya, sehingga nama Macromedia Flash berubah menjadi Adobe Flash.

Adobe Flash merupakan sebuah program yang didesain khusus oleh Adobe dan program aplikasi standar authoring tool professional yang digunakan untuk membuat animasi dan bitmap yang sangat menarik untuk keperluan pembangunan situs web yang interaktif dan dinamis. Flash didesain dengan kemampuan untuk membuat animasi 2 dimensi yang handal dan ringan sehingga flash banyak digunakan untuk membangun dan memberikan efek animasi pada website, CD Interaktif dan yang lainnya. Selain itu aplikasi ini juga dapat digunakan untuk membuat animasi logo, movie, game, pembuatan navigasi pada situs web, tombol animasi, banner, menu interaktif, interaktif form isian, e-card, screen saver dan pembuatan aplikasi-aplikasi web lainnya. Dalam Flash, terdapat teknik-teknik membuat animasi, fasilitas action script, filter, custom easing dan dapat memasukkan video lengkap dengan fasilitas playback FLV. Keunggulan yang dimiliki oleh Flash ini adalah ia mampu diberikan sedikit code pemograman baik yang berjalan sendiri untuk mengatur animasi yang ada didalamnya atau digunakan untuk berkomunikasi dengan program lain seperti HTML, PHP, dan Database dengan pendekatan XML, dapat dikolaborasikan dengan web, karena mempunyai keunggulan antara lain kecil dalam ukuran file outputnya

Movie-movie Flash memiliki ukuran file yang kecil dan dapat ditampilkan dengan ukuran layar yang dapat disesuaikan dengan keingginan. Aplikasi Flash merupakan sebuah standar aplikasi industri perancangan animasi web dengan peningkatan pengaturan dan perluasan kemampuan integrasi yang lebih baik. Banyak fiture-fiture baru dalam Flash yang dapat meningkatkan kreativitas dalam pembuatan isi media yang kaya dengan memanfaatkan kemampuan aplikasi tersebut secara maksimal. Fiture-fiture baru ini membantu kita lebih memusatkan perhatian pada desain yang dibuat secara cepat, bukannya memusatkan pada cara kerja dan penggunaan aplikasi tersebut. Flash juga dapat digunakan untuk mengembangkan secara cepat aplikasi-aplikasi web yang kaya dengan pembuatan script tingkat lanjut. Di dalam aplikasinya juga tersedia sebuah alat untuk men-debug script. Dengan menggunakan Code hint untuk mempermudah dan mempercepat pembuatan dan pengembangan isi ActionScript secara otomatis.

baca selengkapnya » Pengertian Macromedia Flash

Fungsi Toolbox Pada Macromedia Flash

Tools Pada Macromedia Flash
Sebelum mulai mempelajari Flash, perlu diketahui beberapa istilah yang
digunakan dalam Flash, serta bagaimana aturan menggunakannya. Toolbox berisi
alat-alat kerja dengan icon untuk masing-masing fungsi. Toolbox terdiri dari empat
bagian, yaitu tools, view, color dan options.
TOOLS berisi fungsi-fungsi untuk menggambar, memilih, membuat teks,
mewarnai, menghapus, dan membuat path. Tools terdiri dari beberapa icon untuk
menggambar, yaitu:
�� Pencil Tool - untuk menggambar garis seperti menggunakan pensil
�� Pen Tool - untuk menggambar path seperti garis lurus dan garis lengkung
�� Line Tool - untuk menggambar garis lurus
�� Oval Tool - untuk menggambar lingkaran dan elips
�� Rectangle Tool - untuk menggambar kotak
�� Brush Tool - untuk menggambar menggunakan brush

VIEW berisi fungsi-fungsi untuk mewarnai.
�� Zoom Tool - untuk memperbesar dan memperkecil gambar
�� Hand Tool - untuk menggeser gambar

COLORS berisi fungsi-fungsi untuk menampilkan gambar.
�� Stroke Color - untuk menentukan warna outline pada gambar
�� Fill Color - untuk mewarnai gambar

OPTIONS berisi pilihan lain untuk membuat variasi pada fungsi-fungsi tools dan
view. Bila Eraser tool diklik, akan muncul Eraser mode, Faucet dan Eraser Shape,
dengan banyak pilihan.

 

Stage
Seperti film, Flash movie mempunyai panjang yang terdiri dari sejumlah
frame. Stage merupakan bidang yang berwarna putih, dimana semua objek seperti
gambar, teks dan foto ditempatkan dan diatur di dalamnya.
Memperbesar dan memperkecil stage.
Tampilan stage dapat diubah dengan mengubah magnification level atau
mengubah ukuran stage dengan view command.

 gambar 1.2 Stage

Property Inspector
Properti berfungsi untuk menampilkan serta mengubah informasi objek
yang berada di stage, seperti mengatur character, alignment, dan lain-lain.

 

Gambar 1.3 Mengatur karakter pada Properties

Panel
Terdapat beberapa macam panel dalam Flash, dan setiap panel menampilkan
informasi dari suatu objek yang kita kehendaki, seperti simbol, warna, frame, dan
lain-lain.

Gambar 1.4 Panel Warna

Timeline
Timeline digunakan untuk mengatur semua jalan cerita, di mana actor
ditampilkan dan menghilang. Suatu objek yang muncul diatur dalam Timeline
tersebut. Komponen utama dalam Timeline adalah layer, frame dan playhead.
Timeline berfungsi untuk mengatur waktu suatu movie dan memunculkan objek
tertentu. Penempatan efek suara dan musik latar belakang juga diatur dalam
Timeline.

 Gambar 1.5 Timeline

Frame
Frame adalah gambar yang membentuk suatu gerakan bila frame tersebut
ditampilkan satu demi satu berurutan. Frame merupakan konsep animasi yang
dibuat secara manual maupun dengan alat bantu komputer.Untuk membuat movie
menyajikan suatu action pada saat playhead mencapai frame tertentu pada Timeline.
Gambar memperlihatkan action yang berada pada frame 5.

Gambar 1.6 Playhead pada Timeline menunjukkan action pada frame 5

Playhead
Playhead dengan garis merah vertikal, menunjukkan posisi frame berada
pada suatu saat. Bila posisi playhead tersebut berubah, maka gambar yang ada di
stage juga berubah. Pada Gambar 1.6 dapat dilihat posisi playhead yang
menunjukkan posisi frame.
Layer
Layer digunakan untuk menempatkan objek yang berbeda-beda seperti
kertas transparan, di mana beberapa layer bersama-sama merupakan suatu gambar
yang lengkap. Objek tidak hanya gambar animasi saja, melainkan dapat berupa
gambar latar belakang, teks, movie dan suara. Setiap objek berada pada layer
tersendiri yang independen. Macam-macam layer dapat dilihat pada gambar
berikut.

Gambar 1.7 Layer

Scene
Pada pembuatan film yang mempunyai jalan cerita cukup panjang, untuk
memudahkan pengembuatannya, maka dibagi-bagi menjadi beberapa tema yang
dinyatakan dalam scene. Seperti halnya pembuatan film yang terdiri dari banyak
scene, animasi juga dibuat dengan konsep yang sama, untuk memudahkan dalam
mengatur movie. Nama scene dapat diubah dengan mengklik dua kali pada nama
scene tersebut, kemudian diketik nama yang dikehendaki. Untuk menampilkan
panel Scene seperti Gambar 1.8, pilih menu Window ——> Scene.

Gambar 1.8 Scene

baca selengkapnya » Fungsi Toolbox Pada Macromedia Flash