MODUL TIK JH 8

Klik Ok jika sudah

Sekarang ubah Blend modenya ke Multiply dengan Opacity 60% , Fill 60%. sebenarnya
pengaturan ini tergantung sobat lebih suka berapa persen, yang penting efek arsirannya
sudah terlihat.

Page | 82 Modul Desain Grafis Dasar Adobe Photoshop
Diginusa - Gramedia

Inilah hasil dari foto arsiran diatas

Modul Desain Grafis Dasar Adobe Photoshop Page | 83

Diginusa Gramedia

LATIHAN / PENUGASAN:

Cobalah berlatih untuk mengedit beberapa foto dibawah ini menggunakan efek

arsiran yang rapi seperti gambar dibawah ini:

Page | 84 Modul Desain Grafis Dasar Adobe Photoshop
Diginusa - Gramedia

Pertanyaan ?

1. Jelaskan fungsi Ctl + O pada aplikasi Adobe Photoshop ?

2. Jelaskan langkah-langkah membuat efek noise pada Adobe Photoshop ?

3. Bagaimana cara mengatur kemiringan asiran pada efek arsiran pada aplikasi
Photoshop ?

Modul Desain Grafis Dasar Adobe Photoshop Page | 85

Diginusa-Gramedia

BAB MEMBUAT EFEK FOTO HITAMPUTIH
XII

Indikator Pencapaian :

Setelah mempelajari bab ini, peserta diharapkan mampu :
 Membuat efek foto hitam putih dengan menu Image
 Memanfaatkan efek foto hitam putih pada beberapa foto

LANGKAH PEMBUATAN

Tuturial Photoshop kali ini saya akan membuat efek hitam putih yang sangat mudah
menggunakan software pengedit foto yang sangat powerfull yaitu Photoshop.

Langkah 1

1. Langsung saja buka foto seseorang yang mau dibuat foto effect hitam putih, foto
atau image dapat diambil dari komputer yang ada atau download terlebih
dahulu.

Page | 86 Modul Desain Grafis Dasar Adobe Photoshop
Diginusa-Gamedia

Langkah 2

2. Setelah itu pergi ke Image> Adjustment> Desaturate (Ctrl + Shift + U). akan jadi
hitam putih seperti gambar di bawah ini:

Inilah Hasil Akhir

Modul Desain Grafis Dasar Adobe Photoshop Page | 87
Diginusa - Gramedia

LATIHAN / PENUGASAN:

Cobalah berlatih untuk mengedit beberapa foto dibawah ini menggunakan efek hitam
putih yang rapi seperti gambar dibawah ini:

Page | 88 Modul Desain Gafis Dasar Adobe Photoshop
Diginusa-Gramedia

Pertanyaan ?

1. Jelaskan fungsi peintah Shift + Ctrl + U pada aplikasi Adobe Photoshop ?
2. Jelaskan cara memasukkan foto ke dalam aplikasi Adobe Photoshop ?
3. Bagaimana caranya jika yang kita beri efek hitam putih hanya bagian backgound saja ?

Modul Desain Grafis Dasar Adobe Photoshop Page | 89

Diginusa-Gramedia

BAB
XIII MEMBUAT DIGITAL IMAGING

Indikator Pencapaian :

Setelah mempelajari bab ini, peserta diharapkan mampu :
 Membuat digital imaging menggunakan berbagai macam tool
 Mengimajinasikan beberapa foto untuk dijadikan sebuah foto yang menarik
 Menggabungkan berbagai macam foto untuk diedit menjadi foto yang menarik

LANGKAH PEMBUATAN

Digital imaging merupakan teknik editing foto yang menggabungkan satu foto dengan foto
yang lain dan diberikan efek tambahan sehingga menghasilkan karya ilustrasi yang menarik.
Langkah pembuatan dibawah ini adalah membuat digital imaging berupa “Siluman Apel”,
yaitu penggabungan antara foto apel dengan foto singa mengaum.

Langkah 1

Buka foto Apel dan Singa dengan cara klik File – Open – Apel.jpeg dan Singa.jpeg

Page | 90 Modul Desain Grafis Dasar Adobe Photoshop
Diginusa-Gramedia

Langkah 2

Seleksi bagian mulut Singa.jpeg menggunakan Magnetic Lasso Tool, lalu Copy (Ctrl+C)

Langkah 3

Paste (Ctrl+V) mulut Singa.jpeg tadi ke foto Apel.jpeg

Modul Desain Grafis Dasar Adobe Photoshop Page | 91

Diginusa-Gramedia

Langkah 4

