graphic desaign dengan adobe photoshopelearning.gunadarma.ac.id/docmodul/bisnis_on_line/adobe...

1

Graphic Desaign denganAdobe Photoshop

2

SOFTWARE DESAIN GRAFIS

Dalam merancang sebuah brosur, kita tidakbisa lepas dari perangkat lunak untuk mengolahgambar (image) sebagai bagian dari brosur tsb.

Ada beberapa alat disain grafis yang dapatdigunakan untuk membantu dalam membuatwebsite yang cantik, diantaranya:

1. Adobe Photoshop (http://www.adobe.com/) software ini sangat populer dan dapatdiandalkan untuk membuat dan mengeditgrafik maupun gambar fotografi.

3

SOFTWARE DESAIN GRAFIS

2. Macromedia Flash (http://www.adobe.com) : software ini dapat digunakan untuk membuatanimasi dan berbasis vektor untuk website.

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

software ini digunakan untuk movie maker.

4

What is Photoshop?

Graphic designer menciptakansebuah image yang berkualitasyang dapat membuat tampilanbeberapa publikasi seperti sampulbuku maupun majalah, brosur, banner, katalog dan publikasi lain yang sejenis menjadi impresif

5

Ruang Kerja PhotoshopBerikut adalah menu-menu yang terdapat padaAdobe Photoshop CS2

1. Fileberkaitan dengan file seperti menyimpan, membuka, export, import, dan cetak.

2. Editberkaitan dengan editing secara umum seperticut, copy, paste, transform image, serta untukmengatur preferences Adobe Photoshop.

6

Ruang Kerja Photoshop3. Image

Berisi editing image untuk mengatur warna, hue/saturation, brightness/contrast, ukuran.

4. LayerBerkaitan dengan manajemen layer pada image, seperti menambah layer, menghapus, menambah efek pada layer, serta masking.

5. SelectBerkaitan dengan selection image.

6. FilterBerisikan filter-filter yang terinstall pada Photoshop yang dapat digunakan untuk memberi efektertentu pada image.

7

Ruang Kerja Photoshop9. View

Digunakan untuk pengaturan view seperti zooming image, menampilkan skala, dan sebagainya.

10.Window Digunakan untuk pengaturan window

11. HelpDigunakan untuk menampilkan help Adobe Photoshop.

8

Ruang Kerja Photoshop

View area untuk image

9

Ruang Kerja Photoshop

PalettePalette Photoshop bergunauntuk memudahkan dalamnavigasi maupun editing image.

10

Ruang Kerja Photoshop

Palette

11

Ruang Kerja Photoshop

Toolboxberisi berbagai macam tools yang digunakan untukmelakukan manipulasi image

12

Ruang Kerja Photoshop

MarqueeTerdiri 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.

13

Ruang Kerja Photoshop3. Single Row Marquee

Digunakan untuk membuat area selection satu baris pada image (ukuran tinggi selection adalah 1 pixel)

4. Single Column MarqueeDigunakan untuk membuat area selection satu kolom pada image (ukuran lebar selection adalah 1 pixel).

14

Ruang Kerja Photoshop

Move ToolShortcut keyboard: VDigunakan untukmenggeser/memindahselection, layers, dan guides.

15

Ruang Kerja Photoshop

Magic Wand ToolShortcut keyboard: WDigunakan untuk membuatarea selection yang memilikiwarna serupa.

16

Ruang Kerja Photoshop

Crop ToolShortcut keyboard: CDigunakan untuk memangkasimage (memotong danmembuang area tertentu dariimage)

17

Ruang Kerja Photoshop

Eraser Tool (Shortcut keyboard: E, atau Shift + E untuk mengubah jenis eraser)Terdiri dari 3 jenis yaitu:1. EraserDigunakan untuk menghapus pixel image danmengembalikannya ke state tertentu.2. Background EraserDigunakan untuk menghapus area tertentuimage menjadi transparan.3. Magic EraserDigunakan untuk menghapus area tertentuimage yang memiliki warna yang serupamenjadi transparan dengan satu kali klik

18

Ruang Kerja Photoshop

Gradient, Paint Bucket Tool (Shortcut keyboard: G, atau Shift + G)1. Gradient ToolDigunakan untuk mengecat area yang dipilih (selected area) denganperpaduan banyak warna.2. Paint Bucket ToolDigunakan untuk mengecat area yang dipilih dengan warna foreground ataupola tertentu.

19

Ruang Kerja Photoshop

Type Tool (Shortcut keyboard: T, atau Shift + T untukmengubah jenis)Terdiri dari 4 jenis yaitu:

1. Horizontal Type ToolDigunakan untuk membuat tulisan secara horizontal

2. Vertical Type ToolDigunakan untuk membuat tulisan secara vertikal

3. Horizontal Type Mask ToolDigunakan untuk membuat selection berbentuk tulisansecara horizontal

4. Vertical Type Mask ToolDigunakan untuk membuat selection berbentuk tulisansecara vertikal

20

Ruang Kerja Photoshop

Shape Tool (Shortcut keyboard: U, atau Shift + U untuk mengubah jenis)

1. Rectangle ToolDigunakan untuk menggambar bentuk segiempat

2. Rounded Rectangle ToolDigunakan untuk menggambar segi empatmelengkung

3. Ellipse ToolDigunakan untuk menggambar ellipse

21

Ruang Kerja Photoshop4.Polygon Tool

Digunakan untuk menggambarpolygon

5. Line ToolDigunakan untuk menggambargaris lurus

6.Custom Shape ToolDigunakan untuk menggambarbentuk tertentu dari daftar bentukyang ada

22

Ruang Kerja Photoshop

Tool Option BarHampir semua tool pada Toolbox memiliki options yang ditampilkanpada Tool Option Bar. Options tersebut digunakan untukmengatur nilai parameter dari tool yang sedang aktif/dipilih.

23

Projek 1. Brosur Promo Makanan

24

1. Siapkan sebuah kanvas baru dng mengklik File > New

Width : 600 pixel, Height : 600Resolution : 300 pixel/inch

2. Tekan tombol OK.Anda akan mendapatkan kanvas putih kosong.

25

3. Munculkan jendela navigator dng mengklikWindow > Navigator. Masukan angka 40 % kedalam jendela ini.

26

4. Klik Elliptikal Marque tool.Buatlah lingkaran yang cukup besar sehinggahanya sebagian kecil saja yang masuk ke dalamkanvas.

27

5. Klik menu Layer > New > Layer dan masukannama pola1 kedalam kotak Name

28

6. Klik icon warna latar depan dan gantilah iadengan warna kuning muda dengan rumusFFF799

29

7. Setelah warna latar depan menjadi kuning tua, klik Paint Bucket Tool, Tekan shift+Ctr+I untukmembalik bidang seleksi sehingga warnamenjadi kuning, tekan ctr+d untukmenghilangkan seleksi.

30

8. Klik move tool dan susul dengan mengklikmenu Edit > Transform > Scale.Klik handle yang ada ditengah bagian atas dan seret kearah atas.

31

9 Klik menu Edit>Transform > DistortSeret handle yg ada di kiri bawah dan seret handle ygada di kanan kearah atas.

32

10. Kita akan menggandakan bentuk pola tsbdengan mengklik menu Layer > Duplicate layer.

33

11. Jika sudah klik menu Layer>Layer Style> Color Overlay. Klik kotak warna yang adadan masukkan FFEA00 untuk menciptakanwarna kuning tua.

34

12. Klik Move tool untuk mengaktifkan nya danpilih menu Edit > Transform > Scale sertaturunkan handle yg ada ditengah atas kearah bawah

35

13. Klik layer Background, jika sudah gantiwarna latar depan dgn FFEFC3

36

14. Pilih menu Edit > Fill dan pd bag Use, ambilpilihan Foreground, tekan OK.

37

Memasukkan Image

1. Aktifkan pola 2 dgn menkliknya. Klik menu File > Open (image1.jpg)

2. Tekan tombol OK dan kita akan melihatimage tsb.

38

Memasukkan Image

3. Klik Move tool dan seret image tsb ke arahkanvas pola 2. Edit > Trasnform > untukmenyesuaikan ukurannya

39

Memasukkan Image

4. Jika sudah, klik menu Edit >Transform > Rotate dan putar ke arah kanan sehingga image tsbmenjadi tampak miring.

40

Memasukkan Image

5 Masukan image2. Klik menu File > Open (image2.jpg)

6. Tekan tombol OK dan kita akan melihatimage tsb.

41

Memasukkan Image

6. Klik Move tool dan seret image tsb ke arahkanvas pola 2. Edit > Trasnform > untukmenyesuaikan ukurannya

42

Memasukkan Image

8. Jika sudah, klik menu Edit >Transform > Rotate dan putar ke arah kiri sehingga image tsbmenjadi tampak miring.

43

Membuat “tombol merah”

9. Tekan D untuk mengembalikan posisi warnamenjadi default. Kemudian buat layer barudengan mengklik Layer>New > Layer danisikan pernik untuk name.

10. Klik Ellipse Tool dan buatlah lingkaran diatas kanvas.

44

Memasukkan Pernak-pernik

11. Klik menu Layer > Layer Stile> Color Overlay dan beri warna merah,

45

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

46

14, Klik check Bevel and Emboss untuk menciptakankesan 3 dimensi dan pakailah setting ygtersedia.

47

15. Perkuat kesan 3 dimensi itu dengan mengklikbagian Contour. Pilih Linear.

16. Untuk membuat teks 3+, ketik x agar warnaputih menjadi warna latar depan.

17. Klik Horizontal Type tool dengan size 16 pt, ketiktepa diatas tombol merah.

48

17. Untuk membuat “Bonus 1” , Klik Horizontal Type tool kembali dengan spek size 12.

18. Klik menu Layer > Layer Stile > Color Overlay. Pilihwarna 15017b

19. Klik Stroke dan pakai settinya dan pilih warnaCECEFF

49

Membuat Teks

1. Tekan huruf D untuk mengembalikan default warna.

2. Klik Horizontal Type Tool, untuk size hurufmasukan 8 pt, kemudian ketikan teks Nikmatimakan 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.

50

51

5. Untuk teks berikutnya, buatlah persegi empatdengan cara mengklik Horizontal Type tool tetapi turunkan size hurufnya.

52

Menyimpan file

1. Klik Menu File > Save As2. Simpan dengan suatu nama3. Dibagian Format bisa pilih PSD atau JPG4. Tekan tombol Save jika sudah selesai

Good Luck