Ilustrasi Fashion Busana Wanita
Publish: 23 Desember 2008 | Author & Copyright: Fery Gunawan | Status: FREE tutorial

Pada kesempatan Tutorial adobe illustrator kali ini, saya akan membuat gambar busana wanita dengan seni siluet, dengan menggunakan Adobe Illustrator
Siluet merupakan salah satu jenis dari kartun, siluet tidak menampilkan wajah secara utuh, tetapi hanya sebagian saja

Model busana di atas memiliki bentuk yang sederhana, dengan menggunakan kurva dan garis tanpa menggunakan modifikasi yang rumit, kekuatan ada pada garis yang dibentuk dengan menggunakan brushes modifikasi sendiri dan keserasian warna


Berikut langkah-langkah membuatnya :

Membuat Pola Dasar
Buat kurva bebas tanpa modofikasi dengan menggunakan pencil tool
1. Klik Pencil tool


2. lalu buatlah obyek seperti di bawah ini, caranya dengan membuat pola seperti menggambar menggunakan pensil.


Pertama menggambar pola badan, lalu dilanjutkan dengan menggambar pola lengan kanan, terakhir buat untuk pola lengan kiri. Anda bisa mengedit sapuan anda dengan cara mengulang pada bagian yang akan diedit

Untuk menutup kurva tekan tombol Alt
Beri warna dengan pink muda


Selanjutnya membuat pola dasar rok masih dengan menggunakan pencil tool. (untuk menghasilkan lekukan gambar yang halus memang perlu latihan men....sabar aja). Lalu beri warna ungu



Anda bisa merubah kehalusan lekukan dengan cara klik pencil tool 2 kali, atur fidelity dan smoothness



Membuat Garis Busana
Garis busana dibuat untuk mempertegas pada kerutan dan sebagai garis pembatas. Caranya buat garis menggunakan Pen tool, ubah jenis garis dengan menggunakan panel Brushes. Namun sebelumnya kita harus memodifikasi bentuk garis yang akan digunakan.
Buat bentuk seperti di bawah ini dengan menggunakan Pen Tool...


Lalu drag / geret objek tadi ke dalam panel brushes...


Muncul dialog box ...Select a brushes type :…… pilih New Art Brushes…

Terapkan jenis brushes yang sudah kita buat tadi pada garis busana, atur ketebalan garis pada panel stroke. Untuk membuat garis yang melengkung klik pen tool lalu geser pointer



Busana wanita telah selesai dibuat

Untuk melatih menggunakan pencil tool, ulangi langkah pembuatan pola dasar untuk kepala, rambut, tangan dan kaki, lalu beri garis pembatas dengan brushes. Hasilnya akan tampak seperti di bawah ini…


elegen , bauty , and smart looking fashion of ilmugrafis
Selamat Mencoba …….

Membuat Perangko Gratis dengan Illustrator
Publish: 8 Juli 2008 | Author & Copyright: Johan | Status: FREE tutorial

Hobinya mengoleksi perangko disebut Filateli, nah kalo membuat desain perangko? tetep desainer grafis tentunya, berikut ini cara membuatnya...

Sebelum mendesain mari siapkan foto atau gambar yang akan dijadikan gambar dalam perangko misalkan foto ce atau co kamu pasti seru tuh... tapi bagi yang tidak punya ce atau co alias masih jomblo jangan pesimis dulu sebab Kamu Gak Sendirian, hehehe... ilmugrafis banget...

Masih banyak gambar - gambar yang lain yang bisa kalian donwload dari google atau Gallery Grafis

LEts GOOOOOOO!!!!!!

Langkah 1 - MEMBUAT KOTAK ZIG ZAG
- Buka Program Adobe ILLUSTRATOR kamu dan Buat Lembar kerja baru
- Pilih Rectangle Tool, dan buatlah kotak dengan tool tersebut
- Gunakan Effect > Distort & Transform > Zig Zag


dan gunakan pengaturan ini

LALU klik OK

Langkah 2 - PENAMBAHAN SHADOW EFFECT
- Klik Kotak yang baru anda buat lalu Effect > Stylize > Drop Shadow


Langkah 3 - Menempatkan Object
Sekarang hilangkan Stroke dengan mengganti stroke menjadi 0 px


Setelah itu tempatkan Gambar
File > Place...

TIPS!!!
Jika ingin mencetak maka gunakan pengatusan ini
Effect > Document Raster Effects Settings


Disini contoh perangko yang saya buat:

Membuat Robot dari Gelembung - Gelembung Lingkaran
Publish: 29 Juni 2008 | Author & Copyright: Johan | Status: FREE tutorial

Belakangan ini saya sering melihat di media masa baik itu pamflet, baliho, koran, televisi, maupun majalah, kecuali radio ya. Mereka menggunakan Ilustrasi gelembung - gelembung lingkaran, sulitkah membuatnya? apa saja yang bisa dihasilkan? mari kita coba...

