Mastering Graphics Design With Adobe Photoshop

5/13/2018 Mastering Graphics Design With Adobe Photoshop - slidepdf.com

http://slidepdf.com/reader/full/mastering-graphics-design-with-adobe-photoshop 1/34



Mas te r ing Gr ap h ic D es ign

W ith Ad obe Photoshop

Aut hor : HafidURL : htt p:/ / ICTSMA GRISA.W ordPress.com

C h a p t e r 1 : M e n g e n a l A d o b e P h o t o s h o p

1

Chapt er 1:

Pengenalan Adob e Phot oshop

esain merupakan satu rangkaian dari proses publikasi yang didalamnya menyangkut ideatau penciptaan, konsep, penggambaran secara manual atau komputerisasi pengolahan

gambar dan layout hingga siap cetak.

Adobe Photoshop adalah Software

(Perangkat Lunak) buatan Adobe

Systems yang digunakan untuk

pengeditan foto atau gambar, termasuk

pembuatan efek grafis.

Adobe Photoshop sering digunakan oleh

Fotografer Digital dan Perusahaan Iklan

(Advertising). Ada banyak versi Adobe

Photoshop, seperti: versi 5.5, versi 7.0,

hingga versi 8 disebut Photoshop CS

(Creative Suite), versi 9 (Photoshop CS2),

versi 10 (Adobe Photoshop CS3),

kemudian Adobe Photoshop CS4, dan terakhir Adobe Photoshop CS5.

S e t el a h I n s t a l a s i Ad o b e P h o t o s h o p

Untuk sedikit mempermudah di saat inginmenjalankan aplikasi ini, Anda bisa membuat

shortcut di Desktop atau memasangnya di

Start Menu (Pin to Start m enu).

K e u n g g u la n Ad o b e P h o t o s h o p

• Lebih familiar dan mudah digunakan

dibanding software editing gambar selevel

Adobe Photoshop.

• Fasilitas editing gambar hingga efek variasi gambar lebih lengkap.• Bisa menyimpan dalam berbagai format dengan berbagai kualitas gambar beserta resolusi

dan ukurannya.

• Bisa untuk memanipulasi atau merekayasa foto, misalnya mengganti background, dll –

untuk kebutuhan positif.

• Selain untuk editing foto, sangat bagus juga untuk pembuatan produk lain, seperti banner

atau spanduk, kartu nama, dll.

• Fasilitas efek bisa ditambah lagi, yang didapat dari download pada situs resminya.

• File hasil editan bisa disimpan dalam format JPG dengan kualitas bagus.

D







2

K e le m a h a n Ad o b e P h o t o s h o p

• Kurang bagus untuk pembuatan desain majalah atau cetak brosur dengan banyak teks,

karena tidak bisa membuat paragraf tulisan dengan sempurna.• Ukuran penyimpanan file relatif besar bila terdapat banyak layer dan ukuran gambar yang

besar.

• Proses cetak dalam ukuran kertas pada umumnya, atau ukuran kertas yang besar relatif lebih

sulit.

• Akan lebih rumit ketika mengedit gambar dari banyak layer yang digabung, sebab setiap

mengedit satu bagian harus diklik dulu layer yang dimaksud. Ini membutuhkan waktu yang

lebih lama dibanding software lain yang bisa untuk mengedit dari banyak gabungan gambar

tanpa kesulitan.

F o r m a t P e n yi m p a n a n Ad o b e P h o t o s h o p

• P SD (namafile.psd ): Format Project Adobe Photoshop. Bisa diedit lagi kapan pun kita mau.

Ini belum file utuh dalam satu bagian. Jadi, setiap layer masih terpisah-pisah dari hasil

editan yang ada.

• J P G (namafile.jpg): Format gambar pada umumnya. Bisa digunakan sebagai wallpaper

komputer, laptop, maupun ponsel kita. Atau untuk keperluan dicetak layaknya foto pada

umumnya.

• BM P (namafile.bmp): Format gambar yang lebih besar. Ukuran filenya relatif lebih besar

dibanding JPG. Biasanya file ini untuk editing video.

• P NG (namafile.png): Format gambar dengan background transparan. Biasanya untuk dimasukkan pada software lain untuk variasi, maupun untuk gambar sebuah situs di

internet.

• File dalam HTML (File – Save for Web & Devices): Untuk gambar sebuah situs di internet.

Fasilitas Ad ob e Phot oshop

1. Jalankan Adobe Photoshop dengan cara double klik pada

shortcut (icon) Adobe Photoshop di Desktop atau Start

Menu.

2. Tampilan Adobe Photoshop.



