Tampilkan postingan dengan label illustrator. Tampilkan semua postingan
Tampilkan postingan dengan label illustrator. Tampilkan semua postingan

Mengekspor Animasi dari illustrator

Langkah 1

Menyiapkan Lapisan

Jika Anda seperti saya Anda kemungkinan besar memiliki semua ilustrasi Anda dalam satu single layer .. Jika Anda! ... Siapkan pekerjaan Anda dengan menempatkan semua obyek anda dalam lapisan yang terpisah. Pada titik ini Anda harus ada dalam pikiran bagaimana file Anda akan bekerja di flash. Jadi hanya terpisah semua pekerjaan Anda dan tempat simbol yang berbeda / obyek di lapisan yang berbeda. Ini akan memberi Anda kemampuan lebih besar untuk mengubah atau menghidupkan mereka ketika mereka sedang diimpor ke flash.

images
Langkah 2

Anda Tanaman area

Pilih latar belakang Anda membuat copy - paste di belakang - GO ke Obyek - Tanaman Area - membuat

crop area
Langkah 3

Membuat animasi

Ingat ilustrator adalah alat bantu menggambar, untuk flash animasi kompleks akan bekerja terbaik dan itu untuk tujuan yang flash yang dibuat. Ini hanya sebuah demonstrasi kecil yang dapat mengurangi pekerjaan Anda yang Anda lakukan di flash.

Saya akan memilih di sini dua contoh simbol, saya ingin membuat bunga di kiri atas jatuh ke arah corner.Here yang benar adalah bagaimana Anda melakukannya.

Pilih kedua contoh bunga.

transfroms
Langkah 4

Menggunakan Blends

pergi ke objek - Blend - opsi Blend. langkah menyisipkan beberapa langkah yang ditentukan Lebih Anda memberikan Lebih halus animasi Anda akan menjadi. Jika Anda ingin memberikan efek bunga datang dari belakang Anda dapat mengurangi ukuran bunga atas.

blend option
Pergi ke objek - Blend - membuat

Illustrator akan menciptakan contoh beberapa posisi di antara kedua tergantung pada jumlah langkah-langkah yang Anda pilih.

blend
Langkah 5

Mengedit animasi jalur

Anda dapat mengedit jalur Arus Atau animasi objek dengan mengedit jalur OPE berdarah Facebook Anda Anchor pallette poin, Tambah titik Jangkar di mana Anda ingin untuk menyesuaikan dari.

mengedit animasi
Langkah 6

Mengatur node

pilih node dan mengkonversi alat jangkar titik dengan menyesuaikan menangani. mana yang pernah Anda ingin obyek untuk mengikuti.

mengatur node
Langkah 7

Mengekspor swf

ilustrator memiliki kemampuan untuk sekarang mengimpor bekerja vektor yang berlapis seperti di ilustrator sehingga Anda Anda dapat memiliki semua pekerjaan Anda ditempatkan pada lapisan, simpan sebagai file ai biasa saat Anda membukanya di flash seperti biasa akan separte dan menyesuaikan karya seni sebagai lapisan di flash seperti di ilustrator. Berikut karena kita mengekspor sebuah swf kami akan memberikan sesuatu pilihan seperti ini.

Ekspor sebagai - AI lapisan untuk swf RANGKA.
Klip untuk ukuran artboard
Gunakan sebagai latar belakang - jika Anda mengambil lapisan yang menutupi seluruh latar belakang ini akan diambil di setiap bingkai!
Terakhir namun tidak sedikit Animate blends. - Dalam urutan hit ok

mengekspor swf

Langkah 8

mengimpor dalam Flash

Buka file baru - pergi ke file - impor dan di sana Anda memilikinya Anda urutan animasi menggunakan perpaduan alat diekspor sebagai swf.
READ MORE - Mengekspor Animasi dari illustrator

Ilustrasi daun gaya mesh tool

daun
Pada tutorial yang sebelumnya kita telah belajar cara penggunaan mesh tool nah sekarang saatnya kita belajar mengaplikasikan tehnik mesh tool dalam membuat suatu gambar Daun di Adobe Illustrator sehingga daun tampak alami dan warnanya menarik.

