VISUAL EFFECT CARD DANCE

CARD DANCE

Animasi Card Dance ini dikendalikan oleh sebuah Composition yang berisi animasi grayscale. Parameter efek Card Dance lebih kompleks sehingga semakin banyak kemungkinan atau variasinya. Efek ini banyak diterapkan pada periklanan layar kaca.

Persiapan

1. Untuk membuat kotak-kotak dan background, Jlankan aplikasi Corel Draw dan atur ukuran pagenya supaya nanti jika dieksport kedalam photoshop tidak terlalu besar.

 2. Sesudah itu buat Rectangle Tool (F6) dan sesuaikan ukurannya misal 0,6 X 0,6 cm, lalu buat keempat sudutnya menjadi tumpul dengan mengunakan Shape Tool (F10).

3. Perbanyak kotak tersebut dengan menggunakan  fungsi transformations dan hasilnya seperti gambar dibawah ini.

4.Eksport gambar tersebut ke Adobe Photoshop dengan format .PSD

 5. Ceklist pada options : Transparent Background

6. Setelah itu buat juga background untuk satu gambar lagi dengan ukuran layout yang sama tentunnya dengan yang tadi.

7. Buka file hasil Corel Draw tadi ke Photoshop

8. Beri gambar image pada kotak tadi dan atur posisi layernya. Simpan file ini dan beri ekstention ............. .psd

9. Lalu buat file satu lagi dan hapus gambar image pada kotak tadi dan ganti gambar background hasil dari corel draw yang kalian buat, Jangan lupa atur posisi layernya. Simpan file ini dan beri file ekstention .....................psd

TAHAP AFFTER EFFECT

Jalankan aplikasi affter effect , buat dulu composisi baru seperti biasanya dan jangan lupa atur durasinya :

Import kedua file tersebut ....*psd, jangan lupa matikan icon mata pada warna.psd

Aktifkan layer Mata-mata.psd, lalu klik menu effect --------> Simulation ----------> Card Dance

Lalu atur parameter Rows, Colomns & Camera Position agar pandangan di window preview sebagai berikut :

 

 Untuk persiapan animasi buat composite baru dengan cara

 

 Lalu buat Animasi text. Klik Text Tool lalu ketik huruf ">" dan gunakan Selection Tool untuk membesarkan huruf sehingga tampilannya sebagai berikut :

Buat 2 Keyframe untuk Animasi Position

Agar nanti Animasi gerakannya lebih mulus, aktifkan layer teks ">" Klik menu Effect -----------> Blur & Sharpen ---------> Fast Blur

Atur Parameternya pada Blurriness

 

Kembali keposisi Card Dance, drag Composisi Animasi  > di Composisi Card Dance

 Atur parameter Back Layer, Gradient Layer 1, dan Y Rotation = Intensity 1

LALU PLAY ...

 

Silahkan mencoba pada parameter Position dan Rotation lainnya.

Cukup mudah bukan ? Jika anda ingin menguasai program Adobe Affter Effect. Seperti membuat grafis Animasi serta, segera bergabung bersama LPK Wahana Computer Training. Untuk info lengkapnya silahkan akses melalui lpk.wahanakom.com atau juga bisa ikuti training secara online melalui wahanatraining.com

Terimakasih telah mengunjungi Blog kami. Tunggu Tutorial - tutorial pembelajaran selanjutnya. 

Membuat Effect Wave Dengan Affter Effect

TUTORIAL MEMBUAT EFFECT WAVE/GELOMBANG

Kali ini kita akan membahas tentang cara membuat effect animasi gelombang, jadi nantinya seolah-olah adanya gambar dengan effect gelombang. Pertama-tama buka program Affter Effect. Maka akan muncul dengan tampilan gambar seperti berikut

Buat composite baru dengan cara klik composite lalu new composite, atur setingannya seperti gambar berikut ini

Lalu import file JPEG dengan cara file lalu import

Lalu klik dan drag ke timeline animasi file tersebut untuk dijadikan background

Selanjutnya buat composite baru untuk membuat animasi gelombang baru dengan nama riak air

Berikutnya buat layer Solid (Warna Gelap), jangan lupa klik Make Comp Size

Pastikan Layer yang baru kita buat aktif, dan beri Efek -> Simulasi -> Wave World (Animasi Riak)

Tampilan pada efek Wave World beserta parameternya. Atur nilai parameternya sesuai pada layout timeline animasi 

Sekarang coba cek animasinya dengan cara klik PLAY , maka akan terlihat seperti gambar dibawah ini

Yang sekarang kita butuhkan adalah tampilan  gelap terang 2 Dimensi saja. Untuk itu ganti View menjadi Height Map dan atur  posisi arah riak airnya pada producer1 dianchor pointnya