Maste r ing Gr ap h ic D es ign



C h a p

t e r

1 :

M e n g e n a

l A d o

b e

P h o

t o s

h o p

3

2.1. Men u Bar

Diantaranya: File, Edit, Image, Layer,

Select, Filter, Analysis, View, Window,

Help.

è File : Terdiri dari banyak link,

diantaranya untuk membuka data

project PSD dengan O p e n , juga untuk

menyimpan yakni Sa ve As . Ada juga

I m p o r t biasanya untuk SCAN gambar.

è Edi t : Ada free transform untuk

merubah ukuran, selain itu ada Copy,

Cu t dan P a s t e .

è I m a g e: Adjustments warna gambar(Brightness/Contrast, Curves, Color

Balance, dll), termasuk rotasi gambar.

è Layer : Menyalin, menduplikasi layer,

atau menambah layer baru.

è Select : Inverse yakni merubah posisi

seleksi, menetralkan seleksi dengan

Deselect.

è Filter : Segala jenis efek gambar.

Diantaranya Liquify, Blur, Render, dll.

è W i n d o w: Untuk menampilkan danmenyembunyikan peralatan dan fasilitas

yang tampil di Adobe Photoshop.

2 .2 . Op t ions

Fasilitas editing pendukung (tambahan)

yang akan muncul ketika kita mengaktifkan

sebuah fasilitas editing yang sifatnya lebih

umum.

2.3 . Toolbox

Ketika di klik kiri tahan m aka akan

m uncul banyak pilihan di Toolbox.

Sed ik i t Pen je lasan Ten tan g Too ls Box

a . Mo ve Tool (V)

Untuk memindahkan obyek.

b . M a g ic W a n d T o o l (W )

Quick Select ion : Membuat seleksi

sesuai dengan pola obyek yang ada.

Tekan tahan Alt untuk membalik

(mengembalikan) seleksi.

M a g ic W a n d : Membuat seleksi sesuai

pola obyek secara otomatis. Cocok

untuk background 1 warna yang sama

dan rata.

c. Slice Too l (K)

Slice Too l: Membuat kotak Link

untuk HTML.

Slice Se lect: Memindahkan kotak

Link.

d . Bru sh Too l (B)

B r u s h T o ol: Membuat brush (warna

semprotan) sesuai dengan tipe brush,

bisa brush jelas pekat atau agak samar-

samar.

Pen ci l Tool: Membuat coretan

layaknya pensil.

Co l o r R e p l a c em e n t : Menghilangkan

(mengganti) warna sesuai warna yangdipilih.







4

e . His to r y Br ush Too l (Y)

H i s t o r y Br u s h : Mengembalikan

warna setelah dirubah menggunakan

Color Replacement.

Ar t H i s t o r y : Mengaduk warna

layaknya adonan kue.

f. Grad ien t Too l (G)

G r a d i e n t T o ol: Membuat warna

gradasi pada seleksi yang dipilih.

Pa in t Bucke t Too l: Menyiram warna

pada seleksi yang dipilih.

g. Dogde Too l (O)

Dodge Too l: Brush memutihkan

warna.

B u r n T oo l: Brush memperjelas atau

mematangkan warna, seperti

menambah contrast.

Spon ge Too l: Brush memudarkan

warna.

h . Ho r izon ta l Type Too l (T)

Ho r izon ta l Type : Teks horisontal.

Vert ical Type : Teks menurun

vertikal.

Ho r izon ta l Type M ask : Seleksi Teks

horisontal.Ver t ica l Type Ma sk : Seleksi Teks

vertical.

i. Recta n gle Tool (U)

Membuat bangun sesuai dengan warna

yang dipilih, termasuk membuat garis.

Cu s t o m S h a p e T o o l berisi lebih

banyak bentuk bangunan yang

bervariasi.

j. E ye d r o p p e r T oo l ( I )

Mengambil sample warna pada titik

obyek.

k . Zoom Too l (Z)

Memperbesar preview obyek.

Memperkecil dengan tekan

tahan Alt .

l. R e c ta n g u la r M a r q u e e T o o l ( M )

Membuat seleksi dengan bangun yang

ada, kotak, lingkaran atau kolom tabel.

m . Lasso Tool (L)

Las so Too l: Membuat seleksi tak beraturan, sesuai yang kita inginkan.







5

Polygona l Las so : Membuat seleksi

sesuai bangun yang dibentuk sendiri

dengan garis-garis yang dihubungkan.

M agn e t ic Las so : Membuat seleksisesuai dengan pola pada obyek.

Otomatis menempel seperti magnet

ketika didekatkan pada pola.

n . Crop Tool (C)

