Graphic Desaign dengan Adobe Photoshop

Transkripsi

1 Graphic Desaign dengan Adobe Photoshop 1

2 SOFTWARE DESAIN GRAFIS 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: 1. Adobe Photoshop ( software ini sangat populer dan dapat diandalkan untuk membuat dan mengedit grafik maupun gambar fotografi. 2

3 SOFTWARE DESAIN GRAFIS 2. Macromedia Flash ( : software ini dapat digunakan untuk membuat animasi dan berbasis vektor untuk website. 3. Adobe premiere ( software ini digunakan untuk movie maker. 3

4 What is Photoshop? Graphic 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

5 Ruang Kerja Photoshop 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

6 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

7 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

8 Ruang Kerja Photoshop View area untuk image 8

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

10 Ruang Kerja Photoshop Palette 10

11 Ruang Kerja Photoshop Toolbox berisi berbagai macam tools yang digunakan untuk melakukan manipulasi image 11

12 Ruang Kerja Photoshop 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

13 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

14 Ruang Kerja Photoshop Move Tool Shortcut keyboard: V Digunakan untuk menggeser/memindah selection, layers, dan guides. 14

15 Ruang Kerja Photoshop Magic Wand Tool Shortcut keyboard: W Digunakan untuk membuat area selection yang memiliki warna serupa. 15

16 Ruang Kerja Photoshop Crop Tool Shortcut keyboard: C Digunakan untuk memangkas image (memotong dan membuang area tertentu dari image) 16

17 Ruang Kerja Photoshop Eraser Tool (Shortcut keyboard: E, atau Shift + E untuk mengubah jenis eraser) Terdiridari3 jenisyaitu: 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

18 Ruang Kerja Photoshop 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

19 Ruang Kerja Photoshop Type Tool (Shortcut keyboard: T, atau Shift + T untuk mengubah jenis) 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

20 Ruang Kerja Photoshop Shape Tool (Shortcut keyboard: U, atau Shift + U untuk mengubah jenis) 1. Rectangle Tool Digunakanuntukmenggambarbentuksegi empat 2. Rounded Rectangle Tool Digunakan untuk menggambar segi empat melengkung 3. Ellipse Tool Digunakan untuk menggambar ellipse 20

21 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

22 Ruang Kerja Photoshop Tool 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

23 Projek 1. Brosur Promo Makanan 23

24 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

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

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

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

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

29 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

30 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

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

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

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

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

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

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

37 Memasukkan Image 1. Aktifkan pola 2 dgn menkliknya. Klik menu File > Open (image1.jpg) 2. TekantombolOK dankitaakanmelihat image tsb. 37

38 Memasukkan Image 3. Klik Move tool dan seret image tsb ke arah kanvas pola 2. Edit > Trasnform > untuk menyesuaikan ukurannya 38

39 Memasukkan Image 4. Jika sudah, klik menu Edit >Transform > Rotate dan putar ke arah kanan sehingga image tsb menjadi tampak miring. 39

40 Memasukkan Image 5 Masukan image2. Klik menu File > Open (image2.jpg) 6. TekantombolOK dankitaakanmelihat image tsb. 40

41 Memasukkan Image 6. Klik Move tool dan seret image tsb ke arah kanvas pola 2. Edit > Trasnform > untuk menyesuaikan ukurannya 41

42 Memasukkan Image 8. Jika sudah, klik menu Edit >Transform > Rotate dan putar ke arah kiri sehingga image tsb menjadi tampak miring. 42

43 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

44 Memasukkan Pernak-pernik 11. Klik menu Layer > Layer Stile> Color Overlay dan beri warna merah, 44

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

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

47 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

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

49 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 Ulangi langkah 2 untuk teks di Foya Resto, besarkan size hurufnya. 49

50 50

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

52 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