Rabu, 08 April 2015

Membuat Teks 3D Keren dengan Illustrator CS6

Pada post kali ini, DesainNgawur! akan sedikit membagikan tutorial cara membuat teks / tulisan 3D yang keren dengan Adobe Illustrator CS6.
Untuk membuat teks/tulisan 3D mungkin biasanya bisa menggunakan fitur Extrude&Bevel, namun efek 3D nya kurang keren. So pada tutorial ini kita tidak memakai fitur tersebut.

Teks 3D pada tutorial ini akan kita buat menggunakan teknik gradasi warna, offset, transform, dan efek bayangan.


Berikut langkah-langkah membuatnya:


Langkah 1

Buat dokumen baru, File -> New -> Atur ukuran dokumen kemudian pilih RGB, 150 ppi, klik OK

Langkah 2

Buat sebuah persegi untuk dijadikan background, klik Rectangle Tools atau tekan M, atur warna R=98, G=98, B=98

Kemudian atur persegi agar memenuhi document, Windows -> Align -> Horizontal Align Center, Vertical Align Center


Langkah 3
Pilih/klik rectangle kemudian Windows > Appearance,
pilih Add New Fill, pada Fill yang baru ubah warnanya menjadi hitam, atur oppacity : 10% Multiply,
kemudian beri Effect -> Artistic -> Film Grain, atur grain seperti gambar dibawah ini:

Langkah 4
Buat sebuah text, pilih Type Tool atau tekan T,
Beri warna gradien pada text, Type : Linear | angle : 90o, beri warna terang pada bagian bawah, dan warna gelap pada bagian atas.


Langkah 5
Kemudian Add New Fill, geser Fill baru dibawah Fill sebelumnya, kemudian beri warna yang sama dengan gradien terang (merah terang)
Tetap pada Fill yang sama, tambahkan Effect -> Path -> Offset Path, Offset : 1px


Kemudian tambahkan Effect -> Distort & Transform -> Transform, Move Horizontal : 1px | Move Vertical : 1px | Copies : 2, klik OK


Langkah 6
Pilih Fill terakhir, klik Duplicate Selected Item, drag Fill terbaru hingga berada di bawah Fill sebelumnya, kemudian ubah warna Fill terbaru dengan warna gradien gelap (merah gelap)
Tetap pada Fill yang sama, tambahkan Effect -> Path -> Offset Path, Offset : 1px
Kemudian tambahkan Effect -> Distort & Transform -> Transform, Move Horizontal : 1px | Move Vertical : 1px | Copies : 2, klik OK


Langkah 7
Kemudian buat Add New Stroke, weight : 3pt, atur warna stroke R=215, G=215, B=215
Tambahkan Effect -> Pathfinder -> Add
Tambahkan Effect -> Path -> Offset Path, atur Offset : 1px
Tambahkan Effect -> Distort & Transform -> Transform, Move Horizontal : 1 px | Move Vertical : 1 px | Copies : 2, Klik OK


Langkah 8
Langkah terakhir, pilih Fill yang paling atas, tambahkan Effect -> Drop Shadow, Mode : Multiply

~ Selesai ~
Tentu kalian bisa berimprovisasi dengan mengubah warna, nilai offset, transform, effect, dll untuk membuat desain sesuai keinginan.

Jika belum jelas, bisa melihat video berikut ini:

Minggu, 29 Maret 2015

Cara Seleksi yang Halus dengan Photoshop

DesainNgawur! kali ini akan membagikan tips untuk melakukan seleksi gambar dengan hasil yang halus dengan Photoshop. Berikut caranya:

Step 1
Buka Photoshop - Buka/Pilih gambar yang akan diseleksi
disini layer saya rename menjadi Foto

Step 2
- Duplicate layer, hilangkan tanda visible pada background
- Buat layer baru, tempatkan diantara dua layer diatas, kemudian beri warna baru pada layer, misalnya warna biru dengan cara pilih layer - Edit - Fill - Pilih warna


Step 3
- pilih layer "Foto copy"
- pilih Magic Wand Tool, atau tekan W
- klik pada background foto yang ingin dihapus
- klik kanan, pilih Feather, ketikkan Feather Radius : 1, klik OK
- tekan Delete, hapus semua background hingga bersih dengan cara diatas, hasilnya akan seperti ini:
jika kita perhatikan, disekeliling foto masih ada garis-garis putih, berikut cara menghilangkannya:

Step 4
- tekan Ctrl sambil mengklik layer "Foto copy",
- pilih Select - Modify - contract - ketik 1, OK
- pilih Select - Inverse - tekan Delete
- kemudian tekan Ctrl + D, untuk menonaktifkan seleksi
Dan hasilnya jadi sedikit lebih halus lagi :

~ Selesai ~