Membuat Crop.

Memotong bagian gambar yang

diinginkan.

o . S p o t H e a l in g B r u s h T o o l (J )

Menyalin dan menambal warna atau

bagian obyek pada obyek yang

diinginkan.

p . Clone S tam p Too l (S)

Cl o n e S t a m p : Menyalin dan

menambal bagian obyek tertentu.

Tekan tahan Alt lebih dulu untuk

merekam bagian obyek yang

diinginkan.

P a t t er n S t a m p : Menghilangkan

warna bagian obyek tertentu dengan

variasi warna yang dipilih.

q . Era se r Too l (E)

E r a s e r T o o l: Brush menghapus

Obyek.

B a ck gr o u n d E r a s e r : Brush

menghapus background hingga posisi

menjadi netral.

M agic Era se r : Menghapus otomatislayaknya magic wand tool, menghapus

pada bagian warna yang sama.

r . Blur Too l (R)

Blu r Too l: Blur memburamkan

obyek.S h a r p e n T oo l: Blur menambah

sharpen (seperti menambah pixel

dasar sebuah warna).

S m u d g e To o l: Mengaduk warna

tidak beraturan.

s . Pen Too l (P )

Membuat obyek tak beraturan seperti

membuat pola yang berkelok-kelok

dan diberi warna dasar yang kita pilih.

t . Pat h Select ion Too l (A)

Menandai seleksi yang dipilih.

u . Notes Tool (N)

Hanya membuat catatan kecil dari

pekerjaan yang ada. Atau menandaidengan suara.






C h a p

t e r

1 :

M e n g e n a

l A d o

b e

P h o

t o s

h o p

6

v. H a n d T o o l ( H )

Menggeser preview gambar

ketika posisi di zoom. Dapat

juga dilakukan tanpa harus klik tooltersebut tapi dengan tekan tahan

Shift .

w . F o r e gr o u n d d a n B a ck gr o u n d

W a r n a f o r e gr o u n d :

Warna utama ketika kita

ingin merubah warna

sebuah obyek.

W a r n a B a ck gr o u n d : Hanya warna background saja ketika ingin dirubah.

x. Edi t in Qu ick Mask Mod e (Q)

Untuk mengisolasi dan

memproteksi area sebuah

obyek saat melakukan editing, sepertimengubah warna, filter, atau efek

lainnya pada obyek.

y. Ch a n g e S cr e e n M o d e ( F )

Opsi untuk mengubah mode tampilan

(full screen).

2 . 4 . W o r k s p a c e (L e m b a r K e r j a )

Lembaran kerja yang bisa kita set dari awal sesuai ukuran dan kualitas gambar yang kita

kehendaki. Atau bisa jadi, lembar kerja yang telah ada dari file yang tersimpan sebelumnya.

Membuat Lembar Kerja yang baru:

1. Klik File – New (Ctrl+N)2. Silahkan beri nama lembar kerja Anda. Rubah ukuran sesuai kebutuhan. Klik OK.

3. Maka akan muncul Lembar Kerja yang baru sesuai keinginan kita. Misal, ukuran 1360 x

768 pixels untuk ukuran sebuah Wallpaper layar Widescreen.

Bila ingin

m e n a m b a h fi le

g a m b a r la i n dari

kom puter. Bisa

dengan cara klik

File , klik Open

(Ctrl+O) . Maka

akan muncul

tampilan W indow s

Explorer . Klik

View , klik

T h u m b n a i ls

untuk memperjelas

tampilan gambar,

dan klik Open. Bisa

juga file g am bar

tersebut langsung d i Drag an d Drop saja dari W indow s Explorer .







7

2.5 . Pal le te

Fasilitas untuk menampilkan berbagai informasi dari dokumen yang

aktif, serta berbagai perintah editing tambahan lainnya yang

diperlukan. Umumnya terdapat di tampilan jendela sebelah kanan.

a . Pal le te Navigat or

Untuk navigasi, memperlihatkan

bagian gambar yang diinginkan.

Zoom S lide r untuk

memperbesar tampilan.

Di dalam pallete navigator ini bisa

diatur layaknya H a n d T oo l untuk

memposisikan tampilan yang

diinginkan, agar proses editing

lebih mudah.

Gambar yan g tampil

pada Lem bar kerja

yang berada di

dalam garis m erah

tersebut .

b . Pal le te Color

Untuk

mengganti

warna

foreground

dan

background secara lebih detil

(perpaduan warnanya).

c. Pa l le te Swa tches

Untuk

mengganti

warna

foreground

atau

background

dari lebih banyak pilihan warna yang

tersedia.







8

d . Pal le te S ty les