BACA SELENGKAPNYA. .
READ MORE - Ilustrasi daun gaya mesh tool

Tipografi

membuat tipografi

Salah satu tren grafis yang sedang populer saat ini adalah tipografi 3 dimensi. Pada posting ini kita akan belajar membuat tipografi 2 dimensi menjadi 3 dimensi secara mudah di Adobe Illustrator, lalu memoles nya dengan tekstur di Adobe Photoshop.


Materi stok gambar yang kita perlukan hanya tekstur dengan style grunge (dapat di unduh di akhir posting ini), selebih nya kita menggunakan teknik Illustrator dan Photoshop saja, mari kita mulai!

Langkah 1- Adobe illustrator cs3
Buat dokumen baru di Adobe Illustrator CS3 kamu, lalu ketik kata yang kamu inginkan. Pada tutorial ini saya mengetik “JURUS GRAFIS” dengan font Swiss Heavy (kamu bisa menggunakan font Arial Bold atau yang lain jika tidak punya font Swiss), dan atur setting Leading dan Kerning nya seperti gambar di bawah ini.

font

Langkah 2
Kita akan merubah text tersebut menjadi “Outlines” atau “Path”, sehingga text ini tidak jadi sebagai text, tetapi akan menjadi grafik yang bisa kita edit bentuk nya. Caranya, klik kanan lalu pilihCreate Outlines”.

create outlines

Langkah 3
Bagian ini adalah bagian yang menarik, kita akan membuat tipografi 2 dimensi ini menjadi 3 dimensi. Caranya sangat mudah, selagi tipografi tersebut terseleksi, pilih Effect > 3D > Extrude & Bevel , lalu ikuti setting seperti gambar di bawah ini.

Sebelumnya jangan lupa untuk merubah warna text menjadi abu-abu muda (supaya nanti sesudah menjadi 3 dimensi, warna nya akan tetap menghasilkan bayangan yang pas). Dan Voila! kamu sudah berhasil membuat tipografi 3 dimensi.

extrude
posision
jurus grafis

Langkah 4
Selanjutnya kita meng-expand grafik 3 dimensi tersebut, sehingga setiap bagian nya akan menjadi bentuk vektor. Seleksi objek 3d lalu pilih Object > Expand Appearance.

expand appearance

Langkah 5
Setelah objek 3d menjadi grafik/path, maka setiap bagian nya bisa kita edit. Nah sekarang seleksi semua objek 3d itu dan Ungroup (tekan Ctrl + Shift + G) sebanyak 3 kali, sampai setiap bagian nya terpisah-pisah.

Lalu seleksi tulisan “Jurus Grafis” nya saja dan ubah warna nya menjadi abu-abu terang (10% Black). Tekan Ctrl + G untuk meng-group kembali hanya tulisan “Jurus Grafis” saja.

seleksi Selagi tulisan “Jurus Grafis” terseleksi, tekan Ctrl + 2 untuk mengunci (Lock) bagian itu. Tujuan nya adalah supaya kita lebih mudah untuk melakukan langkah berikutnya.

Langkah 6
Kita akan menyatukan bagian bayangan dari grafik tersebut (area abu-abu gelap). Karena kita sudah mengunci tulisan “Jurus Grafis” maka kita dapat dengan mudah men-seleksi semua bayangan tersebut. Setelah terseleksi, pilih Pathfinder, lalu Unite dan tekan Expand.

window pathfinder

Langkah 7
Kamu akan mendapatkan hasil seperti di bawah ini. Sekarang kamu bisa membuka kunci (Unlock) tulisan “Jurus Grafis”, dengan menekan Ctrl + Alt + 2.

Logika dari semua langkah sebelum nya adalah kita membuat 2 bagian, text bagian depan (berwarna abu-abu terang) dan text bagian belakang yang berfungsi sebagai pemberi efek 3 dimensi (berwarna abu-abu gelap).

unlock

