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. 2.
Aktifkan pola 2 dgn menkliknya. Klik menu File > Open (image1.jpg) 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 6.
Masukan image2. Klik menu File > Open (image2.jpg) 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. 2.
3. 4.
Tekan huruf D untuk mengembalikan default warna. Klik Horizontal Type Tool, untuk size huruf masukan 8 pt, kemudian ketikan teks Nikmati makan malam. Ulangi langkah 2 untuk teks Khas Nusantara. Turunkan nilai opacity ke level 25 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. 2. 3. 4.
Klik Menu File > Save As Simpan dengan suatu nama Dibagian Format bisa pilih PSD atau JPG Tekan tombol Save jika sudah selesai
Good Luck 52
