Blogger news

Pages

Blogger templates

Sabtu, 13 Oktober 2012

MENGENAL ADOBE AFTER EFFECT CS3


Mengenal Adobe After Effect CS3 

Adobe After Effect adalah program pengolah video editing. Fungsi Adobe after Effect adalah digunakan untuk mengolah dan menambahkan efek - efek khusus dalam pembuat video acara -acara seperti pernikahan, maupun pembuatan iklan di industri perTVan (broadcast).

Cara memulai program After Effect CS3
- Pada waktu penulis menginstal program After Effect ini penulis sendiri pertama kali juga dibuat bingung, bagaimana memulainya? apa yg harus saya lakukan dengan program ini? apakah saya bisa memakainya? dan beberapa pertanyaan lainnya, akhirnya dengan sedikit kesabaran dan ketelatenan penulis mulai bisa menguasai sedikit dan langsung dibagikan kepada para pengunjung di ilmuGrafis :) "walaupun kecil yg penting berbagi, tul gak gan"

berikut ini cara membuat lembar kerja baru di Adobe After Effect:
disini penulis menggunakan After Effect CS3
1. Pada Windows Klik Start >> All Program >> Adobe After Effect CS3
maka anda akan melihat tampilan seperti ini:
image www.ilmugrafis.com
klik gambar untuk memperbesar tampilan Layout AE CS3
sebelum kita masuk ke langkah berikutnya, simak keterangan Layout AFTER EFFECT CS3 di atas

+ MENU UTAMA
Tempat kumpulan menu - menu untuk mengakses fitur yang ada di AE CS3 terdiri dari File, Edit, Composite, Layer, Effect, Animation, dll

+ TOOL BAR
Tempat alat - alat untuk mengEdit Video nantinya seperti Zoom, Teks, Shape, Clone, dll

+ LIBRARI dan EFEK VIEW
Tempat file source dan juga tampilan efek yang akan dimunculkan di Video anda. Ini adalah tempat semua impor Komposisi, Video, Audio, Graphics dll

+ KUMPULAN PALLETE
Ada beberapa seperti Time, Audio, Efek dll. Ini panel yang besar namun tidak sepenuhnya diperlukan untuk penggunaan dasar. Hal ini dapat ditutupi di Tutorial yang akan datang.

+ KOMPOSISI
Menampilkan isi frame untuk komposisi yang dipilih

+ DETAIL EFEK dan LAYERS
Seperti halnya program desain grafis lainnya, Palette ini digunakan untuk Navigasi anda dalam mengedit Video serta memberikan sentuhan permainan LAYER MODE, BLEND MODE, maupun MASKING untuk menggabungkan 2 gambar atau lebih sehingga terlihat menjadi 1 tampilan Animasi

+ TIMELINE
Timeline adalah fungsinya menampilkan durasi dan panjang video serta tampilan layer dan keyframe anda

2. klik Composition >> New Composition
image www.ilmugrafis.com

nah akan muncul seperti ini:
image www.ilmugrafis.com
Penjelasan Setting Composition di After Effect CS3
A. Berikan nama Komposisi Anda [sesuatu yang sedikit lebih deskriptif dari "Comp satu" misal nama project anda]
B. Atur tahap yang diperlukan dimensi Anda jika Anda tahu spesifik Ukuran Video anda [ini bisa diubah nanti jika diperlukan]
C. Set Pixel Rasio Aspek untuk Square Pixel karena ini akan menjadi Flash
D. Mengatur frame rate AE untuk menyesuaikan frame rate yang ingin Anda gunakan dalam Flash
E. Tetapkan durasi Anda diperlukan Komposisi [ini juga bisa diubah nanti jika diperlukan].
Klik OK
Untuk pembahasan kali ini, kami menggunakan Software Adobe After Effect CS4. Silakan.
Kegunaan
Kita mungkin pernah membuat sebuah foto menjadi blur. Blur karena speed, atau yang lainnya. Nah, di After Effect, efek blur itu bisa kita buat bergerak dan sekaligus ditambahkan kedalam video kita. Lalu mungkin juga kita pernah iseng mengerjai foto teman-teman kita dengan tool liquify, sehingga wajah-wajah mereka tampak lucu. Dengan After Effect, efek tersebut bisa ditambahkan kedalam video sehingga benar-benar terlihat nyata, bahwa wajah mereka ?ancur? seperti itu hihi.