Langkah 8 - Adobe Photoshop
Buat Dokumen baru di Photoshop dan Copy Paste grafik yang telah kita buat di Illustrator. Masing-masing dengan bagian nya sendiri, “bagian depan huruf” dan “bagian belakang huruf”. Jadi kita mempunyai 2 layer di Photoshop.

Setelah meng-copy paste mungkin kamu butuh menyesuaikan lagi sehingga bisa pas seperti yang kita buat di Illustrator, trik nya adalah jangan merubah ukuran salah satu nya sebelum semuanya ter-copy paste di Photoshop dan paste sebagai “Smart Object”.

layer

Langkah 9
Buka dokumen tekstur di Photoshop, lalu klik dan drag ke dokumen tipografi 3 dimensi. Ini akan menempatkan tekstur tersebut di atas layer “text bagian depan”. Namakan layer tekstur tersebut menjadi “texture grunge1″.

Pilih layer “texture grunge1″ lalu klik kanan dan pilih Create Clipping Mask, hasilnya akan tampak seperti di bawah ini.

clipping mask
texture Jadi kita menempatkan tekstur kedalam tulisan “Jurus Grafis”

Langkah 10
Pilih layer “texture grunge1″ dan lakukan setting seperti gambar di bawah ini. Kita akan membuang warna pada tekstur dan meningkatkan kontras untuk mendapatkan efek yang lebih dramatis

hue saturation
levels

images

Langkah 11
Copy layer “texture grunge1″ yang sudah di setting tadi, dan tempatkan di atas layer “text bagian belakang”. Lakukan Clipping Mask (seperti langkah 9) dan sesuaikan penempatan nya seperti apa yang kamu mau. Kamu bisa bereksperimen dengan penempatan nya dengan melakukan rotate dan transform (Ctrl + T).

transfrom

Langkah 12
Kita akan mempertegas bayangan pada layer “text bagian belakang”. Buat layer baru di atas layer “texture grunge1 copy” dan namakan menjadi “brush shadow”, jangan lupa ubah blending mode layer “brush shadow” menjadi Multiply.

Gunakan soft brush berwarna hitam untuk mempertegas bayangan, untuk bagian ini kamu bebas bereksperimen untuk menentukan mana bagian yang tergelap. Bayangkan satu sumber cahaya di atas objek tersebut sehingga kamu lebih mudah dalam megerjakan nya.

soft brush
brushes

Langkah 13
Biasakan untuk mengatur dan menamakan layer kamu, buat group baru (klik ikon bergambar folder) dan masukkan semua layer tipografi 3 dimensi kedalam folder itu. Namakan folder nya “3d tipo”.

Ini akan memudahkan kamu jika nanti kamu hanya ingin mengedit bagian tertentu saja. Hal ini juga sangat berguna kalau kamu sudah bekerja dengan ratusan layer.

layer photoshop

Langkah 14
Dengan teknik yang sama seperti mempertegas bayangan tadi, kita akan memberikan sedikit nuansa warna pada grafik ini. Saya menggunakan Soft Brush dan menggunakan 2 warna secara bergantian. Ikuti penempatan dan pengaturan layer nya seperti gambar di bawah ini.

bayangan

Langkah 15
Pilih layer “text bagian depan” dan berikan layer style “Stroke”.

style

Langkah 16
Selanjutnya kita membuat background. Pada tutorial ini saya membuat background yang simpel saja. Cukup menggunakan Gradient Tool (G) dan merubah setting nya menjadi Radial Gradient.

Dan saya memutuskan untuk menambahkan tekstur yang sama seperti tekstur tipografi juga pada background.

background
multply

Hasil Akhir

hasil akhir

Ya, sampai disini kita sudah selesai. Saya menambahkan beberapa elemen grafis lain nya, seperti efek cahaya dan bintang angkasa agar tipografi 3 dimensi nya lebih menyatu dengan background. Tetapi ini tergantung kamu dan gaya seperti apakah yang kamu buat dari pertama.

efek tipografi

Jadi sekarang kamu sudah mengetahui bagaimana merubah text 2 dimensi menjadi 3 dimensi dan memberikan tekstur pada sebuah objek. Silakan bereksperimen dengan tekstur yang lain, seperti kayu, daun, cipratan cat, dan lain lain.

