Desain Grafis

Sebuah obyek pada area kerja Adobe Photoshop maka dapat dilakukan tindakan
perintah pada Photoshop seperti copy + paste, move, remove/delete dan lainnya. Sebuah
layer yang belum mendapatkan area seleksi maka jika diberikan perintah lanjutan seperti
pewarnaan, copy+paste dan perintah lainnya maka seluruh layer akan terkena
dampaknya. Akan berbeda dampaknya jika area tersebut dilakukan seleksi maka area
terdampak adalah area yang terseleksi.

1. Buka aplikasi Adobe Photoshop
2. Klik File open, pilih salah gambar yang akan kita seleksi
3. Lakukan seleksi pada salah satu bagian, misalnya kepala
4. Kemudian klik menu Edit ➔ Copy
5. Klik File ➔ New, kemudian Klik Edit ➔ Paste. Hasilnya seperti di bawah ini

Gambar awal yang diseleksi Copy + paste hasil seleksi

TUGAS Menggabungkan Obyek

Lakukan penggabungan obyek gambar atau foto seperti langkah diatas.
1. Buka lembar kerja kosong ukuran 800 X 600 pixel
2. Buka dua buah file gambar atau foto yang akan kita gabungkan
3. Seleksi area foto atau gambar yang akan kita gabungkan pada masing-masing

obyek tersebut, kemudian lakukan copy + paste pada lembar kerja kosong.

97 | D e s a i n G r a f i s

Setelah masing-masing gambar atau foto tersebut diseleksi maka kita dapat lakukan
copy + hasil seleksi pada area atau lembar kerja yang sudah kita buat tadi. Kemudian
dilakukan pengaturan ukuran dan penghapusan pada area yang tidak kita gunakan.
Hasilnya seperti gambar di bawah ini.

98 | D e s a i n G r a f i s

PERTANYAAN ! Pengenalan Photoshop

1. Sebutkan jenis-jenis seleksi pada aplikasi Adobe Photoshop ?
2. Jelaskan fungsi tombol segita pada tool box Adobe Photoshop ?
3. Sebutkan dan jelaskan jenis-jenis tombol untuk memotong obyek pada Adobe

Photoshop ?
4. Jelaskan fungsi perintah Red eye pada Adobe Photoshop ?
5. Apa fungsi Clone Stamp pada aplikasi Adobe Photoshop ?

99 | D e s a i n G r a f i s

14 Menggambar dan Menulis Teks

Indikator Hasil Belajar
1. Memahami fungsi dan perintah menggambar dengan photoshop
2. Memahami cara menuliskan teks pada aplikasi photoshop
3. Menggunakan menu dan ikon untuk menggambar pada aplikasi photoshop

C Lingkungan Kerja Photoshop
Adoabe photoshop bukan sekedar aplikasi untuk editing image atau foto saja

tetapi juga dilengkapi dengan fasilitas untuk menggmbar dan menuliskan teks. Selain
fungsi diatas teks yang dibuat dengan menggunakan adobe photoshop juga dapat
dberikan efek sesuai dengan kebutuhan kita. Berikut ini tool-tool untuk menggambar dan
menulis teks pada adobe photoshop :

100 | D e s a i n G r a f i s

101 | D e s a i n G r a f i s

102 | D e s a i n G r a f i s

103 | D e s a i n G r a f i s

Menggambar Obyek dan Menulis Teks
Setelah memahami sungsi tool untuk menggambar obyek dan menuliskan sebuah
teks, kita dapat mencoba pada lembar kerja Adobe Photoshop untuk membuatnya.
1. Buka lembar kerja baru dengan Adobe Photoshop.
2. Buatlah obyek dengan meggunakan pen tool.
3. Contohnya seperti di bawah ini :

104 | D e s a i n G r a f i s

4. Warnai Obyek tersebut, dan berikan efek seperti di bawah ini, bevel emboss,
dll

5. Menambahkan teks di dalam lembar kerja, klik layer ➔ new layer, tambahkan
teks, misalnya : My Website

