Kata Pengantar
Dibuatnya modul pembelajaran desin grafis ini bertujuan untuk membekali peserta
didik agar berkompeten dalam keahlian yang meliputi pengetahuan, keterampilan juga
sikap yang berkaitan dengan desain. Bahan pembelajaran ini selain dipakai sebagai
sumber atau bahan dasar bagi perserta didik juga dapat digunakan sebagai pedoman
dalam melakukan suatu kegiatan belejar. sehingga nantinya dalam porses pembelajaran
Modul ini dibuat dengan sejalas mungkin dengan menberikan panduan langkah
demi langkah pengerjaan agar peserta didik mampu memahami dengan mudah, sehigga
dapat menguasai dengan cepat isi dari modul pembelajaran ini. Diharapkan Perserta didik
nantinya mampu mengembangkan lebih lanjut isi tiap-tiap isi modul serta mempu
Akhir dari penulisan ini kami ucapkan terimakasih yang sebesar besarnya kepada
ketua pimpinan lembaga pelatihan beserta rekan rekan yang telah membantu dalam
pembuatan bahan pembelajaran ini hingga selesai. Demi kesempurnaan dimasa yang akan
datang andai perta didik nantinya mau menyampaikan kritik dan saran terhadap bahan
ajar ini kami, karena keterbatasan penulis dalam menyesesaikan bahan ajar ini, kami
ucapkan terimakasih.
Penulis
2
Dasar PhotoShop
Tool – tool pada Adobe PhotoShop yang tertata praktis, jika Anda dapat megoperasikan
secara optimal maka akan tercipta grafik yang indah dan informatif yang dapat di
transfer ke dalam image sesuai dengan keinginan Anda sendiri, mengenal lingkungan
kerja pada PhotoShop, yang terdiri dari menu bar, toolbox, option bar, status bar, pallete,
canvas
Dokumen Baru
Untuk membuat dokumen baru klik File lanjutkan dengan Klik New
3
Beberapa pilihan yang ada pada Image Size :
Option Bar
Toolbox
Palet Navigator
Palet Color
Canvas
Palet Layer
Status Bar
Gambar 2 Area kerja PhotoShop
4
Option Bar
Tampilan pada option bar akan berubah dinamis sesuai tool yang digunakan
Toolbox
Fasilitas untuk mengedit atau memanipulasi image dengan tool – tool yang ada
Palet Navigator
Fasilitas yang digunakan untuk menggeser atau memperbesar gambar yang ada melalui
Palet Color
Canvas
Status Bar
Berisi informasi ukuran file, waktu,gambar, dan keterangan tool yang sedang aktif
5
Bekerja dengan Toolbox
A L
B M
C N
D O
E P
F Q
G R
H S
I T
J U
K V
Gambar 3 Toolbox
6
Keterangan
Marquee tool
Lasso tool
Crop tool
Brush tool
7
Stamp tool
Eraser tool
Blur tool
Selection tool
Pen tool
Notes tool
Hand tool
Move tool
Slice tool
8
Brush tool
Dodge tool
Rectangle
Eyedropper tool
Zoom Tool
9
Palet
Untuk dapat menyunting dan mengolah gambar atau grafik dengan mudah Anda bias
menggunakan palet, karena palet sangat efektif untuk dapat mengubah, mengatur dan
Gambar 4 palet
10
Beberapa jenis palet yang ada pada Photoshop:
Palet Navigator
Untuk dapat mengubah tampilan besar atau kecil dengan memakai zoom slider
Palet Info
Digunakan untuk menampilkan informasi komposisi warna dan posisi pointer pada objek
Palet Color
Untuk dapat memilih warna sesuai yang diinginkan baik background ataupun foreground
Palet Swatches
Untuk dapat mengoleksi warna, dan memilih campuran warna yang tersediamasing-
Palet Styles
Untuk dapat merubah efek pada objek yang ada pada canvas
Palet History
Palet ini digunakan buat menyimpan perubahan yang anda lakukansehingga dapat
Palet Action
Digunakan pada saat Anda akan merekam serangkaian perintah, sehingga dapat
memainkannya
Palet Layers
11
Palet Channels
Palet Paths
Palet ini digunakan untukl membuat,menghapus dan mengaktifkan path. Path adalah
objek yang dibuat dengan merangkai beberapa garis lengkung dan garis lurus dari satu
Palet Character
Palet ini digunakan untuk mengatur format karakter, sehingga mempermudah dalam
Palet Paragraph
paragraf
12
Layer
Pada palet layer Anda bisa mengatur lapisan satu dengan yang lainnya, antara objek satu
dengan objek atau gambar yang lain sehingga menjadi satu kesatuan objek atau gambar
yang menarik. Untuk dapat merubah atau menambah objek dengan memakai palet layer
cukup dengan tekan Add a layer style, Add layer mask,create a new set, create new fill
or adjustment layer,create a new layer dan delete layer. Seperti pada gambar dibawah ini:
1
10
2 3 4 5 6 7
Gambar 5 Layer
13
Keterangan Layer
1. Blending mode
Untuk mengubah mode blen atau mengatur piksel pada layer aktif bercampur
Untuk membuat layer fill atau layer adjustment (layar untuk mengubah
7. Delete layer
14
9. Layer aktif
Objek atau gambar pada canvas dapat dirubah atau di edit jika layer aktif dalam
kondisi diblock
10. Opacity
15
Layer Style
Layer style adalah kumpulan efek – efek layer untuk dapat mempercantik objek
Layer style dapat diaktifkan melalui Menu > Layer > Layer Style, seperti pada gambar 4
Layer style.
16
Keterangan Layer Style
Drop Shadow
Inner Shadow
Outer Glow
Inner Glow
Untuk menambah bayangan dan efek timbul dengan bentuk dan kemiringan tertentu
Satin
Untuk menambah efek pencahayaan pada sisi dalam sebuah objek,sehingga terlihat
Color Overlay
Gradient Overlay
Pattern Overlay
Stroke
Untuk menambah garis pinggir pada objek,dengan warna gradasi dan pola tertentu
17
Teknik Dasar PhotoShop
Grafik dan disain adalah dunia yang sangat mengasikkan jika Anda memang punya
hoby mendisain dengan grafik atau objek tertentu, untuk menghasilkan suatu ekspresi
yang dapat dipublikasikan melalui media elektronik,cetak,disain web atau yang lainnya
maka Anda dituntut untuk sering bereksperimen agar dapat menghasilkan disain sesuai
Untuk itu anda harus mengerti dan menguasai teknik dasar dalam pembuatan disain
Pewarnaan
Pada PhotoShop terdapat dua cara pewarnaan warna bagian depan (Foreground) dan
Warna pada gambar atau objek dapat dimanipulasi menggunakan dua buah tool, yaitu
Gradient
18
Paint Bucket
Membuat Teks
19
Membuat teks dengan Shadow
20
Teknik Seleksi
Adalah teknik dasar untuk dapat melakukan manipulasi pada suatu objek,dengan seleksi
Select
Pen tool
21
Gambar 2.7 Mobil
• Pilih menu Select > Inverse untuk membuat seleksi jadi membalik
22
• Tekan delete pada kyboard untuk menghapus, maka yang ada pada luar seleksi
akan terhapus
Elliptical Marquee
• Buka File
• Klik tool Elliptical Marquee terus klik dan seret pada bagian yang Anda inginkan
23
Gambar 2.10 Bunga
• Aktifkan tool Rectangular Marquee terus klik Add to Selection pada Option Bar
24
Tool Lasso
25
Tool Magic Wand
26
Select
• Select > Select All, untuk menyeleksi keseluruhan objek atau gambar
• Select > Inverse , untuk menyeleksi kebalikan dari seleksi yang ada
• Select > Color Range, seleksi berdasar warna pada objek atau gambar
27
Pen Tool
• Buka file
28
Latihan
Background
Objek atau gambar akan lebih hidup apabila Anda dapat memadukann background
• Warna background color akan sama dengan warna set background color pada tool
31
Bekerja dengan Gradient tool
Buat lembar pada canvas dengan ukuran width 150 pixl , Length 50 pixel
Linier Gradient
• Lepas klik pada canvas, hasilnya seperti pada gambar dibawah ini
Radial gradient
32
Angle Gradient
Reflected Gradient
33
Diamond Gradient
Background Style
• Klik menu windows > Styles, akan tampil palet style, terus klik tanda panah
34
Gambar 3.8 Background Style
Background Tekstur
35
Latihan
37
Efek Teks
Untuk dapat mempublikasikan banyak hal yang di inginkan, Anda harus kreatif dalam
memilih bentuk format tulisan untuk dikombinasikan dengan grafik agar menghasilkan
Efek-efek yang tersedia dalam Adobe PhotoShop yang akan menambah bentuk teks
menjadi semakin indah bila di pandang dan membuat tertarik bagi si pembaca informasi
38
Membuat Teks Tiga Dimensi (3D)
• Klik Layer > Layer Style> Bevel and Emboss pada menu
• Pada palet Layer, klik Layer asli (layer yang bukan hasil duplikasi),terus klik
• Klik Filter > Blur > Gaussian Blur, pada menu berikan nilai 6
39
• Lihat seperti pada gambar dibawah ini
• Hasilnya
40
Membuat Teks Berbeda Warna
Membuat teks berbeda warna satu dengan yang lainnya, akan sangat menarik untuk
informasi yang sasaranya adalah anak-anak atau bersifat menarik perhatian khalayak
• Klik Magic wand tool pada tool teks, klik menu edit > Stroke, isi pada Width: 1
41
• Tekan dengan Ctrl D
• Hasilnya
• Klik Layer > Layer Style > Stroke pilih pada Fiil Type : Gradient,Style : Shape
Burst
• Atur pada bagian Gradient > Gradient Editor > ambil warna biru langit & Biru
42
• Hasilya
• Klik menu Layer > Rasterize > Layer klik menu Layer > Duplicate Layer sebanyak
tiga kali
43
• Klik Bara copy2 terus klik menu Image > Adjusment > Hue / Saturation, beri
tanda cek pada colorize, isikan pada Hue : 50, Saturation: 100 dan Lightness: +50
• Klik menu Filter > Blur > Gaussian Blur, isikan nilainya : 4
• Klik Layer Bara copy1 lakukan seperti poin di atas dengan Hue: 30. Klik menu
• Klik Layer Bara, Lakukan persis seperti point diatas isi bagian Hue 10. Klik
44
Gambar 4.11 Gausian Blur
• Hasilnya
45
Membuat Teks dengan Hamparan Warna Perak
ƒ Tekan tombol D pada kyboard agar warna dalam keadaan default,Klik menu Layer >
ƒ Pada palet Layer, Klik PERAK sambil tekan tombol Ctrl pad kyboard, pastikan teks
ƒ Klik menu Filter > Distort > Glass, isikan pada Distortion : ‘15 Smoothness: 1
Scaling : 60
46
ƒ Klik menu Layer > Layer Style >Stroke isi parameter sesuai pada gambar dibawah ini
ƒ Klik menu Layer > Layer Style >Bevel and Emboss isi parameter sesuai pada
47
Membuat Teks Garis Bersusun
Teks ini pas sekali apabila Anda akan membuat nama-nama yang harus diabadikan
Caranya:
ƒ Buat canvas baru dengan ukuran Width : 2 pixel , Height : 6 pixel dan contents :
Transparent
ƒ Klik tool Pencil, pilih warna foreground: hitam dan klik pada bagian atas ,seperti
48
ƒ Klik Selec > All pada menu, terus Klik menu Edit > Define Pattern, simpan dengan
nama Trik1
ƒ Buat lembar baru dengan dua layer pad palet, klik tool Horizontal Type Mask
49
ƒ Klik Marque,untuk masuk ke mode normal ,terus Klik menu Edit > Fill, akan tampil
ƒ Klik layer 2 , Klik Layer > Layer Style > Embose and Shadow, hasilnya sbb:
50
Latihan
51
Menggabung Objek
Untuk dapat membuat disain agar lebih informatif maka perlu adanya gabungan dari
beberapa objek,dalam satu canvas, yang di atur sedemikian rupa sehingga dapat menarik
Caranya:
ƒ Buka 2 file pada Adobe > PhotoShop 7.0 > Samples > Peppers & Pasta
52
Menggabung 2 objek ditambah teks
ƒ Buka 2 File Adobe > PhotoShop > Samples > Eagle & Palm Tree
ƒ Klik Move tool, kliik Eagle : tahan tarik ke file Palm Tree dan lepas
ƒ Klik Magic wan tool, lanjutkan klik pada gambar Eagle, tekan delete pada kyboard
ƒ Klik Edit > Free Transform , tarik pada kotak kecil ujung bawah, dan letakkan pada
ujung atas
53
ƒ Hasilnya
• Buat file baru dengan ukuran Width : 800 pxl Hight : 150 pxl
• Buka File Adobe > Samples > Eagle , terus edit dengan memakai seleksi
• Klik Layer > New fill layer > Gradient pada menu , terus atur pada Style : Linear
54
Gambar 5.3 Banner
1. Buka File > Open > Program Files > Adobe > PhotoShop > Samples buka : file Old
3. Klik Clone Stamp tool, klik pada gambar foto ( old Image ) dengan cara tekan Alt
pada kyboard
4. Buat layer baru, Lepas pada gambar pintu ( ranch house ) pada ujung atas sebelah kiri
6. Klik Layer > Layer Style > Inner Shadow, tambahkan drop shadow& outer glow,
format pada struktur : Blend Mode : vivid light, opacity : 78 %, angle 180, distance
7. Buat layer baru, klik Brush tool, dengan brush : 134 px (rumput) seperti pada gambar
55
Gambar 5. 4 Foto & Pintu
56
Membuat Cover Buku
1. Buat File > New dengan ukuran Width : 800 px, Hight : 1000 px, Resolution 75 px,
3. Klik Layer > New fill layer > Gradient dengan Style : Linier , Angle : 0
4. Klik layer baru, tulis WEB DISAIN( Bookman old style)warna biru dongker size 72
pt ,dengan format Layer > Layer Style > pilih drop shadow,inner shadow,outer
glow,inner glow.
5. Klik Layer > duplicate layer, terus klik WEB DISAIN yang aslinya pada layer, dan
6. Klik Filter > Blur > Motion blur dengan format Angle : 38, Distance : 50 px
7. Klik layer baru , tulis dengan (Bookman old style) warna biru tua, size 48 pt
8. Klik layer baru, tulis Macromedia Dreamweaver MX (Bookman old style) warna
9. Klik layer baru, copy paste file dw (dreamweaver) atur dan klik layer > Arrange >
Send to backward
59
Merancang Icon untuk Web Disain
3. Klik Layer baru pada palet layer, Klik tool Elliptical Marquee,terus buat lingkaran
kecil
4. Klik Gradient,terus ambil linier gradient pada option bar,klik dari atas ke bawah
60
Gambar 6.2 Rotate 180 0
8. Hasilnya
2. Klik Custom shap tool > Klik Shape pada option bar > Arrow dan klik
4. Klik Style pada Window > pilih Photographic Effects > Blue Tone
6. Hasilnya
61
Membuat Tombol Timbul
2. Klik elliptical marque , buat lingkaran kecil pada canvas,warna biru muda
3. Klik paint bucket, terus klik pada lingkaran sehingga menjadi biru muda
4. Klik duplicate layer > pada layer untuk menggandakan, pada hasil duplicate beri
warna hitam
6. Klik Filter > Stylize > Emboss isi pada Angle : 120, Height : 6 dan Amount : 350
7. Ubah mode blend dari Normal menjadi Hard Light pada palet layers
62
8. Buat layer baru pada palet layer, tulis “email”, terus klik Warped text > Style:Flag
10. Hasilnya
63
6. Klik Layer > Layer style > Drop Shadow dengan format pilih Inner Shadow,Inner
glow & Bevel and emboss serta Blending options > Blend mode : Luminosity,
7. Hasilnya
6. Klik Paint bucket, terus klik pada objek kotak yang telah dibuat
64
7. Klik Edit > Stroke dengan format : Width : 3 px Color : Biru dongker Location :
8. Klik Layer > Duplicate Layer ,klik layer 1 pada palet layer,pada menu klik Edit >
10. Masih pada Layer 1, Klik Filter > Blur > Gausian Blur dengan format Radius : 25
pxl
11. Buat layer baru pada palet layer serta tulis “Akademik Online” warna biru dongker
12. Hasilnya
65
Membuat Icon Kotak Lingkar
background,Lingkar,Kotak,Pmb Online
2. Klik Rectangular marquee, klik dan tarik empat persegi panjang kecil pada canvas
3. Klik Eliptical marquee, terus klik Add to selection & gabung dengan Rectangular
66
5. Klik Layer lingkar,terus klik Window > Styles > Image Effects > Circular Vignette
9. Hasilnya
67
Latihan
68
Manipulasi Foto
Diantara keunggulan dari Adobe PhotoShop adalah dapat digunakan untuk memanipulasi
2. Buat dua gambar dalam posisi yang sejajar dan apabila terlalu besar bias di
3. Pindahkan gambar orang tua dan gabung dengan kaos hitam, dengan memakai
Move
69
Gambar 7.2 Manipulasi Foto ke Kaos
5. setelah dipotong dengan Magic Wan Tool, rapikan dengan memakai Blur Tool.
70
6. hasilnya
71
Manipulasi Foto di Disain Menu
3. Klik serta tahan dan tarik pada objek gambar tersebut sesuai dengan kebutuhan
5. Siapkan canvas baru dengan width 1000 pxl hight 800 dan contents with terus
72
6. Gabung rectangular marque dengan elliptical marque dengan cara tekan Add to
7. Bersihkan hasil paste gambar dengan Magic Eraser Tool pada warna langit atas
8. Klik Layer > Layer Style > Drop shadow + Outer Glow + Inner Glow
73
9. Klik objek Hotel pada Palet Layer , terus klik Image > Adjustments > Brightness
10. Tambahkan Nama Hotel, Jalan, Isi dari Menu seperti gambar di bawah ini
74
Latihan