ayiekdesain
  • Home
    • recent design
    • katalog baner
    • katalog spaduk
    • katalog kaos
    • katalog panflet
  • BLOG
  • tutorial
    • photoshop
    • corel draw
  • donlot
    • font
  • Inspirasi
    • poster
    • logo
  • coolpics
  • forum diskusi

DESAIN TYPOGRAPHY DI PHOTOSHOP (PART 2)

18/6/2012

 
Picture
Tutorial project kali ini kita akan membuat efek tulisan (atau yang lebih dikenal dengan istilah TYPOGRAPHY) sederhana namun bisa sangat terlihat keren jika di kita kerjakan dengan sepenuh hati... (cieh..cieh...:-) ) ending dari project ini nantinya akan bisa kita jadikan wallpaper minimal untuk desktop PC atau laptop pribadi yang "GUE BANGET" pokoknya.... saya tidak tahu nama atau istilah untuk konsep typography ini hanya saja hasil endingnya akan sama dengan tema image di samping. okeh kita mulai saja...

sebelum kita mulai, saya akan memperkenalkan toolbar yang akan kita gunakan pada project tutorial kali ini.
Picture
LANGKAH 1
buka program Adobe Photoshop, kali ini saya memakai CS 5 Extended, tapi tidak masalah jika menggunakan versi sebelumnya. Klik file>New. maka akan keluar kotak dialog seting halaman, terapkan Value di bawah ini
Picture
jika set sudah diatur seperti di atas klik OK. maka workshet untuk project kita telah siap. oke..kita menuju langkah selanjutnya. 

LANGKAH 2
kita akan membuat background untuk desain kita. Klik Rectangle Tool (tool berbentuk persegi panjang di sebelah kiri) jika benar maka kursor akan berubah menjadi plus ( + ) artinya kursor siap membuat kota pada worksheet, eit... tunggu dulu... sebelum membuat kotak, kita set warna terlebih dahulu. klik Set Foreground Color. maka akan keluar kota dialog seting warna, terapkan value di bawah ini. 
Picture
jika sudah klik ok. lalu drag kursor dari pojok kiri atas sampai kanan bawah untuk membuat kotak, maka hasilnya adalah kotak warna hitam seperti dibawah ini, OH YA... jangan lupa untuk merubah nama layer ("layer 1" menjadi "BEGRON" dengan mendobel klik tulisan layer 1 lalu ketikan nama layer yang baru)
Picture
LANGKAH 3
Klik kanan layer "BEGRON" > Duplicate Layer (untuk menggandakan layer, lalu namai layer yang baru dengan nama "FILM GRAIN")
Picture
Picture
dan hasilnya akan seperti dibawah ini
Picture
OKE.... sampai disini tidak ada masalah kan... yups.... sekarang kita akan memulai tahap yang lebih seru... 

LANGKAH 4
Klik layer "FILM GRAIN" untuk mengaktifkan (tandanya berstatus biru) klik Filter > Artistic > Film Grain. 
Picture
terapkan Value di bawah ini
Picture
jika sudah klik "OK" maka hasilnya worksheet kita akan tampak hitam berpasir. seperti di bawah ini 
Picture
LANGKAH 5
Klik Create a New Layer, Namai "LIGHTNING"
Picture
LANGKAH 6
Klik Gradient Tool,  set warna hitam putih  seperti value di bawah ini 
Picture
lalu Drag kursor yang berbentuk plus (+) dari tengah ke pojok bawah, maka hasilnya akan seperti dibawah ini 
Picture
lalu, set Layer ke Overlay dan atur Opacity menjadi 60% 
Picture
maka hasilnya akan seperti di bawah ini
Picture
LANJUU.U.U.U.UT...

LANGKAH 7
Klik Horizontal Type Tool, ketikkan sebuah teks, namun kali ini saya pake "?" set ukuran font 700pt dan warna #ffffff (seperti pada LANGKAH 2)
Picture
LANGKAH 8 
1.Set Opacity layer text "?" menjadi 15%
2.Create a New Group lalu namai "WORDS" Klik layer Group untuk mengaktifkan (ditandai slash biru pada layer.) pada layer ini kita akan mengetikkan banyak kata dengan berbagai type font dan ukuran yang berbeda pula. 
Picture
Picture
Tambahkan semakin banyak kata maka akan semakin indah.
Picture
Picture
OKE, jika teks kita anggap cukup, kita masuk langkah berikutnya. 

LANGKAH 9
1.klik kanan layer group "WORDS" lalu Duplicate untuk menggandakan layer grup tersebut. namai "WORDS 2"
2.EXPAND (jeber) layer "WORDS",  select seluruh isi layer group "WORDS" Tekan CTRL+E untuk meng-Group seluruh isi layer.
Picture
3. buat layer group "WORDS 2" Invisible atau tidak kelihatan dengan mengklik gambar mata disebelah layer thumbnail-nya. 
Picture
4. jika sudah, Tekan CTRL dan tanpa melepasnya klik layer "?" maka teks tanda tanya besar akan terseleksi seperti di bawah ini.
Picture
LANGKAH 10
1. Klik layer group "WORDS" untuk mengaktifkan
2. Klik Layer > Layer Mask > Reveal Selection. 
Picture
maka hasilnya akan seperti di bawah ini
Picture
3. klik gambar mata yang tadi kita hilangkan dari layer group "WORDS 2" Agar tampak kembali (visible) jeber dengan mengklik segitiga di sebelah icon folder. 
4. klik kanan > Blending Option
Picture
pilih Color Overlay, doble clik dan set value di bawah ini 
Picture
klik OK, set Opacity ke 35% 
Picture
maka hasilnya akan seperti ini
Picture
5. klik layer "WORDS" Klik menu Layer > Arrange > Bring to Front, agar teks putih tampil keluar. 
Picture
LANGKAH 11
1. Klik layer group "WORDS 2" klik kanan > Duplicate Group, namai "WORDS 3"
2. Klik menu Filter > Blur > Motion Blur, dan terapkan value dibawah ini
Picture
Jika sudah klik "OK"
3. Klik layer "?" turunkan opacity-nya menjadi 5% maka hasilnya akan seperti ini 
Picture
tambahkan beberapa kalimat pemanis di bawah image, 
4. Klik Create a New Layer, Klim menu Image > Apply Image, lalu Klik menu Filter > Render > Lightning Effect dan terapkan Value di bawah ini
Picture
SELESAI... 
maka jika semua telah diterapkan dengan benar, maka hasilnya akan tampak seperti di bawah ini 

KLIK UNTUK MEMPERBESAR
Picture
SELAMAT MENCOBA...!

TAG TERKAIT : TYPOGRAPHIC TUTORIAL, PHOTOSHOP TUTORIAL



Comments are closed.
    Google Custom Search Element API Example
    Loading...

  • Follow us on Google+Follow us on TwitterBe our Fan on FacebookRSS options

  • Picture
    Picture

    Picture

    Categories

    All
    Arts
    Corel Desain
    Download Background
    Download Font
    Download Vector
    Inspiration
    Photo Manipulation
    Typography Efect

    RSS Feed

    Picture
    Picture

Powered by Create your own unique website with customizable templates.

HOME

Pucung, Balongpanggang, Gresik
Jawa Timur
Indonesia
ainiarif8@gmail.com
Copyright © 2012 AYIEKDESAIN.WEEBLY.COM | Designed by IT Concept Community
Validate XHTML & CSS
Design Downloaded from free CSS templates | free website templates | Free Wallpapers HD.