desain typography dengan adobe photoshop cs5 -...

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

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

http://info-program-komputer.blogspot.com/search/label/Desain





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





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

photoshop-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]

http://aditkus.wordpress.com/2010/11/08/cara-desain-typography-dengana-dobe-photoshop-cs5

http://aditkus.wordpress.com/2010/11/08/cara-desain-typography-dengana-dobe-photoshop-cs5

http://melindanuraulia.blogspot.com/2013/09/manfaat-dan-kegunaan-photoshop.html

desain typography dengan adobe photoshop cs5 -...

Documents