6. Memberi efek teks dengan Bevel Emboss dan Drop Shadow. Kemudian
pindahkan ke posisi gambar, seperti di bawah ini.

105 | D e s a i n G r a f i s

7. Pindahkan teks ke dalam gambar, seperti di bawah ini.

LATIHAN Menggambar Obyek & Teks

Setalah kalian mempelajari teknik menggmbar dan membuat teks, sekarang silahkan
kalian buat desain gambar di serti teks seperti di bawah ini.

106 | D e s a i n G r a f i s

Pertanyaan ? Menggambar Obyek & Teks

1. Sebutkan dan jelaskan menu yang terdapat pada Pen Tools ?

2. Sebutkan dan jelaskan menu yang terdapat pada Text Tools ?

3. Sebutkan dan jelaskan menu yang terdapat Layer Styles ?

107 | D e s a i n G r a f i s

15 Berbagai Efek Teks

Indikator Hasil Belajar
1. Memahami jenis-jenis efek pada adobe photoshop.
2. Memahami cara memberikan teks pada aplikasi photoshop
3. Membuat berbagai efek teks pada aplikasi photoshop

C Uraian Materi
1. Mengolah Teks
Teks merupakan objek yang secara sistematis membentuk shape huruf, simbol
dan angka. Teks di dalam Photoshop merupakan kumpulan pixel-pixel yang
mempunyai resolusi sama dengan file objek, sehingga bila dilakukan pembesaran
objek atau zooming, teks akan tampak berundak (jaged) apabila melewati batas
besar resolusi objek asli.

Tetapi tidak perlu khawatir dengan jaged tersebut. Saat mengubah ukuran font
(rezise), Photoshop akan mengubah huruf tersebut ke dalam bentuk vektor
(vector-based type) sehingga ukuran font tersebut dapat dibesarkan tanpa
khawatir akan kehilangan kehalusan bentuk teks. Teks sapat ditransformasikan
tanpa harus menentukan besar ukuran font dengan tepat.

108 | D e s a i n G r a f i s

Untuk membuat huruf atau kata, caranya berbeda dengan membuat paragraph.
Huruf dibuat dengan klik pada obyek yang aktif dan kemudian menuliskan teks
yang akan dimasukkan. Sedangkan paragraph dapat dibuat dengan melakukan
dragging terlebih dahulu untuk menentukan area paragraph baru, kemudian
menuliskan teks yang telah didefinisikan tersebut.

Layer teks otomatis akan terbentuk saat mengklik objek yang aktif.

Layer type tidak akan muncul sebagai layer baru saat menggunakan mode
multichannel, bitmap, maupun indexed color, sebab mode ini tidak mendukung
layer, sehingga teks hanya akan tampil pada layer background saja.
Mengatur Teks
Teks dapat diatur menggunakan palet character yang dapat diaktifkan melalui
Window ➔ Character

109 | D e s a i n G r a f i s

Menggunakan Type Mask
Type Mask digunakan untuk membentuk seleksi dengan bentuk font yang dipilih,
dengan orientasi horizontal maupun vertikal. Seleksi type mask ini akan
ditampilkan pada layer yang aktif, yang dapat dipindah, disalin, diisi warna dan
diberi stroke.
Cara membuatnya adaah :
1. Pilih layer yang akan diberi type mask.
2. Pilih Type Mask tool, baik vertikal maupun horizontal.
3. Ketikkan pada layer baru. Teks akan tampil dengan warna mask.
4. Ketik pada layer palet atau klik Commit any current edits di sebelah kanan pada

option bar untuk memunculkan marquee huruf.

5. Pada layer via copy (Ctrl+J) untuk membentuk layer baru dari hasil salinan
marquee teks tersebut. Teks tidak akan tampak karena tekstur dan fill teks
sama persis dengan background.

6. Tambahkan layer style glow untuk memberikan kontras objek dengan latar
belakang dengan mengklik menu Layer ➔ Layer Style ➔ Drop Shadow.