Memberi

warna efek

variasi padateks atau

bangun ruang

yang telah

dibuat.

e . Pal le te Layer

Informasi

tentang

berapa banyak

layer yang

telah

dimasukkan.

Mengklik

layer yang

dimaksud untuk diedit lagi.

f. Pa l le te H is to r y

Berisi

informasi

tentang

tahapanproses

editing.

Bisa digunakan untuk U n d o , yakni

mengembalikan tahapan editing yang

lalu.

g. P a l le t e B r u s h e s

Untuk mengatur jenis brush yang

dipakai, beserta preview tampilan

bruses pada posisi dibawahnya.

h . Pa l le te Cha r ac te r

Mengatur teks

yang telah

diketik. Mulai

model huruf

hingga ukuran

dan spasi per

paragraf.

i. P a l le t e P a r a g r a p h

Untuk

mengatur teks

dalam jumlah

banyak.

Seperti

pengaturan

paragraf pada Microsoft Word.






C h a p

t e r

2 :

T e

k n

i k S e

l e k s

i

9

Chapt er 2

Teknik Seleksi

ita bisa menyeleksi obyek sesuai dengan yang kita inginkan, dengan berbagai Tool. Ciri-ciri seleksi adalah telah ada garis putus-putus pada bagian dari obyek gambar yang ada di

lembar kerja (workspace).

a . Seleks i Lasso Tool

Seleksi sebuah obyek dengan Lasso Tool

lebih baik diberikan sedikit jarak untuk

dihaluskan kembali nanti dengan Eraser

Tool.

Klik Move Tool, Geser Obyek, maka obyek

yang terseleksi akan terlepas dari background.

Pindah ke gambar lain. Lasso Tool pun

masih bisa digunakan untuk menseleksi

dan menghapus bagian tertentu.

Pilih Eraser Tool dan Atur Brush, pilih

ukuran dan pilih yang blur.

Perhalus bagian tepi obyek dengan

menghapusnya menggunakan Eraser Tool

blur.

K






C h a p

t e r

2 :

T e

k n

i k S e

l e k s

i

10

b . Seleks i Polygon al Lasso Tool

Berbentuk garis lurus.

c. Seleks i Magnet ic Lasso Tool

Seleksi lebih mudah seperti magnet yang

menempel pada sisi tepi obyek yang kita

maksud.

d . Seleks i Mag ic Wa nd Too l

Seleksi otomatis mencari bagian yang

warnanya sama.

e . Seleks i Quick Select ion Tool

Seleksi otomatis lebih mudah denganmencari bagian yang kita inginkan.

Menggeser pointer untuk memilih dan

menambah secara perlahan bagian yang

diseleksi. Tekan tahan Alt pada keyboard

untuk mengurangi seleksi.

f. Seleks i Pe r seg i

Seleksi berbentuk persegi. Bila ingin

persegi sama sisi harus tekan tahan Shift

pada keyboard.

g. Seleks i L in gkar an

Seleksi lingkaran. Bila ingin lingkaran

sama sisi harus ditahan Shift pada

keyboard.






C h a p

t e r

2 :

T e

k n

i k S e

l e k s

i

11

Dengan Menahan Shift kita bisa menambah

sebanyak apapun seleksi untuk digabung

menjadi satu, dan menahan Alt untuk

mengurangi bagian seleksi yang dimaksud.






C h a p t e r 3 : T r a n s f o r m a s i O b y e k

12

Chapt er 3

Transfo rm asi Ob yek

Transformasi Obyek adalah memperbesar, memperkecil, memutar, maupun merubah posisiobyek.

1. Pilih Layer yang akan diedit. Misal, klik Layer 1 yang berisi gambar obyek kartun kungfu

panda.

2. Klik Edit, arahkan ke Transform. Semua ada di sini bila kita ingin merubah ukuran dan tata

letak obyek kita.







13

Scale

Merubah ukuran obyek. Tekan tahan Shif t

pada keyboard, Geser Ujung gambar, agar

skala tidak berubah.

R o t a t e

Merubah rotasi gambar. Setelah dirasa

sudah pas, double klik saja pada obyek.

F r e e T r a n s fo r m ( Ct r l + T)

Gabungan fungsi s c a le dan r o t a t e . Tinggal tekan Ctr l+T, Anda bisa merubah ukuran

sesuai yang Anda inginkan. Tentu saja, sambil tekan tahan Shif t pada keyboard agar skala

tidak berubah. Klik pada ujung garis transform, maka fungsi akan berubah menjadi rotate.

Tekan Ctr l+T, tekan tahan Shift , Geser Ujungnya.