Ok, disini adalah contohnya:

download gambar

Dapatkah illustrator membuatnya? Jawabnya DAPAT dan MUDAH

Ini langkah - Langkahnya:

1. Buka Program Adobe ILLUSTRATOR
Start - All Program - Adobe Illustrator

2. Copy dan Paste Gambar Tersebut pada Adobe Illustrator

Mulai Tracing Bagian - Bagiannya:
Sebagai referensi anda bisa mempelajari ini Tracing Foto Luna Maya

3. Buat LAYER baru dan Masuk ke Outline Mode
Untuk gradien bisa menggunakan pengaturan ini:

Gradien 1 (C=34.9 dan Y=54.51) untuk Gradien 2 (C=86.67 dan Y=88.63)

Kemudian sekarang mulai dari tracing lingkaran dengan menggunakan Elipse Tool atau tekan L
Gunakan Zoom Mode dan Multiply

Terus Buat lingkaran demi lingkaran...

Horay jadi 1 (jangan senang dulu... Masih banyak Loh...)

4. Untuk mempercepat maka bisa mengcopy dari lingkaran yang telah kita buat

Hosh.. Hosh...

; - P Mendesain memang melelahkan... Sekaligus menyenangkan... Hosh.. Hosh..



Nah kalo sudah jadi seperti di atas tinggal copy dan paste saja...

dan nantinya hasil tersebut terserah pada anda... disini saya berkreasi dengan Copy - Paste, Rotation dan Transform
Dan Gunakan Stroke 0 px


atau bisa dibuat robot dengan imajinasi anda sendiri...
Contoh:

Mantab... Nih... Robot Design hehehe...
Ajeb.. Ajeb.. Ajeb.. Ajeb...

Tracing Foto Luna Maya
Publish: 12 Maret 2008 | Author & Copyright: Johan | Status: FREE tutorial

Illustrator Vector seperti yang saya janjikan, saya akan memberikan tutorial bagaimana mengubah foto menjadi lukisan kartun atau vektor image yang biasa disebut tracing foto or image...

Kali ini saya akan menTracing Foto Luna maya yang bisa di download di sini atau bisa dicari di Uncle Google

Klik kanan - Save Image As...

Ingat Tracing butuh kesabaran tinggi jadi... ya butuh waktu yang tidak sebentar... jadi siapin makan and minum di dekat anda serta mainkan music favorite anda...

Langkah-langkahnya:

1. Buka aplikasi Adobe ILLUSTRATOR - New

2. Tempatkan gambar pada lembar kerja
Caranya:
File > Place > pilih objek lalu OK

3. Buat gambar pada layer 1 menjadi mode transparan
Caranya:
Klik kiri 2x pada layer 1
Setting seperti ini


4. Buat Layer baru


5. Ubah ke Outline mode dengan menekan tombol CTRL pada keyboard dan klik kiri pada gambar mata di jendela Layers

Shortcut yang berguna:

• Ctrl+[ = Send Backward (Mengirim obyek ke belakang 1 langkah/lapisan)
• Ctrl+] = Bring Forward (Mengirim obyek ke depan 1 langkah/lapisan )
• Ctrl+Shift+[ = Send to Back (Mengirim obyek ke bagian paling belakang lapisan )
• Ctrl+Shift+] = Bring to Front (Mengirim obyek ke bagian paling depan lapisan)

6. Mulai Tracing dengan menggunakan Pen Tool (P)
Gambar kepala dan rambut dahulu

Kamudian Hidung dan alis, mata, bibir lalu badan

Kemudian tinggal memberi Warna, untuk melihat hasilnya kembali ke mode normal jadi klik ladi mata di jendela layer sambil menekan tombol CTRL

7. Gunalkan Gradient Tool untuk membuat warna lebih hidup

Sebelum dan Sesudah di Tracing...


Hasilnya seperti di atas... Namun bisa dimaksimalkan lagi dengan menambahkan gradient background...


Luna Maya ;-P in Design

Efek Teks 3 D illustrator
Publish: 26 Mei 2008 | Author & Copyright: Johan | Status: FREE tutorial

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...

Memasukkan Animasi Flash Ke Dalam Website
Publish: 24 Februari 2009 | Author & Copyright: Johan | Status: FREE tutorial

Pada tutorial belajar Dreamweaver kali ini penulis akan menjelaskan bagaimana cara memasukkan animasi flash berektension *.swf ke dalam website dengan dreamweaver...

Langkah - langkahnya:

1. Buka Dreamweaver dan pilih File - New
Atau tekan CTRL + N = Untuk membuat project baru sebagai latihan

2. Cara I : Pada Menu Utama
(help: untuk mengetahui letak menu utama bisa klik Pengenalan Dreamweaver dan Layout ) lalu pilih:
Insert - Media - Flash -
atau
Cara II : tekan CTRL + ALT + F

