MODUL PRAKTIKUM

KOMPUTER

“ADOBE PHOTOSHOP”

Oleh : Agung Susanto Widiatmoko

MI AL IRSYAD AL ISLAMIYYAH MADIUN

ADOBE PHOTOSHOP

• Tampilan Adobe Photoshop

KETERANGAN
1. Menu Bar Bagian yang berisi menu daftar perintah, yaitu File, Edit, Image,
Layer, Select, Filter, View, Window, dan Help.
2. Option Bar Bagian ini menampilkan ikon pengaturan tambahan/ khusus dari tool
pada toolbox yang dipilih atau aktif, jadi isi Option Bar dapat berubah-
ubah.
3. Document Pada bagian ini akan ditampilkan seluruh dokumen yang sedang
Window Bar dibuka dalam bentuk tab.
4. Application Bar Terletak di samping Menu Bar. Bagian ini cukup mempermudah
untuk mengakses beberapa fitur yang umum digunakan, alat dan
pilihan. Misalnya, ikon pertama di sebelah kiri dengan cepat akan
membuka Adobe Bridge.
5. Workspace Berisi pilihan untuk mengatur pengaturan panel yang berbeda, menu
dan bahkan shortcut keyboard untuk tugas yang berbeda.
6. Panel (disebut Panel memberi kita akses ke semua jenis perintah dan pilihan untuk
juga sebagai bekerja pada gambar, seperti pengorganisasian layer dan melihat
Palette) channel warna individual untuk pemilihan warna, melangkah
mundur melalui history, melihat informasi tentang gambar kita, dsb.

MI Al Irsyad Al Islamiyyah Madiun 1

ADOBE PHOTOSHOP

7. Toolbox/Tool Merupakan palet yang berisi tombol-tombol perintah untuk

Panel membuat dan memanipulasi gambar atau teks. Toolbox dikenal
sebagai Tool Palette, namun istilah palette pada Photoshop CS4
diganti dengan sebutan Panel, sehingga toolbox pada Photoshop CS4
disebut Tools Panel.
8. Information Bar Menampilkan informasi dokumen yang aktif.
9. Document Merupakan tempat ditampilkannya gambar/teks dan tempat dimana
Window kita melakukan semua pengolahan gambar atau teks.
10. Scrollbar Terdiri dari Vertical Scrollbar dan Horizontal Scrollbar yang digunakan
untuk menggeser tampilan Document Window secara horizontal
atau vertical.
• Toolbox merupakan panel yang berisi tombol-tombol perintah yang berguna
untuk menggambar, memberi warna, menyunting, menyeleksi, memodifikasi
gambar, menulis teks, dan berbagai fungsi lainnya.

• Berikut ini adalah penjelasan nama dan fungsi dari tombol – tombol perintah
yang terdapat dalam toolbox.

Kelompok Penyeleksi

MI Al Irsyad Al Islamiyyah Madiun 2

ADOBE PHOTOSHOP

Kelompok Pemotong

Kelompok Penyunting

MI Al Irsyad Al Islamiyyah Madiun 3

ADOBE PHOTOSHOP

Kelompok Teks atau Vector

MI Al Irsyad Al Islamiyyah Madiun 4

ADOBE PHOTOSHOP

Kelompok anotasi, warna, pengukur, dan navigasi

Kelompok fungsi lainnya

• Layer
Layer merupakan lapisan kertas kerja yang transparan yang berisi gambar. Lebih
jelasnya layer merupakan kumpulan beberapa gambar yang dapat diatur/
dipindah dalam suatu lembar kerja.

MI Al Irsyad Al Islamiyyah Madiun 5

ADOBE PHOTOSHOP

Layer Group
Untuk menggabungkan
banyak layer menjadi satu
layer group grup

Layer Efek
Untuk menampilkan efek –
efek pada Layer

Lock Layer

layer efek Digunakan untuk menggunci

layer.

Pada Layer Panel kita juga

bisa menggatur agar saat di
edit, tampilan yang kita edit
lock layer
bisa dilihat atau tidak dengan
cara klik pada gambar mata

Untuk pemberian Efek pada layer, bisa dilakukan dengan cara :

Klik kanan pada layer yang akan diberi efek.
Klik blending Option. Kemudian akan muncul layer style box yang di dalamnya
terdapat beberapa pilihan.

• Lain-lain