110 | D e s a i n G r a f i s

Menentukan Anti-Aliasing
Anti-aliasing digunakan untuk menghasilkan tingkat batas pinggir tepi teks,
sehingga batas tersebut bercampur dengan background dan menghasilkan
tingkat kehalusan pinggir teks.
Besar dan jumlah warna yang dibutuhkan file akan bertambah saat
menggunakan anti-aliasing pada teks. Cara menerapkan anti-aliasing :

1. Pilih type layer pada palet layer.
2. Pilih salah satu dari cara di bawah ini :

a. Pilih menu option saat mengaktifkan option bar atau palet
character.

b. Dari menu Layer➔Type, pilih option pada submenu.

Warp Text
Warping adalah fasiliatas untuk menditorsi bentuk objek dengan beberapa
variasi bentuk. Teks tersebut akan mengikuti bentuk shape yang dipilih.

111 | D e s a i n G r a f i s

Cara melakukan warp :
1. Pilih layer type

2. Pilih Type Tool, klik tombol Warp
3. Plih warp style dari menu Style Pup-up.
4. Pilih orientasi warp teks, horizontal atau vertikal.
5. Tentukan beberapa option :

a. Bend, digunakan untuk mengatur besar distorsi warp.
b. Horizontal dan Vertikal Distortion, untuk menerapkan

perspektif objek.
6. Untuk membatalkan Warp, klik None.

2) Jenis-jenis Efek Teks
Pada halaman web sering digunakan berbagai efek teks sehingga teks akan terlihat lebih
indah dan menarik perhatian pengunjung. Efek teks biasanya digunakan sebagai logo,
banner, lonk dan judul.
Jenis-jenis efek teks yang sering digunakan antara lain :

✓ Teks Melengkung
Photoshop mempunyai fasilitas yaitu Warp Text yang didalamnya
menyediakan berbagai style yang bisa digunakan secara langsung untuk
melengkungkan teks.

112 | D e s a i n G r a f i s

✓ Teks 3D
Bentuk 3D menjadi populer dan banyak digunakan oleh para desainer
untuk menambah keindahan desainnya.

✓ Teks Lembut
Teks lembut adalah teks yang berlatar belakang kabur, sehingga teks yang
ada di atasnya terkesan lembut. Teks ini banyak digunakan dalam
mendesain halaman web.

✓ Teks Gradasi
Teks gradasi adalah teks yang dibuat dengan menerapkan efek gradasi
warna, sehingga perpindahan atau transisi warna pada teks terlihat secara
halus. Gradasi warna bisa terdiri atas dua warna atau lebih.

✓ Teks Warna Warni
Teks warna warni adalah teks yang terdiri atas beberapa warna dalam
suatu tulisan, antara satu huruf dengan huruf lainnya mempunyai warna
yang berbeda-beda, sehingga menimbulkan kesan ceria, ramai dan
periang.

✓ Teks Outline Ganda
Teks outline ganda adalah teks yang mempunyai dua garis pinggir dengan
menggunakan warna garis pinggir yang berbeda antara garis yang satu
dengan yang lain, sehingga terlihat seperti tiga buah teks dalam satu
tulisan.

113 | D e s a i n G r a f i s

✓ Teks Menyala
Teks menyala adalah efek yag menambah pencahayaan atau sinar yang
memudar secara bertahap di luar sisi teks, sehingga teks akan terlihat
menyala seperti api lilin.

✓ Teks Garis Bersusun
Teks garis bersusun adalah teks yang menggunakan pola garis-garis lurus
bersusun secara horizontal sebagai motifnya, sehingga teks akan terlihat
lebih elegan. Teks ini banyak digunakan untuk membuat logo suatu
perusahaan atau produk.

✓ Teks Berkarat
Teks berkarat adalah teks yang dibuat dengan menerapkan efek seperti
besi yang sudah karatan karena sudah dimakan usia alias usang.