Misal seolah air gelombang datang dari pojok maka atur air mulai dari atas pojok dengan cara klik panel point tersebut dan drag seperti gambar dibawah ini.

Supaya realistik atur keyframennya dengan cara buat keyframenya, pertama pada posisi  00:00f

Lalu geser Current Time Indicator (CTI) pada akhir frame

PLAY, untuk melihat hasilnya .....

Animasi riak air (Wave World) sudah kita buat, sesudah itu drag Composisi WAVE WORLD ke Composisi GELOMBANG AIR

Didalam Composisi Gelombang Air sekarang sudah ada Composisi Wave World

Pada Composisi Gelombang air, buat lagi layer baru dan beri nama misalnya Caustic

Pastikan Layer yang baru kita buat aktif, dan beri Efek -> Caustics

Silahkan atur parameternya ( terserah anda )

Supaya air kelihatan lebih jernih, atur posisi / Drag Layer WAVE WORLD paling atas

Seperti gambar dibawah ini

Sesudah itu atur Blendingnya, kalau dari kita pilih Color Dodge

Ketik T pada layer WAVE WORLD untuk mengatur  transparasinya, silahkan lihat hasilnya.

Play, dan jangan lupa di Render

Kalau ingin mahir belajar  Animasi ikuti pelatihan kursus LPK Wahana silahkan kunjungi info selanjutnya  lpk.wahanakom.com  atau ikuti training secara online melalui  www.wahanatraining.com 

Pengertian & Perkembangan Adobe Flash

Pengertian Adobe Flash

Jika berbicara tentang grafis animasi 2 Dimensi maka pikiran kita langsung menjurus pada perusahaan raksasa Adobe dengan produk unggulannya Adobe Flash.
Adobe Flash (dahulu bernama Macromedia Flash) adalahsalah satu perangkat lunak komputer yang merupakan produk unggulan Adobe Systems. 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. Untuk maslah ekstensi berkas yang dihasilkan dari perangkat lunak ini mempunyai file extension *.swf dan dapat diputar di penjelajah web yang telah dipasangi Flash Player. Flash menggunakan bahasa pemrograman bernama Action Script.

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

Flash lahir dari kepala seseorang bernama Jonathan Gay. Jon yang geek gemar menulis game dan membuat animasi di komputer. Ia menciptakan game Mac Airborne ! tahun 1985, ketika ia masih duduk di bangku sekolah.
Tahun 1993 ia mendirikan Future Wave Software dengan produk pertama Smart Sketch. Inilah cikal bakal Macromedia Flash. Tahun 1995 Smart Sketch berganti nama menjadi Cel Animator. Menjelang akhir 1995, Future Wave sempat mengalami masalah finansial dan mencari pembeli. Tiga calon yang ketika itu didekatinya adalah John Warnock dari Apple, lalu juga Adobe dan Fractal Designs.

Perkembangan Flash
1. FutureSplash Animator (10 April 1996)
2. Flash 1 (Desember 1996)
3. Flash 2 (Juni 1997)
4. Flash 3 (31 Mei 1998)
5. Flash 4 (15 Juni 1999)
6. Flash 5 (24 Agustus 2000) – ActionScript 1.0
7. Flash MX (versi 6) (15 Maret 2002)
8. Flash MX 2004 (versi 7) (9 September 2003) – ActionScript 2.0
9. Flash MX Professional 2004 (versi 7) (9 September 2003)
10. Flash Basic 8 (13 September 2005)
11. Flash Professional 8 (13 September 2005)
12. Flash CS3 Professional (sebagai versi 9,16 April 2007)
13. Flash CS4 Professional (sebagai versi 10, 15 Oktober 2008)
14. Adobe Flash CS5 Professional
15. Dan yang terbaru adalah Adobe Flash Professional CS6

Adobe Flash CS6 merupakan sebuah software 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. Adobe Flash CS6 menyediakan berbagai macam fitur yang akan sangat membantu para animator untuk membuat animasi menjadi semakin mudah dan menarik. Adobe Flash CS6 telah mampu membuat dan mengolah teks maupun objek dengan efek tiga dimensi, sehingga hasilnya tampak lebih menarik.
 

WORKSPACE ADOBE FLASH
Secara garis besar, lingkungan kerja (Workspace) adobe flash CS3 terdiri dari beberapa
komponen utama antara lain :
Menu Bar adalah kumpulan yang terdiri atas dasar menu-menu yang digolongkan dalam satu kategori. Misalnya menu file terdiri atas perintah New, Open, Save, Import, Export, dan lain-lain.  