Rota s i 18 0 o, 9 0 o k e a r a h k i r i a t a u k a n a n .

Rotasi Otomatis sesuai

dengan sudut pada

umumnya.

Scew Dis to r t







14

Merubah arah sudut pandang Anda. Dengan

menarik setiap ujung obyek, maka gambar

akan terlihat dari sudut pandang yang

berbeda.

Merubah sudut pandang yang lebih bebas.

Perspec t i f

Merubah sudut pandang bila di sisi gambar,

maka akan tergeser 1 bagian saja. Namun

bila di sudut gambar, maka akan tergeser 2

sudut yang sama.

W a r p

Merubah sudut pandang gambar dari bagian

dalam gambar tersebut. Bisa terlihat lebih

gemuk atau lebih kurus.






C h a p t e r 4 : I m

a g e A d j u s t m e n t

15

Chapt er 4

Image Ad just ment

Image Adjustment untuk merubah kualitas warna pada gambar.

Klik I m a g e , arahkan ke A d j u s t m e n t , silahkan pilih perubahan warna apa yang Anda

inginkan.

Levels (Ctr l+L)

Untuk merubah level warna, layaknyaBrightness dan Contrast, dengan menggeser

slidernya.

Cur ves (Ct r l+M )

Untuk Menerangkan atau menggelapkangambar, dengan menggeser titik kurva yang

ada pada warna RGB.






C h a p t e r 4 : I m

a g e A d j u s t m e n t

16

Colo r Ba lan ce

Mengatur perpaduan warna yang diinginkan

antara Merah, Hijau, dan Biru.B r i t g h n e s s / C o n t r a s t untuk merubah

Ketajaman dan Kepudaran gambar.

H u e / S a t u r a t i on ( Ct r l + U ), bagian saturation

untuk menambah kandungan warna.

In ver t (Ct r l+I ) warna gambar negatif.






C h a p

t e r

5 :

P e n g e n a

l a n

F i l t e r

17

Chapt er 5

Pengenalan Filt er

Filter untuk memberikan Efek yang lebih lengkap pada obyek gambar.

Fi lt e r Ga l le r y

Klik Filter , klik Filter

Gal le ry, maka kita sudah

bisa menemukan banyak

sekali efek gambar yang

bervariasi.

Anda bisa memilih efek

yang sesuai dengan yang

Anda inginkan,diantaranya: Ar tist ic,

Brush Stroke, Distor t ,

Sketch , Stylize, Texture,

dll. Setiap efek dilengkapi

dengan previewnya, jadi

kita bisa mengetahui

bagaimana hasil efek tersebut. Bila kurang sempurna, Anda bisa mengaturnya dengan

menggesert setiap slide yang ada.






C h a p

t e r

5 :

P e n g e n a

l a n

F i l t e r

18

Liquify

Filter yang digunakan untuk memberikan kesan lucu. Misalnya, untuk menarik bagian tertentu

agar memanjang, membesar, mengecil, memutar, dll.

Ligh t ing Effects

Klik Filter , arahkan ke R e n d e r , kemudian klik Light ing Effects . Efek ini untuk memberikan

efek cahaya pada gambar. Anda bisa mengaturnya lagi dengan menggeser garis lingkaran yang

tampil, maupun menggeser slide optionnya.






C h a p t e r 5 : P e n g e n a l a n F i l t e r

19

L e n s F la r e

Klik Filter , R e n d e r , L e n s F l a r e . Untuk memberikan

kesan cahaya pada gambar seperti matahari atau sorot

lampu.

Blur

Klik Filter , Blur ,

Gauss ian B lu r . Efek

ini lebih sering

digunakan untuk

memburamkan gambar

sebagai background.

Masih banyak lagi jenis

Filter yang bisa kita

gunakan untuk

memberikan efek yang

luar biasa pada gambar kita.

Silakan coba satu persatu. Bila suka klik OK , bila tidak suka klik Cance l. Untuk pengaturan

lebih lanjut, silakan rubah setting option yang ada. Misalnya menggeser slider atau merubah

nilai yang tertera. Selamat mencoba.






C h a p t e r 6 : T e k s d a n B l e n d i n g O p t i o n s

0

Chapt er 6

Teks dan Blending Op t ions

Kita bisa menambahkan Teks pada gambar hasil editan kita.

1. Pertama, silahkan klik Ho r izon ta l Type Too l (T) pada Toolbox.

2. Atur jenis huruf, ukuran dan warna huruf.

3. Ketik Teks pada posisi yang Anda inginkan. Menggeser dan mengaturnya bisa dengan

Move Tool.







21