Mengenal After Effect web desain grafis
liquified image

Secara umum sesuai namanya bahwa After Effect ini merupakan software untuk membuat efek yang dinamis untuk video kita. Kemampuan software ini sungguh fantastis. Hampir semua efek yang sering anda tonton dalam film box office dapat dibuat dengan After Effect. Coba kita sebutkan efek-efek apa saja itu? Efek tertabrak mobil, efek diantara chaos lalu lintas dimana mobil saling menabrak seperti di Die Hard 4 di scene terowongan saat dikejar helikopter (btw saya jadi ingat celetukkan teman saya, sebentar lagi Die Hard akan diganti judulnya menjadi dajjal… karena tokoh utamanya memang tidak bisa mati oleh manusia biasa :p ), efek tembus kaca misalnya yang ada pada film Get Smart dimana perspektif kamera melingkari pesawat dari bawah menuju jendela, lalu kamera menembus kaca pesawat tersebut. Bagaimana melakukannya? Lalu efek ledakan pada suatu sudut kota, terlihat kendaraan ?misalnya bis? ditembakkan bazooka tapi meleset, dan bazooka itu pun meledak dibagian belakang bis sehingga menimbulkan efek dramatis. Kamera shacking, serpihan-serpihan ledakkan jatuh berhamburan. Dan tahukah anda yang sebenarnya terjadi? Sebenarnya ledakkan itu FAKE!! Anda percaya?? Percayalah it?s just a fake at all!!! Maaf maaf, saya terlalu bersemangat :D
Lalu ada lagi nich.. kita bisa merubah background yang ada pada video, dengan menggunakan matte painting. Matte painting ini adalah sebuah gambar yang terlihat real yang ditambahkan pada video sebagai background. Ingat film Sherlock Holmes saat scene diatas jembatan yang rusak beberapa menit sebelum film usai?? Lihatlah sekitarnya, apa mungkin kameramen, sutradara, clapper dan lain-lain ada pada tempat setinggi itu untuk menshoot artisnya? Mungkin sich mungkin saja, tapi apa ada yang lebih murah dari hihit.. yang lebih mahal banyak.. pokoknya apapun efeknya.. minumnya teh botol sosor :D
Yap, dengan matte painting, efek diatas bisa dilakukan tanpa harus membahayakan seluruh crew dan artis. Perkembangan ini menyebabkan kita tidak perlu mencari tempat-tempat yang baik untuk film, kita tinggal membuat gambar yang cocok, lalu background pun tinggal diganti. Ini juga memungkinkan kita untuk shooting dalam satu studio saja. Tinggal memakai greenscreen, lalu dengan After Effect, greenscreen tersebut diganti backgroundnya menjadi gambar, gambar matte painting dibuat, dan diolah sedemikian rupa sehingga jadilah film tersebut. That?s easy.
Dibidang desain, tentunya anda mengenal Photoshop juga bisa digunakan untuk mendesain sesuatu seperti buku tahunan, company profile, dan lain sebagainya. Dengan After Effect, hal ini bisa dilakukan. Malah lebih dasyat lagi, desain anda bisa dijadikan animasi seperti perspektif 3D animasi, handwriting animation, grafiti, dan masih banyak lagi.
Intinya After Effect digunakan untuk menambahkan efek-efek visual dan juga membantu anda dalam hal desain layout yang teranimasi pada projek video anda.
Tata Letak

Mengenal After Effect web desain grafis
layout after effect