gambar tombol segitiga terbalik untuk membuka veriasi dari tool yang
dipilih.

MI Al Irsyad Al Islamiyyah Madiun 6

ADOBE PHOTOSHOP

Latihan 1
1. Buatlah dokumen baru, Klik menu File > New.
2. Aturlah ukuran dokumen seperti tampak pada gambar dibawah, setelah
selesai klik tombol OK.

3. Ubahlah warna pada set color, pilih sesuai yang dinginkan

4. Buatlah dokumen baru lagi, pada background contents ganti dengan

background color > klik ok
5. Jadinya akan seperti dibawah ini
6. Untuk lebih mempermudah, tampakkan kedua dokumen tersebut secara
bersamaan yaitu dengan cara, pada tab dokumen klik sambil ditahan, lalu
tarik ke bawah (lihat pada gambar)

Klik tab dokumen,

tahan dan tarik
kebawah

MI Al Irsyad Al Islamiyyah Madiun 7

ADOBE PHOTOSHOP

7. Sekarang kita belajar menggunakan tool seleksi dan memindahkan gambar.

8. Pilih salah satu tool seleksi (Retangular Marquee), cobalah seleksi pada
background warna. Klik, tahan dan arahkan kursor sesuai dengan kebutuhan
seleksi.
Hasil seleksi adalah bagian yang dikelilingi oleh garis putus-putus. Untuk
mengubah atau membatalkan seleksi klik select dan pilih deselect.
9. Aktifkan move tool, arahkan kursor ke arah gambar
yang telah terseleksi, kemudian tarik dan lepaskan
kearah dokumen warna putih

10. Buatlah seperti contoh gambar latihan 1, gunakan juga fungsi free transform
untuk mengaturnya.
11. Untuk mengatur hasil gambar yang dipindahkan, klik edit pilih free transform
(ctrl+T).
Fungsi free transform aktif apabila pada gambar terdapat garis yang
mengelilinginya.
Pada fungsi free transform tersebut terdapat beberapa pilihan diantaranya
scale, distort, skew dll.
12. Agar lebih menarik tambahkan dokumen dengan warna background berbeda-
beda
13. Tambahkan juga type tool (membuat tulisan) horisontal.

MI Al Irsyad Al Islamiyyah Madiun 8

ADOBE PHOTOSHOP

• Gambar latihan 1

14. Selesai , simpan gambar, pilih menu file > save as > pilih lokasi menyimpan
15. Untuk format gambar standart adalah JPEG
16. Untuk format Photoshop (PSD) gambar hanya akan bisa dibuka di aplikasi
Photoshop. Kelebihannya kita masih bisa mengedit gambar tersebut, sesuai
dengan pada saat gambar itu terakhir disimpan, jadi kita tidak perlu
mengulanginya (mengedit gambar) dari awal.

MI Al Irsyad Al Islamiyyah Madiun 9

ADOBE PHOTOSHOP

Latihan 2
1. Buatlah dokumen baru dengan ukuran 750 x 450 pixels
2. Buatlah gambar dibawah dengan menggabungkan beberapa shape.
3. klik tool shape pada toolbox dan pilih shape yang dibutuhkan pada option bar
(atas).

Klik untuk menambahkan

jenis-jenis shape yang lain

4. Berikan efek gradiasi pada beberapa shape.

Klik layer style pada panel layer (kanan bawah dilambangkan dengan Fx )
Pilih gradient overlay, atur gradiasinya sesuai dengan keinginan.

MI Al Irsyad Al Islamiyyah Madiun 10

ADOBE PHOTOSHOP

Latihan 3

1. Buatlah dokumen baru dengan ukuran 750 x 450 pixels, background white
2. Bukalah fotonya, pilih new > open (bisa langsung klik 2 kali pada layar area
kerja) Pilih foto yang dinginkan
3. Seleksi foto tersebut menggunakan magnetic lasso tool. Kemudian pindahkan
ke dokumen baru.
4. Atur dengan free transform.
5. Tambahkan beberapa bentuk shape, termasuk bingkainya.
6. Berikan gradiasi warnanya.

MI Al Irsyad Al Islamiyyah Madiun 11

ADOBE PHOTOSHOP

Latihan 4

1. Buatlah dokumen baru dengan ukuran 750 x 450 pixels