4. Kita bisa mengganti warna teks. Caranya hilangkan kursor terlebih dahulu. Klik Move

Tool, klik Ho r izon ta l Type Too l kembali. Kemudian klik warna yang kita inginkan.

5. Anda juga bisa mengatur K a r a k t e r dan P a r a g r a f . Klik “Toggle the Character an d

Paragraph Palettes” atau klik Palet C h a r a c t e r . Anda juga bisa mempertebal huruf Anda,

memiringkannya, mengatur paragraf per huruf dan per baris.







22

Inilah Layer Teks kita. Bila ditambah teks lagi pada bagian yang lain,

maka akan muncul layer baru lagi.

M e m p e r c a n t i k t e k s d e n g a nBlen d in g Op t ions

Klik kanan layer Teks, kemudian

klik Blend ing Op t ions .

Blending Options bisa digunakan pada Teks maupun

dibangun ruang atau gambar yang terseleksi (terpotong).

Klik pada “bagian tulisan Blending Options”.

• D r o p S h a d o w : Efek bayangan hitam

• I n n e r Sh a d o w : Bayangan di dalam

• Oute r G low: Cahaya terang pada sisi obyek

• I n n e r G lo w : Cahaya pada sisi dalam

• B e ve l a n d E m b o s s : Efek 3 Dimensi

• Sa t in : Perpaduan efek warna

• Color Over lay: Ganti warna lain

• Grad ien t Over lay: Warna Gradasi

• P a t t e r n O ve r l a y: Teksture dan warna

• S t r o k e : Garis Tepi dengan warna yang kita inginkan






C h a p t e r 7 : P S D T r i a l a n d S u c c e s s

23

Chapt er 7

PSD Trial and Success

alimat Trial and Success lebih cocok digunakan dari pada Trial and Error, karena kita belajar dan mencoba dengan panduan yang sudah ada. Terlebih lagi sudah banyak yang

menulis tentang cara-cara mendesain atau membuat sebuah pekerjaan grafis dan bisa

ditemukan dengan mudah di internet. Tinggal sejauh mana kita mau berusaha.

Seperti kalimat yang saya suka “You’ll never know till you’ve tried!” jadi, Selamat Mencoba dan

Berhasil menguasai Desain Grafis dengan Adobe Photoshop.

PSD # 1 – St iker Funky

Latihan ini adalah cara membuat efek stiker. Ini mudah dibuat namun terlihat bagus sebagaipieces of art dan juga bagus di halaman situs, misalnya sebagai gambar link untuk RSS feed.

Hanya dengan beberapa langkah dan belajar cara yang mudah untuk menguasai efek 3D dalam

waktu yang bersamaan.

L a n g k a h 1

Mulai dengan membuat dokumen baru dengan

dimensi: 10 x 10 pixel, perbesar hingga maksimal.

Sekarang kita perlu memunculkan grid dengan cara

klik E d i t > P r e fe r e n c e s > Gr i d … dan set gridline

= 5px dan subdivision = 1. Pastikan grid muncul, jika tidak maka tekan Ctr l+’. Berikutnya

aktifkan snap on dengan cara klik View > Sn ap To.

L a n g k a h 2

Pilih warna biru, misalnya #0b7dac lalu pilih Line Tool (U) dan pastikan di Option bar Fill

pixels aktif, set weight = 1px dan anti-alias dicentang. Sekarang buat 1 garis vertikal danhorizontal seperti gambar di bawah. Klik Edi t > Define Pa t t e rn lalu simpan pattern,

kemudian tutup dokumennya (tak usah di simpan).

K






C h a p

t e r

7 :

P S D

T r

i a l a n

d

S u c c e s s

24

L a n g k a h 3

Buat lagi dokumen baru dengan dimensi: 500 x 500 pixel lalu buat layer baru (Ctr l+Shif t+N )

lalu tekan D untuk mereset warna, kemudian tekan Ctr l+Backspace untuk mewarnai layer

dengan warna putih. Klik kanan pada layer baru dan pilih Blen d in g Op t ions dan pilih

P a t t e r n O ve r l a y dengan pengaturan seperti gambar di bawah.

L a n g k a h 4

Klik Ho r izon ta l Type Too l dan ketik kata yang kita mau, jika klik W i n d o w > Ch a r a c t e r –palet karakter/paragraf akan terbuka yang mana ini untuk mengatur teks. Saya menggunakan

G o th a m B la c k reguler untuk tipe font dan menyesuaikan tracking (spasi horizontal antar

karakter) dan leading (spasi vertikal antar baris). Kalian bisa merubah warna teks: misalnya