Pada layer 1 (mulut singa) gunakan Move Tool untuk memutar dan menggeser posisi mulut
singa sehingga bisa tepat pada sisi samping Apel, lalu klik Enter.

Langkah 5 (Hasil Akhir)

Pada Layer Background (foto Apel), gunakan Eraser Tool untuk menghapus sisi
samping bagian Apel yang kontras dengan mulut singa, lakukan serapi mungkin.

Page | 92 Modul Desain Grafis Dasar Adobe Photoshop
Diginusa-Gramedia

LATIHAN / PENUGASAN:

Cobalah berlatih untuk mengedit beberapa objek gambar seperti gambar dibawah ini:

Catatan :
Gunakan tambahan Layer Mask dan aturlah Fill dan Opacity nya untuk memunculkan
sebuah tampilan yang menyatu satu sama lainnya (antar foto).

Modul Desain Grafis Dasar Adobe Photoshop Page | 93

Diginusa-Gramedia

BAB
XIV
MEMBUAT ID CARD / KARTUNAMA

Indiaktor Pencapaian :

Setelah mempelajari bab ini, peserta diharapkan mampu :
 Membuat ID Card / kartu nama menggunakan berbagai macam tool
 Memahami jenis ukuran ID Card dan kartu nama
 Membuat ID Card / kartu nama dengan berbagai macam desain

LANGKAH PEMBUATAN

Langkah 1
Buka photoshop kalian, buatlah lembar kerja baru dengan menekan CTRL N berikan ukuran
id card ID-1. pastikan Resolution 300 pixel/inch agar pada saat pengerjaan gambar tidak
pecah - pecah.Buatlah background dengan warna yang kalian suka kebetulan saya disini
menggunakan warna taska.

Page | 94 Modul Desain Grafis Dasar Adobe Photoshop
Diginusa-Gramedia

Langkah 2

Masukkan Logo perusahaan dan Foto sobat drag and drop saja foto dan logo kalian

Untuk menambah kesan pada foto, bisa gunakan Blending options. pergi ke layer foto - klik
kanan - kemudian pilih Blending options. disini saya memakai Stroke yang berfungsi untuk
memberikan garis luar pada gambar. Bisa juga tambahkan Drop shadows yang berfungsi
memberikan efek bayangan pada objek. kalau sudah tekan saja Ok.

Modul Desain Grafis Dasar Adobe Photoshop Page | 95

Diginusa-Gramedia

Nah hasil dari pengaturan blending options diatas akan terlihat seperti dibawah.

Langkah 3

Untuk menjadikan ID Card lebih kelihatan bagus kalian tambahkan rectangle tool

Page | 96 Modul Desain Grafis Dasar Adobe Photoshop
Diginusa-Gramedia

Langkah 4

Membuat tulisan pada Id card
Gunakan Text tool ( T ), lalu pilihlah Jenis font yang diinginkan.

Berikut Hasil Membuat ID Card dengan Photoshop.

Modul Desain Grafis Dasar Adobe Photoshop Page | 97
Diginusa-Gramedia

LATIHAN / PENUGASAN:

Cobalah berlatih untuk membuat desain Kartu Nama seperti gambar dibawah ini:

Page | 98 Modul Desain Grafis Dasar Adobe Photoshop
Diginusa-Gramedia

Pertanyaan ?

1. Jelaskan fungsi peintah Ctrl + N pada aplikasi Adobe Photoshop ?

2. Bagaimana cara mengatur resolusi pada Adobe Photoshop untuk mendapatkan
hasil gambar yang tidak pecah ?

3. Jelaska cara membuat teks pada aplikasi Adobe Photoshop ?

Modul Desain Grafis Dasar Adobe Photoshop Page | 99

Diginusa-Gramedia

BAB
XIV MEMBUAT BANNER

Indikator Pencapaian :

Setelah mempelajari bab ini, peserta diharapkan mampu :
 Membuat Banner menggunakan berbagai macam tool
 Memahami jenis ukuran Banner
 Membuat Banner dengan berbagai macam desain

LANGKAH PEMBUATAN

Biasanya banner ukuran sesuaikan dengan template sobat. Adapun adsense
merekomendasikan ukuran banner yang dipakai adalah 728 x 90, 336x280, 320 X 100,
300 x 600 dan 300x 250.
Kami akan membuat banner tentang Workshop Android Developer dengan Ukuran
banner yang akan kita pakai yaitu 3 x 1 meter tapi dengan skala 1:100 maka kita
memakai ukuran yang dimasukkan ke dalam centimeter maka menjadi 30 x 10 cm
dengan Resolution 300 pixels/inch. Caranya adalah sebagai berikut’