✓ Teks Emas
Teks emas adalah tesk yang dibuat dengan menerapkan efek kuning
keemasan yang terlihat mengkilap gemerlapan pada teks, sehingga
menimbulkan kesan mewah.

114 | D e s a i n G r a f i s

115 | D e s a i n G r a f i s

LATIHAN Membuat Efek Teks

Untuk latihan membuat efek teks, buatlah beberapa efek teks seperti di bawah ini :
1. Membuat efek teks timbul (Bevel & Emboss)

2. Membuat efek teks laisan pola air
116 | D e s a i n G r a f i s

Pertanyaan ? Berbagai efek pada Teks

1. Sebutkan option yang terdapat pada palet character ?
2. Efek teks apa saja yang sering digunakan pada desain web ?
3. Apa itu warping text ? Jelaskan cara membuat warp text !
4. Jelaskan langkah-langkah dalam membuat efek teks bevel & emboss di atas ?
5. Apa yang dimaksud dengan anti-aliasing pada sebuah teks, jelaskan ?

117 | D e s a i n G r a f i s

16 Manipulasi Obyek Digital

Indikator Hasil Belajar
1. Memahami jenis-jenis efek pada adobe photoshop.
2. Memahami cara memberikan efek pada obyek dengan aplikasi photoshop
3. Membuat berbagai efek pada obyek dengan aplikasi photoshop

C Uraian Materi
Salah kelebihan dari Adobe Photoshop adalah kemampuan untuk melakukan
manipulasi pada obyek digital khususnya foto digital. Teknik yang sering
digunakan antara lain teknik membuat dan mengolah teks seperti yang telah di
bahas di atas. Selain itu ada beberap teknik yang sering kita gunakan untuk
mengolah citra antara lain teknik transformasi gambar, teknik menggunakan efek,
teknik seleksi gambar, sampai pada manupulasi itu sendiri. Pada modul berikut
ini akan kita bahas berbagai teknik manipulasi pada obyek digital.
Mentransformasi Gambar dalam Dokumen

118 | D e s a i n G r a f i s

Membalik Gambar secara Vertikal/Horizontal
Memberi Efek Bayangan (Shadow)
119 | D e s a i n G r a f i s

Memberi Efek Cahaya
Memberi Efek lapisan Gradasi Warna
120 | D e s a i n G r a f i s

Memberi Efek Garis Tepi Pada layer
Melukis dengan Brush
121 | D e s a i n G r a f i s

Membersihakan Noda dengan Spot Healing Brush
Menutup Noda dengan Healing Brush
122 | D e s a i n G r a f i s

Menambal Noda dengan Patch
Menduplikasi Gambar dengan Clone Stamp

123 | D e s a i n G r a f i s

Mengaburkan Gambar dengan Blur
Memberi Efek Gelombang Air dengan Zig Zag
124 | D e s a i n G r a f i s

Membuat Efek Batu Relief dengan Emboss

LATIHAN Membuat Efek pada Obyek

Sebagai bentuk latihan dari memberi efek pada obyek, buatlah efek seperti berikut
antara lain :
1. Memberi Fokus Foto dengan Gaussian Blur

125 | D e s a i n G r a f i s

2. Memberi Kesan Gerak dengan Motion Blur

PERTANYAAN ? Membuat Efek pada Obyek

1. Jelaskan langkah-langkah membuat efek fokus foto dengan Gaussian Blur seperti
contoh diatas ?

2. Jelaskan cara memberikan efek dengan teknik Motion Blur, seperti contoh ?
3. Jelaskan fungsi perintah Stamp Clone pada Adobe Photoshop, jelaskan cara

penggunaannya ?
4. Jelaskan teknik transformasi pada sebuah obyek denga Adobe Photoshop ?
5. Bagaimana cara memberikan ketebalan pada garis tepi dari sebuah obyek dengan

Adobe Photoshop ?

126 | D e s a i n G r a f i s

17 Rekayasa Foto Digital

