Tutorial ini memberikan panduan dasar mengenai penggunaan Adobe Photoshop untuk membuat kreasi grafis, dengan memberikan contoh latihan seperti mengganti background foto, menambah efek bayangan dan lipstik pada foto, serta membuat foto tampak tiga dimensi atau menjadi kartun. Tutorial ini juga dilengkapi evaluasi untuk mengetahui tingkat pemahaman siswa.

1. Membuat Kreasi Grafis
Menggunakan
Adobe Photoshop

2. TUJUAN PEMBELAJARAN
Dengan Tutorial ini diharapkan
dapat membantu siapa saja yang
ingin belajar Adobe Photoshop
khususnya siswa kelas XII SMA
untuk mencapai kompetensi dasar
sesuai dengan kurikulum KTSP

3. Turorial Design Grafis Kali Ini Dilengkapi
Latihan Yang Mudah Di Praktikan Serta
Dilengkapi Dengan Latihan Evaluasi
Sehingga Mudah Digunakan Untuk
Mengetahui Kemampuan Belajar Siswa.

4. MATERI UNTUK KELAS XII SMA
SEMESTER 1
STANDAR KOMPETENSI
Menggunakan perangkat lunak pembuat grafis
KOMPETENSI DASAR
Membuat grafis dengan berbagai variasi warna,
bentuk, dan ukuran
INDIKATOR
Membuat beberapa kreasi grafis

5. Mengganti background foto
Menambah efek bayangan foto
Me make up foto agar lebih cantik
Membuat foto tampak 3 dimensi
Membuat Foto Menjadi Kartun
Cara menjalankan Photoshop

6. CARA MENJALANKAN PHOTOSHOP
1. KLIK START
2. PILIH PROGRAM
3. KEMUDIAN KLIK ADOBE
PHOTOSHOP
4. SELANJUTNYA AKAN
MUNCUL LEMBAR KERJA
PHOTOSHOP.

7. LEMBAR KERJA ADOBE PHOTOSHOP
1. MENU BAR
2. TOOLBOX
3. PANEL HISTORY
4. PANEL LAYER
5. PANEL COLOR

8. Mengganti background foto
SESUDAHSEBELUM

9. 1. Bukalah 2 buah foto pada Photoshop dengan Menu File Open :
2. Foto Pertama adalah foto Asli dan Foto kedua adalah foto /
gambar background.
FOTO PERTAMA FOTO KEDUA

10. 3. Foto pertama di blok menggunakan menu magnetik lasso
tool pada toolbox sebelah kiri sbb:
4. Klik pada foto asli hanya bagian yang akan dipindah
ke background lain. Yaitu dimulai titik awal klik
mouse kemudian mengelilingi gambar sampai
dengan titik awal tadi lalu klik mouse sekali lagi.
Sehingga membentuk selektor titik titik seperti
berikut:
Klik awal Klik akhir
5. Klik Menu bar Edit – Copy atau
( Ctrl + C ).
6. Buka Foto yang kedua yang
akan dijadikan Bacground
kemudian Klik Paste. Dan
jadilan Foto Anda dengan
Background yang baru. Lalu
simpan dengan nama baru
7. Cobalah ! Mudahkan
MATERI

11. Menambah efek bayangan foto
SESUDAHSEBELUM

12. MENAMBAH EFEK BAYANGAN CAHAYA
1. Bukalah sebuah foto anda yang belum ada
bayangannya.
2. Klik File – pilih open misal foto dibawah ini akan
ditambahi bayangan:
3. Selanjutnya pada
menu layer klik kanan
pada layer1
Lalu akan muncul menu
sbb:

13. 3. Klik pada menu duplicate
layer.
4. Lalu akan muncul layer
copy1
Klik oke akan mucul :
5. Tekan CTRL danTombol Mouse
kiri bersamaan untuk menyeleksi
foto.
Klik kanan

14. 6. Selanjutnya tekan tombol ALT
bersama Delete lalu akan
muncul bayangan hitam seperti
berikut :
7. Langkah berikutnya Klik kiri
pada Layer copy1 kemudian
tekan mouse pada opacity ,
geser transparansi hingga 50%
50%

15. 8. Pindahkan layer copy1 ke bawahnya layer1 dengan cara
mengedrag mouse ke bawah sbb:
Layer copy1
sudah di bawah
layer 1
9. Masih pada posisi layer copy 1
pilih menu EDIT-TRANSFORM
– PILIH DISTORT

16. 9. Setelah dilayar muncul titik titik di sekitar foto, maka kita
geser titik tersebut ke bawah sesuai dengan tempat
yang dikehendaki.
10. Selanjutnya Klik Apply dan jadilah bayangan foto.
MATERI

17. Me make up foto agar lebih cantik
SESUDAHSEBELUM

18. Menambah Efek Rona pada PIPI
Contoh: buka foto dengan file-open
1. Buatlah lingkaran Merah
pada pipi menggunakan
menu ellipse tools