untuk ‘KELAS DG ’ saya gunakan warna #dd0000 dan untuk ‘SMAGRISA’ saya gunakan

#0072bc tapi kalian bebas bereksperimen.






C h a p

t e r

7 :

P S D

T r

i a l a n

d

S u c c e s s

25

L a n g k a h 5

Lanjutkan dengan Blen d in g Op t ions pada layer teks dan berikan S t r o k e dengan pengaturan

seperti gambar di bawah, dengan biru gelap sebagai warnanya.

L a n g k a h 6

Nah, sekarang kita akan buat ini terlihat 3D, ada beberapa cara untuk melakukannya tapi

sebagian besar dari teknik-teknik itu terlalu rumit, untuk kali ini kita tidak perlu terlalu akurat.

Jadi, pertama-tama buat layer baru dan buat garis perspektif dengan menggunakan Line Too l.

Di sini saya buat point-nya berada di bawah teks. Aturannya sama jika ingin membuat garis

perspektif di kiri atau kanan teks. Dengan Lin e Too l buat garis sebagai garis panduan kita saat

membuat latar belakang teks. Untuk lebih jelas silakan lihat gambar di bawah ini.







26

L a n g k a h 7

Buat layer baru, kemudian pindahkan posisinya ke bawah layer teks dan pastikan warna

foreground sama dengan warna stroke. Klik Polygona l Las so Too l dan buat seleksi di dalam

garis perspektif lalu tekan Alt+Backspace untuk mewarnainya dengan warna biru gelap,

lakukan hal yang sama pada semua garis. Jika kalian melalukannya dengan tepat itu akan

memberikan efek seperti gambar di bawah.

L a n g k a h 8

Kita buang sedikit bagian bawah layer yg diberi nama 3D dengan Polygon a l Las so Too l, buat

seleksi di sekitar bagian yang ingin kita buang lalu tekan Delete . Atau bisa juga denganmenggunakan Add Layer M ask jika –mungkin, saat kita ingin mengulangi dan melakukan

perubahan. Kemudian hapus layer garis perspektif.







27

L a n g k a h 9

Di bawah ini saya tunjukkan panel layer, agar kalian bisa mencoba melakukan yang serupa

seperti yang saya kerjakan dan pastikan bahwa teks layer dan 3D berada dalam grup layer,

caranya blok kedua layer (klik layer teks dan 3D) sambil tekan tahan Shif t, lalu Ctr l+G .

Kemudian klik kanan grup layer dan jika ada opsi ‘Co n v e r t t o S m a r t O b je c t’ klik opsi

tersebut, jika tidak ada – klik grup layer dan tekan Ctr l+E untuk menggabungkan grup.

Langka h 10

Klik kanan pada layer yang tadi digabung (merge) atau smart object lalu klik Blend ing

O p t i o n s dan klik D r o p S h a d o w dan S t r o k e dengan pengaturan seperti ini.






C h a p

t e r

7 :

P S D

T r

i a l a n

d

S u c c e s s

28

Langkah 11

Berikutnya tekan Ctr l+T untuk melakukan F r e e Tr a n s f o r m , lalu geser dan sesuaikan

skalanya seperti yang ditunjukan dalam gambar berikut.

Langkah 12

Bagian terakhir bisa menambahkan sesuatu pada artwork kita. Yang saya lakukan, layer patternsaya “Co n v e r t t o S m a r t O b je c t” lalu di Fi lt e r > D is to r t > D isp lace dengan cloud sebagai

Displacem ent M ap-nya. Kemudian saya buat layer baru dan di F il te r > R e n d e r > C lo u d s

dengan posisi di atas layer pattern, lalu di set Over lay. Dan tambahan lain saya gunakan brush

di belakang stiker. Terakhir dengan B r u s h T o ol berdimensi 3px, saya buat tulisan agar

memberi efek pen biro.






C h a p

t e r

7 :

P S D

T r

i a l a n

d

S u c c e s s

29

PSD #2 – Blending Op t ions

Latihan ini sederhana sekali tapi sangat berguna. Mengenai opsi blending. Opsi blending

merupakan komponen yang sangat penting dalam PS (Photoshop) dan jika kalian bisamenggunakannya dengan baik maka kalian bisa dengan mudah menjalani kegiatan desain

grafis. Saya memilih untuk menggunakan teks dalam latihan kali ini dan juga kalian mungkin

bisa menggunakan teknik ini untuk obyek lain, misalnya membuat tombol, logo dan lain-lain.

Oke kita mulai ya…

L a n g k a h 1

Buat dokumen baru dengan dimensi 400 x 200 pixel dengan warna latar belakang putih.

L a n g k a h 2