2. Buatlah gambar dibawah dengan “brush tool” dan “shape”
3. Untuk mempermudah, antara shape dan brush bedakan dalam beberapa
layer.
4. Yang pertama beri warna background dengan paint bucket tool, beri warna
hitam.
5. Buat layer baru.
klik layer pada toolbar>new>layer (klik create a new layer pada panel layer
kanan bawah)
6. Buatlah rumput, bintang dan awan dengan brush tool. Pilih warnanya seperti
gambar.
7. Buatlah layer baru lagi.
8. Buatlah shape rumah dan bulan
Beri gradiasi warna.

MI Al Irsyad Al Islamiyyah Madiun 12

ADOBE PHOTOSHOP

Latihan 5

1. Buatlah dokumen baru dengan ukuran 500 x 500 pixels

2. Bukalah gambar daun dan bumi
3. Pindah kedua gambar tersebut ke dokumen baru dan aturlah agar menjadi
seperti contoh gambar diatas
4. Buatlah teks “save our earth”
5. Tambahkan fungsi brush untuk membuat rumputnya, dengan cara :
Pilih brush tool pada toolbox, klik kanan pada layar kerja
Pilihlah brush rumput dan aturlah besarnya.
6. Tambahkan beberapa shape untuk menghiasnya

MI Al Irsyad Al Islamiyyah Madiun 13

ADOBE PHOTOSHOP

Latihan 6

1. Buatlah dokumen baru dengan ukuran 750 x 500 pixels

2. Pilih gradient tool pada tool box letaknya satu tempat dengan paint bucket
tool.
3. Pada option bar (atas). Aturlah seperti berikut :

MI Al Irsyad Al Islamiyyah Madiun 14

ADOBE PHOTOSHOP

4. Kemudian, klik, tahan dan geser garis dari atas ke bawah pada layar kerja.
untuk panjang dan lebar garis bebas. Lihat gambar bawah.

5. Berilah teks seperti pada contoh gambar diatas.

Berilah teks tersebut dengan efek, yaitu dengan mengklik style pada panel
warna.
Pilih style yang diinginkan

6. Buka gambar peta indonesia.

7. Pindahkan gambar peta tersebut ke dokumen yang diberi gradiasi warna
sebelumnya.
8. Beri warna pada pulaunya dengan menggunakan paint bucket tool.

MI Al Irsyad Al Islamiyyah Madiun 15

ADOBE PHOTOSHOP

Latihan 7

1. Bukalah dokumen baru dengan ukuran 500 x 750 pixels

2. Buatlah seleksi rectangular (kotak) ¼ dari ukuran dokumen. Lihat contoh
gambar.
3. Buatlah gradiasi warna di dalam seleksi tersebut.
4. Buatlah seleksi lagi dengan rectangular tool dibawah gradiasi warna.
5. Beri warna dengan paint bucket tool pada seleksi tersebut
6. Bukalah kedua fotonya, seleksi dengan magnetic lasso tool

MI Al Irsyad Al Islamiyyah Madiun 16

ADOBE PHOTOSHOP

7. Atur kehalusan seleksi dengan refine edge

8. Gabungkan kedua foto tersebut.

9. Agar lebih mudah, simpan dulu gabungan fotonya.
10. Buka kembali foto yang sudah digabungkan.
11. Pindahkan ke dokumen yang sudah diberi efek gradiasi.
12. Berikan teks seperti gambar.
13. Boleh diberi efek pada teksnya.
14. Untuk mempercantik bisa ditambah dengan beberapa shape.

MI Al Irsyad Al Islamiyyah Madiun 17

ADOBE PHOTOSHOP

Latihan 8

1. Buka foto seperti di contoh gambar

2. Buka kunci layer/ gembok, dengan cara klik 2 kali pada gambar kunci > ok
3. Buat duplikat layer, dengan mengklik kanan pada layer yang dimaksud >
duplicate layer > ok
4. Aktifkan layer 0, Seleksi gambarnya dengan rectangular tool sesuai dengan
yang dinginkan
5. Pilih select > inverse
6. Tekan delete pada keyboard
7. Hapus seleksi, tekan ctrl + d
8. Aktifkan layer 0 copy, pilih filter > blur > radial blur
Isi pengaturannya dengan, amount= 16, blur method = zoom
9. Aktifkan layer 0 copy, tarik kebawah sampai bertukar tempat dengan layer 0
Jadi posisi layer 0 berada di atas.

MI Al Irsyad Al Islamiyyah Madiun 18