Kita mulai pembahasan dari atas tampilan software ini. Disana terdapat beberapa menu. Lalu dibagian bawahnya terdapat Toolbar yang terdiri dari banyak icon yang merupakan tool operasional program.
Lalu bagian kiri terdapat sejenis library dan juga tampilan thumbnail dari elemen yang ada bila di seleksi.
Dibagian kanan terdapat pallete-pallete seperti Character, paragraph, info dan lain-lain.
Dibagian bawah terdapat sejenis detail effect, timeline, dan akan bertambah jendela bagian ini dalam bentuk tabs. Contohnya saat kita mengklik menu Composition > Add to Render Queue. Maka tampilan bawah ini berubah menjadi jendela tersebut.
Penggunaan
Penggunaan After ini secara prosedur mungkin agak membingungkan. Namun tentu ada alasan mengapa agak rumit seperti demikian. Prosedurnya yaitu saat anda membuka program ini, anda tidak menemukan apa-apa. Anda diharuskan untuk membuat komposisi baru dengan cara mengklik menu Composition > New Composition (ctrl+n). Isikan opsi-opsi yang ada dalam jendela yang keluar seperti nama komposisi, width dan height video, Pixel Ratio, Frame rate, kualitas resolusi saat pengeditan, dan juga durasi.
Lalu import footage (video dasar) yang anda punya kedalam library, termasuk juga gambar-gambar atau file audio yang anda punya. Caranya dengan mengklik menu file > import > file (ctrl+i).
Lalu tinggal menyeret elemen-elemen apa saja yang ada di library tadi kedalam timeline, memberi efek, menambahkan mask, memanipulasi gambar, dan sebagainya. Intinya proses pembuatan efek dilakukan.
Saat efek atau projek sudah selesai. Tahap akhirnya yaitu merender projek tersebut. Render adalah proses untuk menyatukan file projek kita, menjadi file yang berformat openable, yakni berformat yang mudah dibuka seperti avi, wmf, gif dan sebagainya.
Percobaan Sederhana
Sekarang mari kita coba untuk membuat sesuatu di After Effect. Contoh sederhana saja ya, kita akan membuat sebuah gambar teks yang memiliki efek seperti sedang ditulis -writing- seperti terlihat di url ini. (silakan klik)
Baik langsung saja langkah-langkahnya adalah sebagai berikut:
Pembuatan
Langkah ke 1:
Setelah software terbuka, maka pilih menu composition > new composition. Atau bisa diakses cepat dengan shortcut ctrl + N.
Langkah ke 2:
Pada composisiton name, isikan nama yang anda inginkan; Pada preset, isikan ukuran video anda; Pada kotak Duration isikan durasi video anda. Bila bingung, sama kan saja dengan penulis. Klik saja ok.
Langkah ke 3:
Gunakan Tool Horizontal Type Tool lalu ketikkan sesuatu di bagian composition. Ganti jenis teks anda menjadi lebih catchy layaknya desain grafiti. Saya menggunakan font URBAN HOOK-UPZ; Ubahlah warnanya.

Mengenal After Effect web desain grafis
texting_in_ae

Langkah ke 4:
Lalu pilihah Pen Tool dan telusurilah teks anda dimulai dari bagian kiri bawah seperti gambar dibawah ini:

Mengenal After Effect web desain grafis
tracking text ae

Langkah ke 5:
Jika sudah, berilah efek stroke. Pilih Effect > Generate > Stroke. Perbesarlah ukuran stroke sehingga menutupi teks kita.

Mengenal After Effect web desain grafis
stroking image

Langkah ke 6:
Ubahlah Paint Style menjadi Reveal Original Image.

Mengenal After Effect web desain grafis
revealing stroke

Langkah ke 7:
Pastikan slider berada pada awal frame seperti ini.

Mengenal After Effect web desain grafis
slider

Langkah ke 8:
Tampilkan Effect Stroke pada Source name dengan cara mengklik tombol segitiga sampai terlihat efek Stroke itu.

Mengenal After Effect web desain grafis
start

Langkah ke 9:
Pada bagian Start, kliklah stopwatch. Ganti nilainya menjadi 100%.

Mengenal After Effect web desain grafis
keying

Langkah ke 10:
Geser Slider menuju pada detik ke 2, klik keyframe dan ganti nilainya menjadi 0%.

Mengenal After Effect web desain grafis
keying 2

Langkah ke 11:
Selesai.
Render
Sekarang waktunya merender, yaitu menjadikan file project kita menjadi file openable -dengan program lain- seperti format avi dan gif. Kita akan mencoba merender file yang baru kita buat tadi yaitu sebagai berikut:
Langkah ke 1:
Pilih menu Composition > Add to Render Queue.
Langkah ke 2:
Maka akan terlihat jendela Current Render pada bagian bawah. Klik Best Settings pada Render Settings. Pilih pilihan yang anda inginkan. Langsung saja pilih ok.
Langkah ke 3:
Pilih Loseless pada bagian Output Module. Lalu ubah opsi-opsi yang anda inginkan. Pada contoh ini kita menginginkan outputnya adalah format gif. Ganti format menjadi animated gif. Lalu klik Ok.