Langkah 1

buka aplikasi Photoshop

Langkah 2

klik File kemudian pilih New

Page | 100 Modul Desain Grafis Dasar Adobe Photoshop
Jenjang SMP

Langkah3

Isi ukurannya (disini kita memakai skala 1:100)

Langkah4

Ukuran banner yang akan kita pakai yaitu 3 x 1 meter tapi dengan skala 1:100 maka kita
memakai ukuran yang dimasukkan ke dalam centimeter maka menjadi 30 x 10 cm dengan
Resolution 300 pixels/inch.

Modul Desain Grafis Dasar Adobe Photoshop Page | 101

Diginusa-Gramedia

Langkah5

Maka akan tampil canvas kosong ukuran 30 x 10 cm dengan resolusi 300 pixels/inch.

Langkah 6

Membuat Tulisan di Banner.
Klik icon T pada Tool untuk membuat tulisan, kemudian klik pada canvas dan mulai membuat
tulisan. Ketikkan:

Page | 102 Modul Desain Grafis Dasar Adobe Photoshop
Diginusa-Gramedia

Langkah 7

Membuat Background Gradient (2 Warna)
 Pada tab layer akan tampak layer background

Klik pada background pada tab layer kemudian tekan tombol Crtl+j pada keyboard,
maka layer background akan tercopy dan namanya menjadi Background copy
 Klik kanan pada Background copy kemudian pilih Blending Options dan pilih
Gradient Overlay

Modul Desain Grafis Dasar Adobe Photoshop Page | 103

Diginusa-Gramedia

Langkah 8

Menambah Gambar
 Buka Gambar yg telah disediakan ke dalam Photoshop

File>Place>Pilih Gambar
 Kemudian atur gambar tersebut sesuai keinginan

Hasil Akhir

Page | 104 Modul Desain Grafis Dasar Adobe Photoshop
Diginusa-Gramedia

LATIHAN / PENUGASAN:

Cobalah berlatih untuk membuat desain banner dengan tema dan ukuran yang berbeda
seperti gambar dibawah ini:

Modul Desain Grafis Dasar Adobe Photoshop Page | 105
Diginusa-Gramedia

ul Desain Grafis Dasar Adobe Photoshop
usa-Gramedia

BAB

XV Desain Souvenir Ganci

Indikator Pencapaian :

Setelah mempelajari bab ini, peserta diharapkan mampu :
 Membuat Banner menggunakan berbagai macam tool
 Memahami jenis ukuran Banner
 Membuat Banner dengan berbagai macam desain

Pemahaman Materi

Pin merupakan cindera mata yang sederhana namun dalam proses pembuatannya membutuhkan
keterampilan khusus seperti desain grafis yang akan disajikan pada pin tersebut, kemudian proses
pembuatannya dan tentu saja produk yang dihasilkan. Pada umumnya jenis pin di bagi menjadi beberapa
seperti model bross, model gantungan kunci ada juga model lainnya seperti bukaan botol minum dan
lainnya.

Ukuran pin menyesuaikan dengan mesin cetak yang digunakan pada umumnya ada tiga jenis mesin cetak
pin yaitu ukuran 44 mm, 58 mm dan ukuran 70 mm. Pada latihan kali ini kita akan menggunakan ukuran
pin 58 mm sesuai dengan ukuran mesin cetak yang kita punyai.
Ukuran 58 mm merupakan ukuran keseluruahn dari keliling logam pada pin, namun kita perlu
memberikan jarak ukuran dari lebih besar sedikit agar kertasnya dapat masuk ke logam ketika dilakukan
pencetakan.
Desain yang terdapat pada isi pin disesuaikan dengan selera masing-masing yang akan membuat pin,
biasanya disesuaikan dengan even atau tema yang sedang dilaksanan sekolah atau kegiatan probadi,
misalnya ulang tahun, kegitan lomba, atau kegiatan lainnya.

Page | 106

LATIHAN

Langkah Pembuatan Desain Pin :
1. Jalankan aplikasi Adobe Photoshop
2. Buat dokumen baru dengan pilihan :

3. Buatlah model lingkaran dengan ukuran diameter 70 mm dengan menggunakan shapes tool :

4. Pada menu atas atur ukurannya seperti di bawah ini, berikan warna biru :

5. Dengan cara yang sama buatkan lingkaran di dalamnya dengan ukuran diameter 58 mm dan berikan warna putih,
seperti di bawah ini :

