Desain Typography Dengan Adobe Photoshop Cs5

Desain Typography Dengan Adobe Photoshop Cs5 Roy Karno Surbakti

Abstrak Adobe Photoshop adalah program aplikasi desain yang berguna untuk mendesain gambar, mengedit image grafis, dan mengolah foto digital. Versi terbaru program ini adalah Adobe Photoshop CS6 (Creative Suite 6) Beta, yang dirilis pada tanggal 21 Maret 2012. Perangkat lunak komputer ini memiliki kelebihan pada kelengkapan fitur desain grafis dan olah fotonya. Toolbox yang tersedia dapat dipahami dan digunakan secara mudah dan cepat oleh pengguna yang masih belum berpengalaman sekalipun. Penggunaan Layer untuk memisahkan antar komponen gambar dan teks juga sangat membantu desainer dalam menyusun dan mengolah desainnya Untuk mempercantik gambar atau foto, Adobe Photoshop juga menyediakan fitur Filter yang bisa dipakai secara instan Kata Kunci: Desain Typografhy dengan Photoshop

Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Pendahuluan 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. Ending dari project ini nantinya akan bisa kita jadikan wallpaper minimal untuk desktop PC atau laptop. Saya tidak tahu nama atau istilah untuk konsep typography ini hanya saja hasil endingnya akan sama dengan tema image di bawah ini.

Sebenarnya mudah saja asalkan anda punya sofware Adobe Photoshop versi apa saja atau program-program gratis yang banyak beredar di Internet. Sebenarnya cara ini bukan hanya sekedar untuk keperluan wallpaper desktop PC atau laptop, bagi anda yang suka ngeblog dan berselancar kadang kalanya ingin mengupload hasil desain anda ke dunia maya. Nah ini merupakan salah satu cara mensiasatinya.

Pembuatan artikel ini ditujukan untuk teman-teman yang saat ini membutuhkan refrensi tentang desain dalam aplikasi adobe photoshop. Sehingga artikel ini memudahkan teman-teman dalam mendisain typography dengan Adobe Photoshop. Pada akhirnya artikel ini bermanfaat untuk kita semua.


Pembahasan Sebelum kita mulai, saya akan memperkenalkan toolbar yang akan kita gunakan pada project tutorial kali ini.

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


Jika seting 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, sebelum membuat kotak, kita set warna terlebih dahulu. Klik Set Foreground Color maka akan keluar kota dialog seting warna, terapkan value di bawah ini.

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)


LANGKAH 3 Klik kanan layer "BEGRON" > Duplicate Layer (untuk menggandakan layer, lalu namai layer yang baru dengan nama "FILM GRAIN")


dan hasilnya akan seperti dibawah ini

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.


terapkan Value di bawah ini

jika sudah klik "OK" maka hasilnya worksheet kita akan tampak hitam berpasir. seperti di bawah ini


LANGKAH 5 Klik Create a New Layer, Namai "LIGHTNING"

LANGKAH 6 Klik Gradient Tool, set warna hitam putih seperti value di bawah ini


Lalu Drag kursor yang berbentuk plus (+) dari tengah ke pojok bawah, maka hasilnya akan seperti dibawah ini

Lalu, set Layer ke Overlay dan atur Opacity menjadi 60%


maka hasilnya akan seperti di bawah ini

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)


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.


Tambahkan semakin banyak kata maka akan semakin indah.

OKE, jika teks kita anggap cukup, kita masuk langkah berikutnya Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

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.

3. Buat layer group "WORDS 2" Invisible atau tidak kelihatan dengan mengklik gambar mata disebelah layer thumbnail-nya.


4. Jika sudah, Tekan CTRL dan tanpa melepasnya klik layer "?" maka teks tanda tanya besar akan terseleksi seperti di bawah ini.


LANGKAH 10 1. Klik layer group "WORDS" untuk mengaktifkan

2. Klik Layer > Layer Mask > Reveal Selection.


maka hasilnya akan seperti di bawah ini

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


Pilih Color Overlay, doble clik dan set value di bawah ini

klik OK, set Opacity ke 35%


maka hasilnya akan seperti ini

5. Klik layer "WORDS" Klik menu Layer > Arrange > Bring to Front, agar teks putih tampil keluar.


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

Jika sudah klik "OK"


3. Klik layer "?" turunkan opacity-nya menjadi 5% maka hasilnya akan seperti ini

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

SELESAI... Maka jika semua telah diterapkan dengan benar, maka hasilnya akan tampak seperti di bawah ini KLIK UNTUK MEMPERBESAR


Penutup Dengan artikel yang saya buat semoga dapat menambah wawasan dan pengetahuan pembaca tentang bagaimana cara Desain Typography Dengan Adobe Photoshop Cs5

Referensi http://aditkus.wordpress.com/2010/11/08/cara-desain-typography-dengana-dobephotoshop-cs5 http://melindanuraulia.blogspot.com/2013/09/manfaat-dan-kegunaan-photoshop.html

Biografi Nama saya Roy karno surbakti, bicara masalah hobi saya suka Fotografi, adventure, treveling, dan fokus dalam pembelajaran tentang Multimedia Audio Visual And Broadcasting di Perguruan Tinggi Raharja Saya aktif di jejaringan Sosial Facebook Roekarno Soerbakti dan twitter @roy_surbaktii Alamat email saya [email protected]


Desain Typography Dengan Adobe Photoshop Cs5

Recommend Documents