Perbedaan Flash Dan After Effect

Perbedaan Flash Dan After Effect

Di Flash anda tidak akan menemukan efek sebanyak dan secanggih After Effect , karena keterbatasan format Vecctor . Namun keuntungan format Vector adalah perubahan ukuran / Skala gambar tidak akan mengalami ‘Pecah’ / efek bergerigi jika diperbesar . Beda Seperti After Effect yang akan mengalami Blur atau Pecah jika gambar diperbesar. Dengan demikian ada perbedan mendasar antar Flash dan After Effect seperti di table berikut

	Flash	After Effect
Format	Vector	Bitmap
Ruang	2 Dimensi	2 & 3 Dimensi
Timeline	Frames	Waktu H:M:S:File
Ukuran file	Kecil	Besar
Efek	Sedikit	Banyak
Hasil Animasi	Linear & Interaktif	Linear
Media	Web/Computer	TV Broadcast

Integral Flash & After Effects

Jika anda ingin membuat animasi di After Effect ke format falsh (*.swf) akan banyak masalah kompatibilitas . meskipun After Effect s menyediakan banyak fasilitas tersebut namun hasilnya akan banyak pengurangan . Animasi yang berhasil diexport After Effect ke swf berupa :

1.      Animasi dasar parameter Position, Rotation, Scale dan Opacity

2.      Animasi Masking dengan Blending Mode Add dan Difference.

3.      Animasi Text: Path Text.

4.      Animasi Render : Audio Spectrum, Audio Waveform.

5.      Stroke path dan Fill path

Yang lainnya seperti Motion blur, Blur Animator, 3D layer, semua Efek-Efek , camera Tracking, Lighting dll akan gagal total jika diubah ke vector (*.swf).

TUTORIAL THE BUILDER DENGAN AE

1.      Persiapan 

Persiapan Bidang kerja & Import Data

1.      Klik menu Composition > New Composition dengan Presets = PAL D1/DV Square Pixel agar sesuai standar pertelevisian. Kali ini kita atur durasi kali ini 10 detik

2.      Klik > Impiort > File ………  import file stil image back.building.jpg  dan façade.jpg .

3.      Drag window project. Drag kedua file ke timeline .sehingga terlihat fasade.jpg menutupi building .jpg

2.      Animasi

Fasade Depan

1.      Aktifkan layer Covers.jpg. lalu klk menu Effect > Transition > Card Wipe. Sementara atur Transition Completion  = 0 agar ada pengaruh efek.

2.      Ini yang penting. Agar mudah membuat sudut perspektif , atur Camera System = Corner Pins . lalu Zoom Out Layer preview agar terlihat keempat Corner pin. Atur/ drag posisi keempat pin tersebut.untuk tepatnya silahkan  ikuti nilai seperti ini :

-          Upper left co = 1010.0, 1228.0

-          Upper right c = 1282.0, 1412.0

-          Lower  left co = 1006.0, 1756.0

-          Lower right c = 1282.0, 1724.0

3.      Kini kita coba animasikan parameter Transition Completion dari 100% di detik 0 dan 5 . sebelum itu atur parameter – parameternya

4.      Play / Pause . tampil animasi pembangunan gedung gedung disatu sisi.

Fasade Samping

1.      Kita akan buat sisi lain bangunan . untuk itu duplikasi Layer façade,jpg . caranya aktifkan layer tersebut lalu klik menu Edit> Duplicate. Ganti nama yang baru dengan façade samping..jpg dengan tombol Enter.

2.      Dengan Selection Tool geser / drag awal klip façade samping.jpg di detik 3 agar urutan pembangunan gedung terlihat bertahap.

3.      Aktifkan Layer façade samping.jpg , diwindow Effect Controls , atur lagi keempat Corner Pin agar tampilan menjadi sisi samping bangunan .

-          Upper Left Co = 872.0, 1372.0

-          Upper Right C = 1016.0, 1234.0

-          Lower Left Co = 864.0, 1698.0

-          Lower Right C = 1006.0, 1758.0