19. 2. Selanjutnya Pilih Menu Filter
– Blur – Pilih Gaussian Blur
3. Selanjutnya muncul kotak
radius pixel
4. Tarilklah radius hingga 10 pixel
5. Jadilah pipi merah

20. Menambah efek lipstik pada foto
1. Buka foto dengan File open
2. Buatlah Layer baru dengan
menu new layer
NEW
LAYER

21. 3. Pada layer1 gunakan menu
magnetik lasso tool untuk
menyeleksi area bibir
4. Setelah area terseleksi
gantilah warna background
dengan warna merah.
merah
5. Gunakan tombol ALT dan
DEL untuk menghapus
area terseleksi. Dan
muncul warna merah
dibibir

22. 6. Setelah muncul warna merah
terseleksi , gunakan menu Filter-
Blur-Gaussian Blur lalu tarik radius
hingga 10 pixel.
7. Kemudian tekan OK dan hilangkan
tampilan seleksi,maka jadilah efek
lipstik pada foto anda.
Materi

23. Membuat foto tampak 3 dimensi
SESUDAHSEBELUM

24. 1. Buka Foto yang akan di edit
2. Duplikat background
dengan menekan ctrl+j
3. Ubah warna background
menjadi putih dengan
menekan tommbol
ctrl+backspace

25. 4. Kecilkan ukuran foto dengan mengklik edit >
transform > scale, ukuran bebas lalu
tekan enter
5. Duplikat layer dengan ctrl+j

26. 6. Ubah warna layer 1 copy menjadi hitam dengan
menekan ctrl+klik kiri pada layer 1,, lalu tekan
alt+backspace
7. Klik layer 1 copy 2 lalu
klik image > rotate
canvas > 90’ CW

27. 8. Klik filter > distort > shear ,, lalu atur seperti
gambar di bawah ,, ok
9. Pilih layer 1 copy,, lalu pilih filter
> blur > Gaussian blur,, lalu
ubah radius menjadi 3.0 pixel,,
ok

28. 10. klik menu image > rotate canvas > 90’ CCW,,
11. Dan hasilnya seperti ini
Materi

29. Membuat foto menjadi Kartun
SESUDAHSEBELUM