Timeline adalah sebuah jendela panel yang digunakan untuk mengelompokkan dan mengatur isi sebuah movie, pengaturan tersebut meliputi penentuan masa tayang objek, pengaturan layer, dan lain-lain.
Stage adalah area untuk berkreasi dalam membuat animasi yang digunakan untuk mengkomposisi frame-frame secara individual dalam sebuah movie.
Toolbox adalah kumpulan tools yang sering digunakan untuk melakukan seleksi, menggambar, mewarnai objek, memodifikasi objek, dan mengatur gambar atau objek.
Properties adalah informasi objek-objek yang ada di stage. Tampilan panel properties secara otomatis dapat berganti-ganti dalam menampilkan informasi atribut-atribut properties dari objek yang terpilih.
Panels adalah sebagai pengontrol yang berfungsi untuk mengganti dan memodifikasi berbagai atribut dari objek dari animasi secara cepat dan mudah.

TOOLBOX 

Fasilitas Toolbox seperti telah dijelaskan sekilas diawal adalah sekumpulan tool atau alat yang mempunyai fungsi-fungsi tersendiri untuk keperluan desain. Berikut penjelasan setiap tool yang terdapat pada Toolbox.

1. Arrow Tool, Arrow Tool atau sering disebut selection tool berfungsi untuk memilih atau menyeleksi suatu objek.
2. Subselection Tool, berfungsi menyeleksi bagian objek lebih detail dari pada selection tool.
3. Free Transform Tool, berfungsi untuk mentransformasi objek yang terseleksi.
4. Lasso Tool, berfungsi untuk memotong gambar secara manual.
5. Pen Tool digunakan untuk menggambar garis dengan bantuan titik-titik bantu seperti dalam pembuatan garis, kurva atau gambar.
6. Text Tool digunakan untuk membuat objek teks
7. Line Tool digunakan untuk membuat atau menggambar garis.
8. Oval Tool digunakan untuk menggambar bentuk lingkaran atau elips.
9. Pencil Tool digunakan untuk membuat garis.
10. Brush Tool digunakan untuk menggambar bentuk garis-garis dan bentuk-bentuk bebas.
11. Ink Bottle tool digunakan untuk mengisi/mengganti Stroke(garis luar) suatu objek.
12. Paintbucket Tool digunakan untuk mengisi area-area kosong atau digunakan untuk mengubah warna area sebuah objek yang telah diwarnai.
13. Eye Dropper Tool digunakan untuk mengambil sampel warna.
14. Eraser Tool digunakan untuk menghapus objek.
15. Hand Tool digunakan untuk menggeser tampilan stage tanpa mengubah pembesaran.
16. Zoom Tool digunakan untuk memperbesar atau memperkecil tampilan stage.
17. Stroke Color digunakan untuk memilih atau memberi warna pada suatu garis.
18. Fill Color digunakan untuk memilih atau memberi warna pada suatu objek.
19. Swap Color digunakan untuk menukar warna fill dan stroke atau sebaliknya dari suatu
gambar atau objek.

 
LIBRARY
Fungsi dari library adalah sebagai wadah untuk menyimpan program-program terpisah yang sudah jadi, seperti tombol, objek grafis, audio, video, dan lain-lain. Berikut tampilan panel library.

ACTION SCRIPT
Salah satu kelebihan FLASH dibanding dengan perangkat lunak animasi lain yaitu adanya action script. ActionScript adalah bahasa pemrograman Adobe Flash yang digunakan untuk membuat animasi atau interaksi, ActionScript mengizinkan untuk membuat intruksi berorientasi action (lakukan perintah) dan instruksi berorientasi logic (analisis masalah sebelum melakukan perintah). Kita bisa memunculkan panel action Script dengan cara menekan tombol F9 pada keyboard. Atau melalui menubar dengan cara klik Window > Actions.

ActionScript merupakan bahasa pemograman yang digunakan didalam program flash yang berfungsi untuk memberikan perintah didalam animasi flash.
Untuk memahami ActionScript tidaklah susah seperti memahami bahasa pemograman lainnya, dengan memahami prinsip penggunaan ActionSript yang biasa digunakan, maka kita sudah dapat memanfaatkan nya untuk berbagai keperluan.

BELAJAR PROGRAM FLASH
Jika anda ingin menguasai program Adobe Flash. Seperti membuat grafis Animasi 2 Dimensi serta membuat game flash sederhana, segera bergabung bersama LPK Wahana Computer Training. Untuk info lengkapnya silahkan akses melalui lpk.wahanakom.com atau juga bisa ikuti training secara online melalui wahanatraining.com Cukup mudah bukan ???

Terimakasih telah mengunjungi Blog kami. Tunggu Tutorial - tutorial pembelajaran selanjutnya.