4.      Untuk mendapat pencahayaan yang lebih gelap dan material yang lebih glossy, atur sebagai berikut. Play / Pause

Bayangan

1.      Kini kita akan membuat bayangan gedungnya. Untuk itu seleksi 2 lalu layer façade samping,jpg dan façade.jpg dengan tombol Ctrl + Klik

2.      Duplikat kedua layer tersebut. Klik menu Edit > Duplicate(Ctrl + D)

3.      Agar kedua layer terseleksi menjadi satu layer tanpa parameter efek lag, klik menu Layer > Pre-Compose. Beri nama bayangan dan aktifkan Move All Atributte into New Composition , ok . maka aka nada layer baru bernama Bayangan.

4.      Aktifkan layer bayangan , klik menu Effect > Perspektif  > Basic 3D, dengan mengatur parameter Tlit dan Distince to Image.

5.      Untuk layer bayangan , klik menu Effect > Perspektif > Drop Shadow , dengan mengaktifkan Shadow Only.

6.      Dengan Selction Tool , atur / tukar posisi ketiga layer di timeline sebagai berikut

7.      Play / Pause atau RAM Priview.

Tutorial membuat Card Dance dengan Adobe After Effect (AE)

1.   Persiapan

Persiapan Bidang kerja & Import Data

1. ·         Klik menu Composition > New Composition dengan Presets = PAL D1/DV Square Pixel agar sesuai standar pertelevisian. Kali ini kita atur durasi kali ini 10 detik
2. ·         Klik > Impiort > File ………  import file stil image eye.png dan backtex.jpg . yang mempunyai background transparent .
3. ·         Drag window project. Drag kedua file ke timeline . matikan icon Video delayer backtex.png agar tidak terlihat.

2.      Animasi

Effect Card Dance

1. ·         Dengan Selection Tool aktifkan layer eye.png , lalu klik menu Effect > Simlation > Card Dance. Atur Parameter Row = 7 dan Columns = 15 sesuai potongan kotak kotak .
2. ·         Atur juga Camera Position > X Rotation dan Y Rotation = 0x -30 , Z Postion = 0.8 dan Focal Length = 15 agar pandangan perspetif lebih tajam .

Animasi Grayscale

1. ·         Untuk menganimasikan posisi kartu, kita memerlukan animasi dengan warna hitam putih atau keabu-abuan / grayscale. Unutk itu buatlah Composition baru di menu Composition > New Composition dengan nama missal anim bw.
2. ·         Kita akan memnbuat animasi text. Klik Horizontal Type Tool lalu ketikan huruf  “I” , gunakan Selection Tool untuk membesarkan huruf sehingga tampil seperti kotak putih.
3. ·         Dilayer teks tersebut tekan P untuk menampilkan parameter Position . lalu buat 2 keyframe position .
4. ·         Play/Pause
5. ·         Kembali ke Composition Comp 1 . drag Composition Anim bw ke Comp 1. Lalu matikan icon video layer anim bw agar tidak terlihat .
6. ·         Iniyang penting . aktifkan layer Eye.png , di effect Control efek card Dance atur parameter Gradient Layer 1 =Anim bw dan Z Position , Source = Intensity  1, Multiplier = 0.3 saja .
7. ·         Play/ Pause
8. ·         Tampilkan animasi posisi kartu loncat tiba-tiba . aktifkan dulu Composition anim bw , lalu aktifkan layer teks “I”
9. ·         Tambahkan efek blur pada layer teks “I” , klik menu Effect > Blur > Directional Blur dengan Blur Length = 110.

Animasi Card Dance:Z Position & Y Rotation

1. ·         Kembali ke Composition Comp 1 . Play / Pause . kinin loncatan kotak lebih halus.
2. ·         Lebih menarik lagi jika kotak-kotak ditambah animasi berputar . atur parameter Back Layer = backtex.png , Y Rotation = intensity 1 . multiplier = 90 dan offset = 90
3. ·         Play/Pause
4. ·         Anda dapat bereksperimen dengan macam huruf sesuai kesukan anda seperti x, +, O . caranya ganti character layer decomposition anim bw sebagai berikut .
5. ·         Agar kotak – kotak lebih kinclong , atur Material di parameter Specular Reflection perbesar nilainya missal 0.5
6. ·         Coba bereksperimen dengan parameter x  & y scale.