30. Langkah Pertama
Buka foto dengan Photoshop Disini saya menggunakan poto
Ronaldo. Atur tingkat terang gambar dengan pilih Image >
Ajustments > Brightness/Contrast … (usahakan gambar jangan
terlalu gelap untuk memudahkan melihat perbedaan warna..
Langkah Kedua
Gandakan layer, caranya tekan
ctr + J, untuk membuat backup
gambar jika sewaktu-waktu kita
memerlukan gambar asli.

31. Langkah Ketiga
Karena kita akan menggambar secara manual, maka kita harus
mengurangi jumlah warna pada foto caranya pilih menu Image >
Ajustments > Posterize … pilih angka 3 atau 4. Lalu gandakan
lagi gambar yang sudah di posterize tadi (ctr + J), pilih Menu Filter >
Blur > Gaussian Blur, tujuannya untuk mempertegas perbatasan
antar warna untuk memudahkan menelusurinya.
Langkah Keempat
Sekarang kita mulai untuk menelusuri gambar, pilih Pen Tool tampak
baris pilihan berubah saat kita memilih Pen tool. Baris Pilihan
mengandung setting-setting yang bisa digunakan untuk memodifikasi
perilaku tool yang sedang aktif. Pada Baris Pilihan pilih Shape Layer,
yang mengijinkan kita membuat path pada sebuah layer baru. Atur
warna. Buatlah shape mengikuti area warna pada gambar, ulangi
untuk membuat shape pada area warna yang lain Hasilnya:

32. Untuk memudahkan menggambar, kita bisa
atur tingkat opacity gambar pada palet layer
bahkan bisa diatur pada angka 0 .
Untuk mengubah warna pada setiap
layer shape, lakukan dengan cara
melakukan klik 2 kali pada thumbnail
layer-nya. Kemudian pilih salah satu
warna .

33. Jika ada layer menutupi gambar yang sedang kita buat, kita
bisa menyembunyikan layer yang menutupi gambar kita
dengan menonaktifkan gambar mata yang terletak
disebelahnya. Ulangilah lagi membuat bentuk shape pada
semua bagian tubuh, hingga keseluruhan foto tertutup oleh
bentuk-bentuk shape. Untuk membuat background, kita bisa
membuat layer baru dan diletakkan pada posisi bagian bawah,
atur warnanya sehingga terlihat menarik Hasilnya:

34. Langkah Kelima
Jika semua gambar akan dijadikan satu, bisa dilakukan dengan
memilih menu Layer > Flatten Image.
Selamat mencoba, semoga bermanfaat… Before and After
(sebelum dan sesudah)
Referensi :http://albieas.wordpress.com
MATERI

35. EVALUASI
Pilihlah salah satu jawaban yang Anda
anggap benar
MULAI

36. 1. Program yang termasuk perangkat
lunak pembuat grafis adalah:
BENAR
a. Visual basic
b. Microsoft Excel
c. Adobe Photoshop
d. Adobe Acrobat
SALAHSALAHSALAH
Lanjut

37. 2. Untuk menjalankan Photoshop dengan cara: :
BENARSALAHSALAHSALAH
Lanjut
b. Format – program –photoshop
c. Star – program – Photoshop
d. File – open - photoshop
a. File – program – photoshop

38. 3. Salah satu kegunaan dari program Photoshop adalah :
BENAR
a. Membuat Skripsi
b. Membuat laporan keuangan
c. Membuat website
d. Merekayasa Gambar
SALAHSALAHSALAH
Lanjut

39. 4. Yang tidak termasuk dalam menu Bar Photoshop adalah :
BENAR
a. File
b. Format
c. Edit
d. Image
SALAHSALAHSALAH
Lanjut

40. 5. Menu yang digunakan untuk menyeleksi objek sesuai bentuk
objek adalah :
BENAR
a. Magnetic lasso tool
b. Fill
c. Polygon tool
d. Ellips tool
SALAHSALAHSALAH
Lanjut

41. 6. Menu yang digunakan untuk menghapus objek termasuk dalam
kelompok :
BENAR
a. Menu bar
b. Toolbox
c. Layer
d. Image
SALAHSALAHSALAH
Lanjut

42. 7. Menu yang digunakan untuk melihat perintah
perintah yang sudah dikerjakan :
BENAR
a. Format
b. Edit
c. View
d. History
SALAHSALAHSALAH
Lanjut

43. 8. Untuk menggeser bayangan sesuai dengan yang
dikehendaki adalah :
BENAR
a. Free tansform
b. Transform skew
c. Transform Distort
d. Transfor perspektif
SALAHSALAHSALAH
Lanjut

44. 9. Untuk mengkopi layer menggunakan menu :
BENAR
a. Insert new layer
b. Format - layer
c. Duplicate layer
d. Delete layer
SALAHSALAHSALAH
Lanjut

45. 10. Menu untukmembuat objek menjadi kabur adalah: :
BENAR
a. Fill
b. Blur
c. Gradient
d. Tool
SALAHSALAHSALAH
Lanjut

46. 11. Untuk Membuat kabur hanya objek tertentu :
BENAR
a. Layer blur
b. Gaussian blur
c. Image blur
d. Format blur
SALAHSALAHSALAH
Lanjut

47. 12. Untuk mewarnai sebuah objek kotak menggunakan :
BENAR
a. fill
b. Format
c. layer
d. mask
SALAHSALAHSALAH
Lanjut

48. 13. Untuk menyimpan gambar standar Photoshop dengan
exstensi :
BENAR
a. JPG
b. PSD
c. CDR
d. PPT
SALAHSALAHSALAH
Lanjut

49. 14. Untuk membuat objek menjadi
transparan dengan menu:
BENAR
a. Format
b. Opacity
c. Stroke
d. Color
SALAHSALAHSALAH
Lanjut

50. 15. Untuk mengatur pencahayaan sebuah gambar
menggunakan menu
BENAR
a. Size
b. Adjusment
c. Crop
d. Trim
SALAHSALAHSALAH
Lanjut

51. 16. Untuk membuat objek lingkaran menggunakan menu
BENAR
a. rectangle
b. box
c. Ellips tool
d. Fill tool
SALAHSALAHSALAH
Lanjut

52. 17. Untuk membuat sebuah layer baru menggunakan menu
BENAR
a. Copy layer
b. New layer
c. Duplicate layer
d. Delete layer
SALAHSALAHSALAH
Lanjut

53. 18. Untuk memutar objek gambar menggunakan menu
BENAR
a. Filter - image
b. Image-rotate
c. Image-Crop
d. Image adjusment
SALAHSALAHSALAH
Lanjut

54. 19. Menu untuk menyeleksi berdasarkan kesamaan warna
adalah:
BENAR
a. Pen tool
b. Laso tool
c. Magic wand
d. cropping SALAHSALAHSALAH
Lanjut

55. 20. Untuk Menajamkan gambar
menggunakan menu
BENAR
a. Blur tool
b. Sharpen tool
c. Sponge tool
d. Dodge tool
SALAHSALAHSALAH
MATERI

56. PETUNJUK PENGGUNAAN
1. MENU DIGUNAKAN UNTUK
MENUJU KE AWAL HALAMAN
2. MENU DIGUNAKAN UNTUK
MEMILIH MATERI YANG AKAN DIPELAJARI
3. MENU DIGUNAKAN UNTUK
MENGERJAKAN SOAL LATIHAN EVALUASI.
4. MENU DIGUNAKAN UNTUK
MELIHAT PETUNJUK PENGGUNAAN
PROGRAM
5. MENU DIGUNAKAN UNTUK KELUAR
DARI PROGRAM.
HOME
MATERI
EVALUASI
HELP
EXIT

57. TERIMA KASIH
Anda sudah menggunakan Tutorial ini
dalam proses pembelajaran
Info lebih lanjut hubungi
ROZIQIN
www.pintartik.co.cc
Email: pintartik@gmail.com