6. Selanjutnya klik Flie  Open  pilih gambar yang akan dimasukkan ke dalam Pin
7. Lakukan seleksi gambar tersebut dengan menggunakan elips marquee tool, kemudian klik Copy 

buka file Pin dan Paste.
Page | 107

8. Tambahkan teks agar lebig menarik :

9. Simpan File tersebut dalam format JPG atau PNG, jika akan di cetak maka file dapat disusun kembli
dalam lembar Ms word atau Photoshop agar memuat lebih banyak gambar.

10. Buka kembali adoeb Photoshop, dokumen pilih US paper  Letter, kemudian masukkan file pin hasil
pembuatan sebelumnya dan susunlah dengan rapi sehingga dalam satu kertas dapat memuat sekitar
6-8 pin. Seperti contoh di bawah ini :

Page | 108

BAB
XVI Desain Kemasan

Indikator Pencapaian :

Setelah mempelajari bab ini, peserta diharapkan mampu :
 Membuat Desain kemasan menggunakan berbagai macam tool
 Memahami jenis desain kemasan yang ada di pasaran
 Membuat desain kemasan model box

Pemahaman Materi

Kemasan merupakan unsur penting dalam penjualan sebuah produk, terutama produk-
produk untuk kebutuhan sehari-hari. Sebelum pembeli atau konsumen melihat produk yang
sebenarnya mereka akan melihat, mengamati dan memperhatikan kemasan terlebih dahulu.
Jika kemasan menarik maka secara otomatis pembeli atau konsumen yang cenderung untuk
membeli produknya.

Model dan ragam kemasan sangat variasi sesuai dengan selera dan keinginan dari produsen
untuk membuat kemasannya. Dengan menggunakan aplikasi photoshop kita dapat
merancang sebuah desain kemasan sesuai dengan selera dan keinginan kita.
Selain model dan bentuk kemasan, segi desain tentu saja juga menjadi perhatian karena
menjadi bagian penting dalam tampilan sebuah produk.
Bahan kemasan juga merupakan unsur penting dalam sebuah kemasan produk, bahan harus
kuat, mudah dalam proses produksi dan tentu saja harus mudah didapatkan.

Page | 109

LATIHAN

Langkah Pembuatan Desain Kemasan :
1. Jalankan aplikasi Adobe Photoshop
2. Buat dokumen baru dengan pilihan :

3. Buatlah garis bantu untuk mempermudah pembuatan melalui View  New Guide : untuk
horizontal ukurannya adalah : 1, 7, 23,29, sedangkan untuk vertikal adalah : 1, 7, 23, 29,
45, 51

4. Tampilannya seperti di bawah ini :

5. Lakukan seleksi pada bagian horizontal, seperti di bawah ini :

Klik kanan pilih stroke dan pilih warna hitam.
6. Klik New layer, kemudian seleksi juga pada bagian vertikal kedua-duanya dan klik kanan

stroke dan berikan warna hitam, hasilnya seperti di bawah ini.
Page | 110

7. Pilih pen tool, kemudian buatlah bentuk seperti di bawah ini :

8. Klik kanan pada bentuk tersebut, kemudian pilih Make selection … sehingga terseleksi.
Kemudian pilih rectangle marquee tool dan klik kanan pada obyek, kemudian pilih
stroke kemduan isikan nilainya 1 dan pilih warna hitam.

Modul Desain Grafis Dasar Adobe Photoshop PaPgaeg|e1|11110
Diginusa-Gramedia

9. Bentuk R diatas yang sudah terbentuk selanjutnya lakukan duplikat dan atur posisinya
dengan menggunakan Edit  Transform untuk memutar posisinya. Hasilnya seperti di
bawah ini :

10. Sisi yang akan kita berikan desain adalah sisi-sisi bagian atas, samping kanan kiri dan
depan belakang.

11. Buat layer baru, kemudian seleksi area yaang akan di warnai gunakan gradient tool
untuk menghasilkan warna yang baik.

Page | 112

13.Langkah selanjutnya adalah membuat desain untuk bagian tengah berupa produk
yang akan kita masukkan dalam kemasan.
14. Buat layer baru, kemudian lakukan seleksi dalam bentuk kotak dengan menggunakan

rectangle tool. Berikan warna hitam pada hasil seleksi tersebut.
15. Dengan menggunakan pen tool buatlah bentuk seperti di bawah ini.

16. Klik kanan pad aobyek tersebut kemudian pilih Make selection ... selanjutnya klik
tombol backspace pada keyboard, hasilnya seperti di bawah ini.

Page | 113