Memindahkan semua keyframe position
Jika anda merubah posisi teks dengan selection tool bisa bisa jalur berubah melengkung .
1.      Untuk memindahkan posisi pada layer yang mempunyai banyak leyframe , carnaya aktifkan dahulu parameter Position.
2.      Pastiokan current time indocator berada diawal movie , di pallete time control , klik tombol First Frame .
3.      Lalu dengan Selection Tool , geser di layer priview sesuka anda
Bayangan Radial Shadow

1. Agar lebih menarik lagi tambahkan bayangan , klik menu Effect > Perspective > Radial Shadow .

Tutorial membuat River Deep dengan Adobe After Effect

1.      PERSIAPAN

Persiapan Bidang kerja & Import Data

1. ·         Klik menu Composition > New Composition dengan Presets = PAL D1/DV Square Pixel agar sesuai standar pertelevisian. Kali ini kita atur durasi kali ini 10 detik
2. ·         Import file still image Rock.psd dan awan.jpg . klik menu File > Import > File … , di folder bab ini. Untuk file Rocks.psd ada kotak dualog, pilih Marge Layers.
3. ·         Drag kedua file tersebut ke timeline , maka ada di Composition Rocks ada 2 layer

2.      ANIMASI

Riak air dengan Wave World

1. ·         Untukpersiapan , buat adegan / Composition baru untuk membuat animasi riak air . klik menu Composition > New Composition, beri nama rmisal “Riak”
2. ·         Berikutnya buat layer kosong . klik menu Layer > New > Solid . maka di timeline ada layer Black Solid 1.
3. ·         Kini saatnya memberi efek riak air. Di layer Black Solid 1 klik menu Effect > Simulation > Wave World . coba Play/Pause. Maka akan terlihat riak air 3 dimensi .
4. ·         Yang kita butuhkan adalah tampilan gelap terang 2 dimensi saja. Untuk itu, ganti View = Height Map. Lalu atur Contrast = 0,3 agar warna hitam putih terlihat jelas.play/pause .
5. ·         Agar menjadi animasi , silahkan buat 2 keyframe Producer 1 > Position dari kiri atas ke kanan bawah layer.
6. ·         Play / Pause

Riak air dengan caustic

1. ·         Oke kita sudah punya animasi riak air hitam putih dengan wave world. Kita kembali ke Composition Comp 1. Drag Composition Riak ke Composition Rock di layer paling bawah agar tidak terlihat / terhalang layer di atasnya.
2. ·         Lalu buat layer baru . tapi jika anda malas membuatnya , Drag saja Layer Black Solid 1 yang sudah ada ke Composition Rocks.
3. ·         Ini bagian paling penting . aktifkan layer Black Solid 1 , klik menu Effect > Simulation > Cuastic . delayer Priview tidak tampil apa-apa . agar menjadi riak air di kolam , atur parameternya sebagai berikut . lebih asik jika anda mencoba-coba sendiri nilainya OK.

Parameter yang penting di efek caustic adalah :

-          Bottom = Rocks.psd, adalah bagian dasar kolom.

-          Water = Composition Riak, adalah pembentuk distori gambar

-          Sky = Awan.jpg, adalah pantulan langit pada pemukiman air

1. ·         Agar air terlihat lebih jernih dan kinclong , atur posisi / Drag layer Riak Composition kelayer paling atas . atur Blending Mode = Classic Color Dodge dengan Opacity = 75%. Kini terlihat jernih.
2. ·         Play / pause

Particle Star Glare