Indikator Hasil Belajar
1. Memahami teknik rekayasa foto digital dengan adobe photoshop.
2. Memahami cara memberikan efek pada foto digital dengan aplikasi photoshop
3. Membuat berbagai rekayasa foto digital dengan aplikasi photoshop

C Uraian Materi

Pada materi kali ini akan berisi tentang ulasan yang lebih berfokus pada teknik
oleh digital. Hampir semua teknik yang kita pelajari pada bab-bab sebelumnya
akan diaplikasikan untuk menyulap foto-foto digital sederhana manjadi hasil karya
foto yang artistik dan menarik untuk dinikmati.
Tujuan utama dari bahasan ini adalah untuk memantakan ketrampilan kita dalam
menguasai Adobe Photoshop sebagai aplikasi pengolah gambar dengan foto
digital.
Memanipulasi Foto dalam Foto

Teknik ini sering kita gunakan untuk membuat sebuah tampilan dari dua buah foto
yang kita gabungkan dengan maksud saling mengisi komponen pada foto
tersebut. Seperti laptop dengan gambar di dalamnya, atau HP dengan foto kita,
dan lain sebagainya sesuai dengan kebutuhan editor.

127 | D e s a i n G r a f i s

Membingkai Foto Gaya
128 | D e s a i n G r a f i s

129 | D e s a i n G r a f i s

Mendesain Wallpaper Model
130 | D e s a i n G r a f i s

131 | D e s a i n G r a f i s

Desain Kreatif “White Siluet”
132 | D e s a i n G r a f i s

133 | D e s a i n G r a f i s

134 | D e s a i n G r a f i s

135 | D e s a i n G r a f i s

Rekayasa Foto Pre Wedding
136 | D e s a i n G r a f i s

137 | D e s a i n G r a f i s

138 | D e s a i n G r a f i s

139 | D e s a i n G r a f i s

140 | D e s a i n G r a f i s

LATIHAN Manipulasi Foto Digital

Pada latihan kali ini kalian akan membuat efek kertas tersobek pada sebuah foto
digital, berikut ini langkah-langkahnya :

141 | D e s a i n G r a f i s

142 | D e s a i n G r a f i s

143 | D e s a i n G r a f i s

PERTANYAAN ? Manipulasi Foto Digital

1. Jelaskan fungsi perintah Gradient Overlay pada Adobe Photoshop ?
2. Jelaskan fungsi perintah Drop Shadow pada Aplikasi Adobe Photoshop ?
3. Apa fungsi perintah Alt+Backspace pada aplikasi Adobe Photoshop ?
4. Jelaskan cara menyembunyikan layer pada aplikasi Adobe Photoshop ?
5. Jelaskan fungsi perintah Diffuse Glow pada Adobe Photoshop ?

144 | D e s a i n G r a f i s

18 Project

Indikator Hasil Belajar
1. Memahami menu dan ikon pada adobe photoshop.
2. Mengidentifikasi menu dan ikon adobe photoshop untuk membuat proyek.
3. Menggunakan menu dan ikon adobe photoshop untuk membuat proyek.
4. Membuat berbagai proyek digital dengan aplikasi photoshop

C Uraian Materi
Photoshop sebagai salah satu aplikasi grafis yang cukup handal dapat kita gunakan
untuk berbagai kebutuhan desain seperti desain web, desain untuk publikasi (poster,
banner, pamflet), desain mode dan lainnya. Sebagai project kalian dapat memilih salah
satu dari berbagai desain tersebut untuk membuat tugas akhir sebagai tanda bahwa
kalian telah menyelesaikan pembelajaran grafis dengan adobe photoshop. Berikut ini
beberapa contoh desain yang dapat kalian jadikan rujukan atau referensi untuk membuat
desain sesuai keinginan kalian.

1. Desain Web (klasik minimalis)

145 | D e s a i n G r a f i s

2. Desain Web (Bisnis)
3. Desain Web (Modern)
146 | D e s a i n G r a f i s