17. Duplikat layer tersebut kemudian berikan warna berbeda pada layer baru
tersebut, sebelumnya lakukan seleksi dengan cara tekan tombol ctrl dan
klik mouse pada layer sehingga obyek terseleksi setelah itu baru
diberikan warna.

18. Posisikan layer baru ini dibawah layer wara hitam, kemudian geser posisi
obyek layer baru agak ke atas sedikit sehingga tampat seperti shadow.

Modul Desain Grafis Dasar Adobe Photoshop

Jenjang SMP

19. Tambahkan gambar produk yang akan di masukkan kemasan.
20.

Page | 114

Langkah selanjutnya adalah membuat teks sesuai dengan produk yang di
kemas. Hasil akhirnya seperti di bawah ini :

TUGAS

Buatlah sebuah kemasan produk makanan ringan dengan
menggunakan kertas berbentuk box. Dengan ketentuan kemasan
tersebut sebagai berikut :

- Ukuran kemasan bebas
- Desain kemasan bebas tetapi mencerminkan isi produk
- Desain kemasan menggunakan aplikasi adobe photoshop
- Dicetak dengan printer warna
- Dibuat kemasan yang menarik
- Hasilnya disajikan kepada guru pembimbing

Page | 115

BAB
XVII Desain Mug

Indikator Pencapaian :

Setelah mempelajari bab ini, peserta diharapkan mampu :
 Membuat Desain mugmenggunakan berbagai macam tool
Memahami jenis desain mug yang ada di pasaran
 Membuat desain mug standar dengan adobe photoshop

Pemahaman Materi

Untuk meningkatkan nilai jual sebuah mug perlu adanya inovasi dalam
segi desain yang ditampilkan pada mug. Mug sebagai media kreatif sangat
cocok digunakan untuk membuat berbagai desain yang menarik. Desain
yang kita buat tentu saja harus menyesuaikan dengan isi produk yang akan
kita kemas.

Sebelum kita membuat desain untuk kita sablon di mug maka kita perlu
mengetahui ukuran sebenarnya yang akan cetak pada mug. Mug standar
yang kita gunakan dengan ukuran 9 X 20 cm, tinggi kita dapat
menggunakan 8,5 cm agar tidak terlalu mepet dengan batas atas dan
lebarnya kita dapat menggunakan 20 cm atau menyesuaikan dengan area
yang akan sablon.
Setelah selesai di desain kita dapat merubah posisi menjadi mirroring atau
jika posisinya tetap normal kita dapat merubahnya pada saat pencetakan
posisi printer kita ubah menjadi mirror.

Page | 116

LATIHAN

Langkah Pembuatan Desain Mug :
1. Jalankan aplikasi Adobe Photoshop
2. Buat dokumen baru dengan pilihan :

3. Lakukan seleksi pada lembar kerja tersebut dengan menggunakan
rectangle tool kemudian buatlah background yang menarik.

4. Carikan gambar yang menarik melalui internet sesuai dengan tema
misalnya tentang berhenti merokok, kemudian lakukan seleksi dengan
polygon lasso tool :

5. Klik menu Edit  Copy kemudian lakukan Paste pada area lembar kerja yang sudah kita buat sebelumnya.
Double klik pada layer gambar tersebut kemudian pilih menu Stroke untuk memberikan garis
Tepi, pilih warna putih dengan ketebalan 2 px.

Modul Desain Grafis Dasar Adobe Photoshop
Diginusa-Gramedia

Page | 117

6. Langkah selanjutnya adalah menambahkan teks di dalamnya agar
lebih menarik.

7. Tambahkan teks lagi agar lebih tajam pesan yang disampaikan,
contohnya seperti di bawah ini .

Page | 118

8. Selanjutnya simpan file Photoshop tersebut dalam format .PSD agar
dapat di edit kembali.

9. Agar seluruh gambar dapat menyatu simpanlah dalam format .Jpg
atau .PNG sehingga menjadi format dalam bentuk gambar atau image.

10. Buka kembali file hasil format .Jpg atau .PNG pada photoshop,
kemudian lakukan mirror dengan cara klik menu Image  Image
Rotation  Flip Canvas Horizontal

TUGAS

Buatlah sebuah desain mug. Dengan ketentuan kemasan tersebut
sebagai berikut :

- Ukuran kemasan 8,5 x 20 cm
- Desain mug dengan tema kesehatan
- Disimpan dalam format .PSD dan image
- Lakukan mirroring setelah selesai pembuatan
- Dicetak dengan kertas HVS 80 gr miror

Page | 119