1. ·         Drag Layer Black Solid 1 dari window project ke composition Rocks.
2. ·         Aktifkan dahulu icon Solo agar di layer tersebut tampil tunggal sehingga tidak memberatkan computer anda akibat efek riak air.
3. ·         Klik menu Effect > Simulation >CC Particle System II.
4. ·         Agar bintang – bintang tidak berubah tempat dan hanya kelap kelip saja atur Velocity = 0dan Gravity = 0.
5. ·         Masih di layer Black Solid 1. Atur Blending Mode = Classic Color Bridge agar bintang terlihat lebih kinclong.
6. ·         Lebih baik lagi klik menu Effect > Blur & Sharpen > Compound  Blur agar blur menyesuaikan dengan setiap terang Layer Rock .psd 

Desain Stempel

LANGKAH 1

1. Klik file > New.
2. Maka akan tampil kotak dialog New, lalu setting name : Spanduk ,  preset : custome, width : 51mm, Height: 51mm, Resolution: 300 Pixel/inch, Color Mode: CMYK Color, Background Contents: White, lalu klik OK.
3. Maka dokumen baru akan ditampilkan pada area gambar kerja.

LANGKAH 2

1. klik view > New Guide.
2. Maka akan tampil kotak dialog New Guide, lalu pilih opsi Vertical, lalu setting Position: 1.5mm, lalu klik OK.
3. Maka akan tampil garis bantu vertical sisi kiri.
4. Kemudian lakukan langkah yang sama untuk membuat garis bantu vertical sisi kanan, pilih opsi Vertical, lalu setting Position: 49.5mm
5. Kemudian lakukan langkah yang sama untuk membuat garis bantu horizontal sisi atas,pilih opsi Horizontal, lalu setting Position: 1.5mm.
6. Kemudian lakukan sekali lagi langkah yang sama untuk membuat garis bantu horizontal sisi bawah, pilih opsi Horizontal, lalu setting Position: 49.5mm.

LANGKAH 3

1. klik view > New Guide.
2. Maka akan tampil kotak dialog New Guide, lalu pilih opsi Vertical, lalu setting Position: 25.5mm, lalu klik OK.
3. Maka akan tampil garis bantu vertical sisi kiri.
4. Kemudian lakukan langkah yang sama untuk membuat garis bantu Horizontal Tengah, pilih opsi Horizontal, lalu setting Position: 25.5mm.

LANGKAH 4

1. klik Elipse Tool.
2. kemudian pada optionsbar pilih opsi Shape Layers.
3. lalu masih pada optionsbar klik ikon opsi Geometry, untuk menampilkan panel Elipse Option , kemudian plih opsi Fixed Size , setting W: 48mm, H:48mm dan pilih opsi From Center.
4. Kemudian masih pada optionsbar klik kotak warna sebelah opsi Color.
5. maka akan tampil kotak dialog Clor Picker, lalu pilih warna Putih atau masukkan kode warna #ffffff, klik ok
6. Kemudian klik pada tengah area gambar kerja berpatokan pada garis bantu yang telah kita buat sebelmnya .
7. maka akan terlihat hasilnya seperti gambar dibawah ini.  .

LANGKAH 5

1. klik layer>layer style>stroke.
2. Maka akan tampil kotak dialog layer style ,lalu setting size: 5px , lalu position : inside, Blend Mode : Normal , Opacity : 100%, Fill Type: Color.
3. Kemudian masih pada kotak dialog layer style klik kotak warna disebelah opsi color.
4. maka akan tampil kotak dialog select stroke color , kemudian masukkan kode warna #4c10a6, lalu klik OK, pada semua kotak dialog.
5. maka akan terlihat seperti gambar dibawah.

LANGKAH 6

1. klik layer>Duplicate layer.
2. Maka akan tampil kotak dialog layer style ,lalu klik OK untuk menduplikasi layer pertama.
3. Kemudian perkecil ukuran lingkaran yang baru kita duplikasi, klik Edit>Free Transform Path.
4. lalu pada optionsbar setting W:96%, dan H:96%, kemudian tekan tombol Enter
5. maka akan terlihat seperti gambar dibawah.

LANGKAH 7

1. klik layer>layer style>stroke.
2. Maka akan tampil kotak dialog layer style ,lalu setting size: 2px , lalu position : inside, Blend Mode : Normal , Opacity : 100%, Fill Type: Color, lalu klik OK
3. maka akan terlihat seperti dibawah ini.