Ket:
swf = adalah extensi file animasi hasil olahan flash, file ini dapat dijalankan jika kita menginstal flash player ke dalam browser kita

untuk download adobe flash Player

3. Lalu pilih file berformat *.swf yang diinginkan
Disini penulis menggunakan conto

Cara Cepat Memisahkan Gambar Dari Background
Publish: 06 Juli 2007 | Author & Copyright: Johan | Status: FREE tutorial

Cara cepat memisahkan gambar dari background ada banyak cara. Disini saya akan menjelaskan cara yang menurut saya paling mudah... Namun kelemahan cara ini sulit diterapkan pada background yang bergradien...

Langkah - langkahnya adalah sebagai berikut:

1. Siapkan gambar yang akan di edit sebagai contoh saya akan menggunakan gambar

Logo UNAIR, Link download gambar

2. Buka gambar tersebut dengan program photoshop, disini saya menggunakan photoshop 7, namun bagi anda yang sudah menggunakan Photoshop CS caranya sama saja yaitu:
[klik kanan] gambar > open with "pilih" Photoshop atau
Start > All Program > Photoshop 7 > Open > cari gambar yang diinginkan

3. Pada Toolbox yang terdapat di sebelah kiri kamu cari icon yang mirip gambar penghapus
Setelah itu [klik kanan] icon tersebut dan pilih

Magic Eraser Tool

4. Jika kalian mendownload gambar dari sini maka gambar yang akan diedit adalah seperti ini :

Gambar Logo UNAIR dengan Background putih

5. Pada sisi - sisinya tinggal [klik kiri] aja, hehehe...

Klik pada bagian yang ditunjuk tanda panah

6. Dan Hasilnya adalah seperti ini

Tutorial Memisahkan Gambar dari Background dengan Extract
Publish: 03 Juli 2007 | Author & Copyright: Johan | Status: FREE tutorial

Tutorial ini menjelaskan bagaimana memisahkan gambar dari background. Cara ini efektif bagi gambar dengan tingkat kontras yang tinggi, dengan begitu selalu ada cara untuk berimajinasi...

Memang ada cara yang lainnya yaitu dengan menggunakan Magic Eraser Tool, tapi kelemahan dari cara ini adalah tool ini tidak bisa membedakan tingkat kontras dalam gradien sehingga tidak bisa digunakan bila background terlalu komplek dengan banyak warna. Baiklah,,, untuk mempersingkat waktu, mari kita mulai saja...

Langkah - langkahnya adalah sebagai berikut:

1. Siapkan gambar yang akan di edit sebagai contoh saya akan menggunakan gambar Olete, kalian bisa download gambar tersebut

Klik disini untuk download gambar

2. Buka gambar tersebut dengan program photoshop, disini saya menggunakan photoshop 7, namun bagi anda yang sudah menggunakan Photoshop CS caranya sama saja,
[klik kanan] gambar > open with "pilih" Photoshop atau
Start > All Program > Photoshop 7 > Open > cari gambar yang diinginkan

3. Setelah itu kalian lihat menu utama di sebelah atas pilih filter > extract
atau kalian bisa menekan (ctrl + alt + x) Maka kalian akan dibawa ke jendela extract

4. Di jendela extact terdapat kalian cari Toolbox dengan gambar spidol di sebelah kiri atas dan [klik kiri] tool tersebut lalu atur properties di sebelah kanan dengan ketentuan berikut:


5. Setelah selesai dengan pengaturan, buatlah garis dengan spidol tersebut pada bagian perbatasan antara object dengan background tersebut, lihat gambar:

(gambar yang telah diblog spidol)
Setelah selesai memblok kalian pilih icon seperti gambar cat di sebelah kiri (atau tekan huruf "G" pada keyboard) lalu [klik kiri] di dalam bagian gambar yang di blok sehingga gambar terisi dengan cat biru, lihat gambar:


(gambar yang telah di fill biru)

5. Jangan menekan [ok], tapi tekan [preview] untuk melihat hasil extract sehingga bisa diperbaiki jika ada kekurangan

6. Ada 2 tool di sebelah kiri untuk memperbaiki hasil extact yaitu Clean up tool & Edge touchup tool
Perbedaan:
Clean up tool = untuk membersihkan sisa noda dengan menghapus bagian tidak diinginkan
Edge touchup tool = untuk memperhalus dengan sentuhan halus / memperhalus object yang telah di extract

7. Jika pengeditan dirasa sudah selesai maka tekan [ok]
Hasilnya adalah:

Hasil Filter...

Kegunaan:
Dengan menghilangkan Background maka jika anda ingin menggabungkan 2 gambar, gambar tersebut dapat menyatu tanpa terhalang Background tersebut.