Belajar Desain membuat typo image dengan adobe illustrator dan adobe photoshop

Sahabat belajar desain kali ini saya akan mencoba membuat tutorial dengan kombinasi adobe illustrator dan adobe photoshop, kurang tahu pasti apa namanya teknik desain seperti ini tetapi setelah saya cari di mbah google ketemu dengan keyword TYPO IMAGE. mungkin tutorial ini adalah tingkat dasar dan masih sangat mungkin dikembangkan lagi agar desain tampak lebih berkesan.

di lain kesempatan saya akan membuat tutorial typo image lagi ūüôā

Baiklah sahabat belajar desain, pertama yang harus kita siapkan adalah foto yang akan kita manipulasi dan tulisan-tulisan yang akan kita tempel ke muka ūüėÄ
Langkah 1 
siapkan tulisan yang di inginkan, kebetulan saya mengikuti kontes logo dan juga berpartisipasi di logo store 99Desain. jadi banyak banyak sekali email pemberitahuan yang akan saya jadikan objek yang menempel pada foto.
A. Siapkan foto dengan resolusi tinggi
B. Siapkan tulisan / yang di inginkan :
Congratulations, Won, New activity,¬†Business card and stationery,¬†Files Acepted,¬†You sold a logo,¬†You‚Äôre a finalist,¬†Payment secured,¬†1-to-1 Projects,¬†has been rated, Feedback,¬†Eliminated,¬†Payout request submitted,¬†You didn’t make the final round,¬†Contest ended,¬†Contest guaranteed,¬†Private message,¬†A winner chosen,¬†Contest invite
 
Langkah 2
buka file foto di adobe illustrator dan juga siapkan tulisan di samping foto.
Langkah 3
Buatlah garis yang mengikuti bentuk wajah menggunakan Pen Tool (P),
agar objek foto tidak bergeser, seleksi objek foto menggunakan Selection Tool (V) lalu tekan tombol pada keyboard “CTRL¬†+ 2” yang berfungsi untuk mengunci objek foto pada artboard.
buatlah garis sampai memenuhi seluruh bagian wajah
Langkah 4
Masukkan tulisan yang telah di sediakan tadi menggunakan Type Tool (T) yang di ketikkan pada garis-garis yang telah dibuat pada langkah 3
untuk membuat agar tulisan bisa memenuhi seluruh bagian wajah gunakanlah font yang tebal dan juga aturlah secara menual. munculkan panel Free Distort untuk mengatur lekuk font.
EFFECT > DISTORT & TRANSFORM > FREE DISTORT
lakukan dengan perlahan agar letak tulisan terlihat baik sampai memenuhi seluruh wajah
UNLOCK objek foto (CTRL+ALT+2) lalu hapus objek foto
kemudian seleksi tulisan menggunakan Selection Tool (V) lalu gabungkan menggunakan Unite, pada penel PATHFINDER
WINDOW > PATHFINDER
Export file dengan extensi PSD beri nama Typo
NB : langkah seperti diatas sebenarnya juga bisa dilakukan menggunakan software CorelDraw.
Langkah 5
Buka file foto dan file Typo di photoshop
Letakkan objek typo di atas objek foto dengan tepat sehingga terlihat seperti gambar dibawah ini
Langkah 6
buatlah 3 layer dengan pengaturan seperti pada gambar
Layer 1 : Objek Typo, Layer 2 : Objek Foto, Layer 3 : Background Hitam
 
Langkah 7
ubahlah letak layer 2 naik ke atas, sehingga objek typo terletak di belakang objek foto, terlihat seperti pada contoh
Langkah 8
Seleksi Layer 2 kemudian buatlah warna menjadi hitam-putih. klik menu IMAGE > MODE > GRAYSCALE kemudian klik DON’T MERGE seperti pada gambar dibawah ini
Langkah 9
seleksi layer 2 kemudian pilih mode NORMAL menjadi LINEAR BURN
maka tampilan akan berubah seperti pada gambar dibawah ini
Langkah 10
agar tampilan menjadi lebih cerah atur menggunakan panel Levels
klik menu IMAGE > AJUSTMENTS > LEVELS atau dengan shortcut keyboard (CTRL + L)
pengaturan seperti pada gambar dibawah ini
Langkah 11
untuk menampilkan mata, buatlah duplicat pada Layer 2 dengan cara, Seleksi Layer 2, klik kanan > Duplicate Layer, berilah nama “MATA” > Ok. seperti pada contoh
Langkah 12
Seleksi Layer “MATA” pilih mode LINEAR BURN menjadi NORMAL
Langkah 13
untuk menghapus object di sekitar mata gunakan ERASE TOOL pada toolbox dengan pengaturan mode > BRUSH dan Opacity 100%

kemudian hapus object di sekitar mata dengan menggosok cursor sampai seperti pada gambar berikut

Langkah 14
Geser layer “MATA” sampai dibawah layer 3. seperti pada gambar berikut
dan hasilnya sbb
Langkah 15
untuk membuat agar background sedikit cerah Klik kanan layer 1 > Blending Option
klik color Overlay dan beri centang kemudian berilah warna seperti pada contoh
dan hasilnya…….

Sahabat belajar desain bisa bereksperimen menggunakan tehnik diatas dan mungkin menggabungkan dengan tehnik yang anda miliki pada adobe illustrator maupun photoshop, SELAMAT MENCOBA..
SEMOGA BERMANFAAT ūüôā
Sumber: http://www.belajar-desain.com