Mengenal After Effect web desain grafis
lossless

Langkah ke 4:
Pada bagian Output To: Tentukan direktori untuk file tersebut.
Langkah ke 5: Lalu klik tombol Render.
Yap, cukup sekian dulu pengenalan kita dengan After Effect. Kami juga berencana akan membuat Video Tutorial yang khususon membahas tentang After Effect ini segera. InsyaALLOH. Selamat mencoba dan semoga bermanfaat.
Wassalamu’alaikum warrahmatullahi wabarakatuh.

Sabtu, 29 September 2012


Efek Pusat Energi API


oke sobat langsung aja pada Tutorial photoshop kali  ini kita akan belajar membuat efek pusat energi api ( wauw...lagi2 api.. :( )dengan menggunakan photosop. langsung sob...

1. pertama kali buat lembar kerja baru dengan warna background hitam, Kemudian pilih brush tool dan pilih fuzzball ( di property bar) lihat gambar:
photoshop

2. setelah itu buat coretan dengan brush seperti pada gambar, ingat atur master diameternya (lihat gambar diatas) sesuai dengan ceretannya, semakin besar master diameternya berarti semakin besar pula coretannya:
photoshop

3. setelah itu kasih efek lensflare ( filter - render lens flare ) atur sesuai gambar, oya untuk brigthnessnya bisa dikurangin:
photoshop

4. setelah itu kita ulangi lagi lensflare, tapi pada lens type kita pilih movie prime,
photoshop

5. ulangi langkah 4 (4x lansflare dengan letak lens berbeda di empat sudut, lihat gambar).
photoshop
hasilnya:
photoshop

6. oke pada palet layer kita copy background menjadi 2 (layer - duplicate layer) sehingga background ada 2 yaitu background dan background copy:
photoshop

7. oke setelah itu kita gunakan efek twirl, aktif pada background pertama pilih menu: filter - distort - twirl: kasih angka angle :1 50: lalu kita aktif pada background copy dan kasih juga efek twirl, bedanya pada anggle yaiitu : 150 (kebalikannya). ingat kalo background kamu kasih angle 150 maka pada background copy harus kebalikannya yaitu -150, begitu juga sebaliknya. :
photoshop

8. setelah itu ubah blending modenya pada pallete layer menjadi lighten (kita aktif pada layer background copy/layer yang paling atas):
photoshop
sekarang waktunya pewarnaan: ubah warna rgb menjadi grayscale ( image - mode - grayscale )
photoshop
lalu ubah lagi menjadi index colour: (image - mode - indexed color...)
photoshop
sentuhan terakhir: ubah menjadi colour table ( image - mode - color table dan pilih black body) gini ni hasilnya:
photoshop
Efek energi pusaran api 1
atau gini, :)
photoshop
Efek energi pusaran api 2
wah mantap!!!...bisa dimodifikasi dengan hue saturation tapi inget ubah dulu jenis warna dari indexed menjadi rgb caranya: (image - mode - rgb color) baru deh diwarnai dengan hue saturation: (image -adjusment - hue saturation, ato bisa juga menggunakan color mixer)

Selasa, 18 September 2012

Definisi Web

Web adalah sebuah penyebaran informasi melalui internet. Sebenarnya antara www (world wide web) dan web adalah sama karena kebanyakan orang menyingkat www menjadi web saja. Web merupakan hal yang tidak dapat dipisahkan dari dunia internet. Melalui web, setiap pemakai internet bisa mengakses informasi-informasi di situs web yang tidak hanya berupa teks, tetapi juga dapat berupa gambar, suara, film, animasi, dll. Sebenarnya, web merupakan kumpulan-kumpulan dokumen yang banyak tersebar di beberapa komputer server yang berada di seluruh penjuru dunia dan trehubung menjadi satu jaringan melalui jaringan yang disebut internet.
 

Blogger news

Blogroll

About