Sumber : Jurusgrafis.com
READ MORE - Tipografi

Vector Image

Seteleh mengenal tool-tool dalam adobe illustrator, selanjutnya kita masuk ke project pembuatan vector image. Langkah2nya adalah sbb:

1. Buka foto / file image dengan adobe illustrator :

Vector image
2. Duplicate layer foto menjadi 2

layer

3. Buat trace foto (layer 1 copy) dengan live trace
Caranya: pada menu utama klik: Object >> Live Trace >> Tracing Options...
maka akan muncul dialog box seperti gambar dibawah ini:

tracing

Seting properties seperti tampak pada gambar diatas. Kemudian tekan button Trace

4. Maka akan diperoleh gambar sebagai berikut:

image
Kemudian set transparency layer 1 copy seperti pada gambar di bawah ini:
Cara mengesetnya adalah dengan merubah persentase dari Opacity 100% ke sesuai kebutuhan

gambar
Catatan: opacity tergantung pada source image, jika source image terlalu terang maka opacity dikurangi hingga menghasilkan pencahayaan yang proporsional.

5. Kemudian create new layer, setelah itu kunci 2 layer terbawah, maka akan didapatkan susunan layer seperti pada gambar dibawah ini:

grafis

Setelah itu proses selanjutnya adalah menggambar ulang image dengan menggunakan pen tool. Gambar image menurut warna pada layer ke 3, semisal anggota badan jadikan 1 warna seperti tampak pada gambar dibawah ini:

tool

Pen Tool, Opacity 59, Trace Tangan dan Wajah

Gambar seluruh foto/image dengan menggunakan pen tool menurut dengan perbedan warna pada foto/image. semisal pada objek mata, rambut, alis, dsb, gambar dengan path tersendiri seperti tampak pada gambar di bawah ini:

vector
6. Setelah seluruh objek telah tergambar ulang dengan pen tool, kemudian warnai dengan palete color, maka akan didapatkan gambar seperti di bawah ini:

preview
Beberapa skin color dalam vector yang sering saya pakai:

RGB mode:
fde0c2 dengan toleransi warna tergelap > cf936a
fee1cf dengan toleransi warna tergelap > c4947c
f8d2bf dengan toleransi warna tergelap > ac7c69
f0d3bd dengan toleransi warna tergelap > 9a6b51
fbdcbd dengan toleransi warna tergelap > 845449

CMYK mode:
edcfb6 dengan toleransi warna tergelap > ac8066
efd2bd dengan toleransi warna tergelap > 986a50
feddcb dengan toleransi warna tergelap > c2927b
f6dacc dengan toleransi warna tergelap > 9a6b51
ffe5c9 dengan toleransi warna tergelap > 835449

tutorial
Selamat Mencoba.....

Sumber : Ilmugrafis.com
READ MORE - Vector Image

Efek Teks 3D illustrator

TIPS!!!
Sebelum Mempelajari Adobe ILLUSTRATOR sebaiknya anda betul - betul sudah mahir dasar dasar Photoshop dan Coreldraw

Bagaimana cara membuat efek 3 Dimensi pada adobe illustrator? silahkan anda pelajari tutorial ini...

1. Gunakan Type tool, Tulis dalam lembar kerja "3D Tutorial ".
Kemudian ke Menu Utama -- Effect >Warp > Arc
Gunakan pengaturan ini:
2. Kemudian Effect > 3D > Extrude & Bevel
Gunakan pengaturan ini:
Set Extrude Deph: 20 pt, dan jangan lupa centang Preview

3. Kemudian Object > Expand Appearance untuk membuang semua effek
setelah itu ungroup sampai 5 X (Object > Ungroup atau tekan Ctrl+Shift+G)

4. Tinggal Warnai bagian paling tepi dengan color Swatches
5. Tambahkan assessories supaya kelihatan lebih menarik seperti api atau kupu - kupu
Hasilnya:
Kupu - kupu

Atau
Api unggun

Tambahkan nyala api supaya lebih keren...


READ MORE - Efek Teks 3D illustrator