LANGKAH 8

1. klik Elipse Tool.
2. kemudian pada optionsbar pilih opsi Shape Layers.
3. lalu masih pada optionsbar klik ikon opsi Geometry, untuk menampilkan panel Elipse Option , kemudian plih opsi Fixed Size , setting W: 30mm, H:30mm dan pilih opsi From Center.
4. Kemudian klik pada tenga area gambar kerja berpatokan pada garis bantu yang telah kita buat sebelumnya
5. Kemudian masih pada optionsbar klik kotak warna sebelah opsi Color.
6. maka akan tampil kotak dialog Clor Picker, lalu pilih warna Putih atau masukkan kode warna #4c10a6, klik ok
7. maka akan terlihat hasilnya seperti gambar dibawah ini.  .

LANGKAH 9

1. sebelumnya aktifkan layer lingkaran bagian dalam pada panel layer.
2. klik Horizontal Type Tool.
3. kemudian pada optionsbar seting Font: Arial Font Style: Reguler, Size:24pt, align : CenterText, Color: merah  (#efe920).
4. lalu masih pada optionsbar klik ikon panel character, untuk menampilkan panel character.
5. lalu pada panel characterseting opsi Baseline Shift: 6pt.
6. kemudian klik pada tengah lingkaran garis atas , kemudian ketikan teks CAP , kemudian tekan  tombol enter, maka akan terlihat hasilnya seperti gabar dibawah ini.

LANGKAH 10

1. sebelumnya aktifkan layer lingkaran bagian dalam pada panel layer.
2. klik Horizontal Type Tool.
3. kemudian pada optionsbar seting Font: Arial Font Style: Reguler, Size:24pt, align : CenterText, Color: merah  (#efe920).
4. lalu masih pada optionsbar klik ikon panel character, untuk menampilkan panel character.
5. lalu pada panel characterseting opsi Baseline Shift: -16pt.
6. kemudian klik pada tengah lingkaran garis atas , kemudian ketikan teks STEMPEL , kemudian tekan  tombol enter, 

LANGKAH 11

1. Msih menggunakan Horizontal Type Tool.
2. kemudian sort teks STEMPEL , kemudian tekan dan tahan tombol ALT pada keyboard , kemudian arahkan pointer berubah menjadi dua anak berlawanan.
3. lalu klik dan geser kearah kiri bawah sehingga teks berpindah posisi dan arahnya berlawanan jarum jam.

LANGKAH 12

1. klik Horizontal Type Tool.
2. kemudian pada optionsbar seting Font: Gill Sans Ultra Bold, font style: reguler, Size: 48pt, Align: Center Text, Color:Kuning (#efe920).
3. lalu klik dan pada area tengah lingkaran dan huruf ketikan huruf C.
4. lalu klik pada pada area tengah lingkaran dan huruf ketikan huruf S lalu posisikan seperti gambar dibawah.

Tutorial Adobe After Effect

TUTORIAL BRUTUS

• PENDAHULUAN 

opening title infotainment yang kurang enak didengar ini dibuat dengan Horizontal Type Tool (Ctrl+T) saja. Tanpa menggunakan efek sama sekali . ajaib kan? Parameter animator yang digunakan antara lain Scale , Fill, Position dan Blur . Dengan tool tersebut bisa dibuat banyak sekali kemungkinan animasi teks yang tidak akan ditemukan di software animasi lainnya. tutorial ini sering digunakan untuk animasi credits title film atau opening title sederhana,

• PERSIAPAN 

Bidang kerja Standar Brodcast

1. klik menu Composition > New Composition dengan Preset = DVPAL Square Pixel yang pernah kita buat sebelumnya . kali ini kita atur durasi 8 detik (0:00:08:00).
2. kali ini kita ingin background putih. di menu Composition > Background Color , pilih warna putih .

• ANIMASI TEXT

Fill & Out Text

1. untuk persiapan , dengan Horizontal Type Tool, buat teks "brutus" dengan pengaturan font Geometr231HvBT dan sizenya 36px. akan ada layer brutus di timline. catatan : untuk memperbesar teks bisa juga dengan Selection Tool(v).
2. agar lebih menarik ganti warna Outline hitam dan fill orange.

Animasi Teks Scale Perhuruf

1. setelah teks terlihat artistik , kini saatnya animasi teks tampil perhuruf dari awal / kiri . bersiaplah karena tutorial ini agak sulit. di layer brutus buka parameter Text, lalu pilih Animate > Scale.
2. maka tampil parameter Animator 1, atur Scale = 200% maka ukuran semua huruf 2 kali lebih besar.
3. agar hanya huruf awalnya yang besar , atur/drag nilai End menjadi 10%.
4. ini yang penting yaitu menggeser urutan huruf yang membesar pastikan current time indicator berada diawal movie (00:00f). di pallete time control , klik tombol First Frame.
5. Aktifkan Time Vary Stop Watch atur parameter Offset = 0.
6. Geser Current Time Indicator ke detik 1 1/2 ata 01:12f.
7. atur nilai Offset = 90.
8. Play /Pause  atau RAM Preview .
9. Agar kembali ke awal lagi copy keyframe di detik awal lalu Paste di detik 3 (00:03f).

Animasi Text Fill

Akan tampil parameter Animator 1, klik panah Add > Property > Fill Color > RGB,  maka huruf yang teseleksi berwarna merah . silahkan ganti warna jika ingin memilih warna lain.

Animasi Text Position

1. klik panah Add > property > position dengan nilai -10 . maka terlihat teks yang terseleksi bergeser ke atas 10 pixel.
2. untuk lebih menarik dan unik lagi coba klik panah Add > Selector > Wiggly. kini animasi perubahan skala , warna dan posisi lebih variatif.  

Animasi Text Berita Utama Selebriti 

1. seperti sebelumnya dengan Horizontal Type Tool, buat teks "berita utama selebriti" dengna pengaturan font&sizenya sama seperti sebelumnya dan akan ada dilayer timeline.
2. dilayer berita utama selebriti buka parameter Text, lalu pilih Animate>Blur. atur nilai parameter Blur = 12,12 saja . hasilnya semua huruf menjadi buram / blur.
3. untuk mengatur ruang lingkup blur atur End = 10%agar huruf awalnya saja yang blur.
4. pastikan Current Time indicator berada di awal movie (00:00f). di pallete time control , klik tombol First Frame .
5. Animasikan parameter End , aktifkan Time Very Stop Watch di parameter End . Atur nilai End = 10%.
6. Geser Current Time Indicator berada ke detik 4 atau(04:00f).
7. lalu atur nilai End = 100% terlihat semua huruf menjadi blur .
8. Play/pause atau RAM Priview, terlihat teks menjadi blur dari huruf depan sampai huruf akhir .
9. untuk membalikan animasi teks di Range Selector 1 > Advenced , atur Mode = Subtract. 
10. lebih baik lagi jika diberi efek transparan agar blur yang tampil tidak terlihat . klik panah Add>Property>Opacity.
11. atur Opacity= 0%, lalu play.pause atau RAM Priview 
12. untuk lebih unik lagi coba di Range Selector 1 > Advenced , atur Randomize = on . maka kemunculan huruf menjadi acak 

Animasi Rotasi , Scale, & Anchor Point

1. kita coba membuat efek rotasi perhuruf . klik kanan Add>Property > Rotation. lalu atur Rotation = 1x 0.0 alias satu putaran penuh.
2. kita tambah efek skala perhuruf . klik panah Add > Property > Scale. lalu atur Scale =500,500%alias 5 kali lebih besar .
3. terakhir tambah efek perpindahan titik pusat huruf . klik panah Add>Property>Anchor Point. lalu atur Anchor Point. lalu atur Anchor Point = 10,100 alias 10 pixel ke kanan dan 10 pixel ke kiri
4. play/pause atau RAM Preview. terlihat ada efek blur , opacity rotasi posisi dan anchor point pada kalimat dibawah.