Ketik sembarang kata dengan font yang tebal jadi kita bisa melihat efeknya dengan lebih detil.

Saya menggunakan G o th a m B la c k , 60px dan mengetik SMAGRISA.

L a n g k a h 3

Ok, kita mulai bermain dengan opsi blending-nya dengan mengklik ganda layer teks yang sudah

dibuat. Centangi opsi I n n e r G lo w dan set mode blend-nya ke normal, opacity 35% dan ukuran

8px.






C h a p

t e r

7 :

P S D

T r

i a l a n

d

S u c c e s s

0

L a n g k a h 4

Setelah itu, G r a d i e n t O ve r l a y dengan opacity 100% dan style-nya linear. Kemudian klik bar

gradient seperti yang ditunjukkan dengan tanda panah, untuk membuka jendela pengaturangradient.

L a n g k a h 5

Nah ini bagian yang paling penting dan kalian harus melakukan sedikit eksperimen untuk ini.

Untuk latihan kali ini, atur seperti gambar di bawah.

L a n g k a h 6

Langkah terakhir, St roke Op t ion , pilih I n s i d e S t r o k e – 1px dengan opacity 100% dan warna

seperti gambar di bawah.

57aee6

(51%)

037cc1 0271fb

(25%)

8ec9f3

(75%)

afbaf0

035de5

(50%)







31

L a n g k a h 7

Yah, sudah selesai… Mudah ‘kan?

PSD #3 – Text Reflect ion

Kalian pasti sering mendengar dan melihat apa itu logo, ada dua tipe logo yakni logotype dan

semiotic. Logotype berbasis pada huruf sebagai dasar logo, sedangkan semiotic berbasis bentuk

atau simbol.

Latihan ketiga ini kita akan membuat sebuah logo bertipe logotype. OK! Kita mulai saja

latihannya.

Jalankan aplikasi Photoshop dan buat dokumen baru (Ctr l+N ) atau dengan klik File > New …dengan dimensi 400 x 200 pixel dan resolusi 72 dpi (jika untuk web) 300 dpi (jika untuk cetak)

dengan latar belakang (background) putih.

L a n g k a h 1

Buat layer baru (Shif t+Ctr l+N) , beri nama “bg-gradient”, tekan G r a d i e n t To o l, kemudian

saya pilih warna #9fbfdb untuk foreground dan putih (#ffffff) untuk background dari Color

Picker .

Tekan tahan Shif t lalu tarik cursor dari bawah ke atas, seperti ini:







32

L a n g k a h 2

Klik Ho r izon ta l Type Too l dan saya ketik kata untuk logo misal DEGRAPHIA. Saya

menggunakan huruf 04b_03 dan warna dasar hitam.

L a n g k a h 3

Klik kanan pada layer teks kemudian klik Blend ing Op t ion dan pada layer ini, saya beri

S t r o k e dan G r a d i e n t O ve r l a y, seperti gambar di bawah ini:

L a n g k a h 4

Ctr l+J untuk menduplikasi layer teks kemudian klik kanan pada layer duplikat dan pilih

Ras te r i ze . Sorot layer duplikat, klik kanan lagi dan klik Clea r Layer S ty le . Ctr l+T untuk

melakukan F r e e Tr a n s f o r m dan klik kanan pada seleksi lalu klik Flip Ver t ica l. Kemudian di

reposisi sehingga akan terlihat seperti gambar berikut.







33

L a n g k a h 5

Pilih layer yang tadi di rasterize, tekan Q u i ck M a s k M o d e . Klik G r a d i e n t T o ol, tekan tahan

Shif t seperti gambar di bawah. Tekan lagi Q lanjutkan dengan Delete . Berikan Opacity 60%pada layer.

L a n g k a h 6

Buat layer baru di atas layer bg-gradient. Tekan El lip t i ca l M ar qu ee Too l – untuk memilih

marquee oval, klik kanan pada M a r q u e e T oo l kemudian pilih El lip t i ca l M ar qu ee . Namun

saya biasanya menggunakan kombinasi tombol+klik, caranya tekan tahan Alt lalu klik

M a r q u e e T oo l. Buat lingkaran seperti ditunjukan pada gambar di bawah.

L a n g k a h 7

Beri warna hitam pada lingkaran tersebut, lalu klik Fi lt e r > B lu r > Gauss ian B lu r – setRadius 2 pixel. Selanjutnya layer tadi bisa digeser-geser agar efeknya terlihat seperti yang

diharapkan lalu ubah Opacity menjadi 30%.

Nah, pekerjaan mendesain logo selesai.

Documents

Mastering Graphics Design With Adobe Photoshop