Graphic Desaign dengan

Adobe Photoshop

1
A SOFTWARE DESAIN GRAFIS

A Dalam merancang sebuah brosur, kita tidak

bisa lepas dari perangkat lunak untuk mengolah
gambar (image) sebagai bagian dari brosur tsb.

Ada beberapa alat disain grafis yang dapat

digunakan untuk membantu dalam membuat
website yang cantik, diantaranya:

A 1. Adobe Photoshop (http://www.adobe.com/)

software ini sangat populer dan dapat
diandalkan untuk membuat dan mengedit
grafik maupun gambar fotografi.

2
ASOFTWARE DESAIN GRAFIS

2. Macromedia Flash (http://www.adobe.com) :

software ini dapat digunakan untuk membuat
animasi dan berbasis vektor untuk website.

3. Adobe premiere (http://www.adobe.com)

software ini digunakan untuk movie maker.

3
What is Photoshop?
AGraphic designer menciptakan
sebuah image yang berkualitas
yang dapat membuat tampilan
beberapa publikasi seperti sampul
buku maupun majalah, brosur,
banner, katalog dan publikasi lain
yang sejenis menjadi impresif

4
Ruang Kerja Photoshop
A Berikut adalah menu-menu yang terdapat pada
Adobe Photoshop CS2

1. File
berkaitan dengan file seperti menyimpan,
membuka, export, import, dan cetak.
2. Edit
berkaitan dengan editing secara umum seperti
cut, copy, paste, transform image, serta untuk
mengatur preferences Adobe Photoshop.

5
Ruang Kerja Photoshop
3. Image
Berisi editing image untuk mengatur warna,
hue/saturation, brightness/contrast, ukuran.
4. Layer
Berkaitan dengan manajemen layer pada image,
seperti menambah layer, menghapus,
menambah efek pada layer, serta masking.
5. Select
Berkaitan dengan selection image.
6. Filter
Berisikan filter-filter yang terinstall pada Photoshop
yang dapat digunakan untuk memberi efek
tertentu pada image.

6
 Ruang Kerja Photoshop
9. View
Digunakan untuk pengaturan view seperti zooming
image, menampilkan skala, dan sebagainya.
10.Window
Digunakan untuk pengaturan window
11. Help
Digunakan untuk menampilkan help Adobe
Photoshop.

7
Ruang Kerja Photoshop
AView area untuk image

8
Ruang Kerja Photoshop
APalette
Palette Photoshop berguna
untuk memudahkan dalam
navigasi maupun editing
image.

9
Ruang Kerja Photoshop
APalette

10
Ruang Kerja Photoshop
AToolbox
berisi berbagai macam tools
yang digunakan untuk
melakukan manipulasi image

11
Ruang Kerja Photoshop

A Marquee
Terdiri dari 4 jenis yaitu:
1. Rectangular Marquee (Shortcut keyboard: M,
atau Shift + M)
Digunakan untuk membuat area selection
berbentuk segi empat.pada image.
2. Elliptical Marquee
Digunakan untuk membuat area selection
berbentuk elips atau lingkaran pada image.

12
Ruang Kerja Photoshop
3. Single Row Marquee
Digunakan untuk membuat area
selection satu baris pada image
(ukuran tinggi selection adalah 1
pixel)
4. Single Column Marquee
Digunakan untuk membuat area
selection satu kolom pada image
(ukuran lebar selection adalah 1
pixel).

13
Ruang Kerja Photoshop

AMove Tool
Shortcut keyboard: V
Digunakan untuk
menggeser/memindah
selection, layers, dan guides.

14
Ruang Kerja Photoshop

AMagic Wand Tool

Shortcut keyboard: W
Digunakan untuk membuat
area selection yang memiliki
warna serupa.

15
Ruang Kerja Photoshop

ACrop Tool
Shortcut keyboard: C
Digunakan untuk memangkas
image (memotong dan
membuang area tertentu dari
image)

16
Ruang Kerja Photoshop

A Eraser Tool (Shortcut keyboard: E, atau Shift + E

untuk mengubah jenis eraser)
A Terdiri dari 3 jenis yaitu:
1. Eraser
Digunakan untuk menghapus pixel image dan
mengembalikannya ke state tertentu.
2. Background Eraser
Digunakan untuk menghapus area tertentu
image menjadi transparan.
3. Magic Eraser
Digunakan untuk menghapus area tertentu
image yang memiliki warna yang serupa
menjadi transparan dengan satu kali klik

17
Ruang Kerja Photoshop

A Gradient, Paint Bucket Tool (Shortcut

keyboard: G, atau Shift + G)
1. Gradient Tool
Digunakan untuk mengecat area yang
dipilih (selected area) dengan
perpaduan banyak warna.
2. Paint Bucket Tool
Digunakan untuk mengecat area yang
dipilih dengan warna foreground atau
pola tertentu.
18
Ruang Kerja Photoshop
A Type Tool (Shortcut keyboard: T, atau Shift + T untuk
mengubah jenis)
A Terdiri dari 4 jenis yaitu:
1. Horizontal Type Tool
Digunakan untuk membuat tulisan secara horizontal
2. Vertical Type Tool
Digunakan untuk membuat tulisan secara vertikal
3. Horizontal Type Mask Tool
Digunakan untuk membuat selection berbentuk tulisan
secara horizontal
4. Vertical Type Mask Tool
Digunakan untuk membuat selection berbentuk tulisan
secara vertikal

19
Ruang Kerja Photoshop

A Shape Tool (Shortcut keyboard: U, atau Shift + U

untuk mengubah jenis)
1. Rectangle Tool
Digunakan untuk menggambar bentuk segi
empat
2. Rounded Rectangle Tool
Digunakan untuk menggambar segi empat
melengkung
3. Ellipse Tool
Digunakan untuk menggambar ellipse

20
Ruang Kerja Photoshop
4.Polygon Tool
Digunakan untuk menggambar
polygon
5. Line Tool
Digunakan untuk menggambar
garis lurus
6.Custom Shape Tool
Digunakan untuk menggambar
bentuk tertentu dari daftar bentuk
yang ada
21
Ruang Kerja Photoshop

ATool Option Bar

Hampir semua tool pada Toolbox
memiliki options yang ditampilkan
pada Tool Option Bar. Options
tersebut digunakan untuk
mengatur nilai parameter dari tool
yang sedang aktif/dipilih.

22
Projek 1. Brosur Promo Makanan

23
1. Siapkan sebuah kanvas baru dng mengklik File > New

Width : 600 pixel, Height : 600

Resolution : 300 pixel/inch

2. Tekan tombol OK.

Anda akan mendapatkan kanvas putih kosong.

24
3. Munculkan jendela navigator dng mengklik
Window > Navigator. Masukan angka 40 % ke
dalam jendela ini.

25
4. Klik Elliptikal Marque tool.
Buatlah lingkaran yang cukup besar sehingga
hanya sebagian kecil saja yang masuk ke dalam
kanvas.

26
5. Klik menu Layer > New > Layer dan masukan
nama pola1 kedalam kotak Name

27
6. Klik icon warna latar depan dan gantilah ia
dengan warna kuning muda dengan rumus
FFF799

28
7. Setelah warna latar depan menjadi kuning tua,
klik Paint Bucket Tool, Tekan shift+Ctr+I untuk
membalik bidang seleksi sehingga warna
menjadi kuning, tekan ctr+d untuk
menghilangkan seleksi.

29
8. Klik move tool dan susul dengan mengklik
menu Edit > Transform > Scale.Klik handle
yang ada ditengah bagian atas dan seret ke
arah atas.

30
9 Klik menu Edit>Transform > Distort
Seret handle yg ada di kiri bawah dan seret handle yg
ada di kanan kearah atas.

31
10. Kita akan menggandakan bentuk pola tsb
dengan mengklik menu Layer > Duplicate
layer.

32
11. Jika sudah klik menu Layer>Layer Style>
Color Overlay. Klik kotak warna yang ada
dan masukkan FFEA00 untuk menciptakan
warna kuning tua.

33
12. Klik Move tool untuk mengaktifkan nya dan
pilih menu Edit > Transform > Scale serta
turunkan handle yg ada ditengah atas ke
arah bawah

34
13. Klik layer Background, jika sudah ganti
warna latar depan dgn FFEFC3

35
14. Pilih menu Edit > Fill dan pd bag Use, ambil
pilihan Foreground, tekan OK.

36
Memasukkan Image

1. Aktifkan pola 2 dgn menkliknya. Klik menu

File > Open (image1.jpg)
2. Tekan tombol OK dan kita akan melihat
image tsb.

37
Memasukkan Image

3. Klik Move tool dan seret image tsb ke arah

kanvas pola 2. Edit > Trasnform > untuk
menyesuaikan ukurannya

38
Memasukkan Image

4. Jika sudah, klik menu Edit >Transform > Rotate

dan putar ke arah kanan sehingga image tsb
menjadi tampak miring.

39
Memasukkan Image

5 Masukan image2. Klik menu

File > Open (image2.jpg)
6. Tekan tombol OK dan kita akan melihat
image tsb.

40
Memasukkan Image

6. Klik Move tool dan seret image tsb ke arah

kanvas pola 2. Edit > Trasnform > untuk
menyesuaikan ukurannya

41
Memasukkan Image

8. Jika sudah, klik menu Edit >Transform > Rotate

dan putar ke arah kiri sehingga image tsb
menjadi tampak miring.

42
Membuat “tombol merah”

9. Tekan D untuk mengembalikan posisi warna

menjadi default. Kemudian buat layer baru
dengan mengklik Layer>New > Layer dan
isikan pernik untuk name.
10. Klik Ellipse Tool dan buatlah lingkaran diatas kanvas.

43
Memasukkan Pernak-pernik

11. Klik menu Layer > Layer Stile> Color Overlay

dan beri warna merah,

44
13. Klik check box satin. Masukan setting berikut .
Khusu untuk warna pilih Merah. Pada Bagian
Contour pilih Ring

45
14, Klik check Bevel and Emboss untuk menciptakan
kesan 3 dimensi dan pakailah setting yg
tersedia.

46
15. Perkuat kesan 3 dimensi itu dengan mengklik
bagian Contour. Pilih Linear.
16. Untuk membuat teks 3+, ketik x agar warna
putih menjadi warna latar depan.
17. Klik Horizontal Type tool dengan size 16 pt, ketik
tepa diatas tombol merah.

47
17. Untuk membuat “Bonus 1” , Klik Horizontal Type
tool kembali dengan spek size 12.
18. Klik menu Layer > Layer Stile > Color Overlay. Pilih
warna 15017b
19. Klik Stroke dan pakai settinya dan pilih warna
CECEFF

48
Membuat Teks

1. Tekan huruf D untuk mengembalikan default

warna.
2. Klik Horizontal Type Tool, untuk size huruf
masukan 8 pt, kemudian ketikan teks Nikmati
makan malam.
3. Ulangi langkah 2 untuk teks Khas Nusantara.
Turunkan nilai opacity ke level 25
4. Ulangi langkah 2 untuk teks di Foya Resto,
besarkan size hurufnya.

49
50
5. Untuk teks berikutnya, buatlah persegi empat
dengan cara mengklik Horizontal Type tool
tetapi turunkan size hurufnya.

51
Menyimpan file

1. Klik Menu File > Save As

2. Simpan dengan suatu nama
3. Dibagian Format bisa pilih PSD atau JPG
4. Tekan tombol Save jika sudah selesai

Good Luck

52