Professional Documents
Culture Documents
POKOK BAHASAN
A. Pengenalan Adobe Photoshop B. Pengenalan Layer C. Pengenalan Toolbox D. Pengertian Banner E. Latihan Pembuatan Banner-1 F. Latihan Pembuatan Banner-2 Hal - 1 Hal - 1 Hal 1 Hal 2 Hal 3 Hal - 15
A. Pengenalan Adobe Photoshop : Adobe Photoshop pada dasarnya merupakan aplikasi pengolah gambar, namun seringkali pula ia digunakan untuk mengubah tampilan suatu objek, misalnya teks atau tulisan. Adobe Photoshop bukan pengolah kata, tapi ia dapat membuat beragam efek menarik untuk mempercantik tampilan gambar dan teks. B. Pengenalan Layer Layer berkaitan dengan manajemen layer pada image, seperti menambah layer, menghapus, menambah efek pada layer, serta masking. C. Pengenalan Toolbox Toolbox berisi berbagai macam tools yang digunakan untuk melakukan manipulasi image.
-1-
Keterangan Gambar : A. Marquee Tool B. Move Tool C. Lasso Tool D. Magic Wand Tool E. Crop Tool F. Slice Tool G. Patch Tool H. Brush Tool I. Stamp Tool J. History Brush Tool K. Eraser Tool L. Paint Bucket Tool M. Sharpen Tool N. Burn Tool O. Path Selection Tool P. Type Tool Q. Pen Tool R. Custom Shape Tool S. Notes Tool T. Eyedropper Tool U. Hand Tool V. Zoom Tool Fungsi dari masing-masing tools dijelaskan pada Manual Image Editing Menggunakan Adobe Photoshop halaman 6 12. D. Pengertian Banner Judul dari suatu website yang mencirikan website tersebut.
-2-
LANGKAH LANGKAH PEMBUATAN BANNER-1 : 1. Jalankan program Adobe Photoshop. Klik Start > All Program > Adobe Photoshop CS. 2. Buat File baru, Klik File > New (Ukuran untuk Pembuatan Banner) : Isi >> Width : 775 Pixels Height : 140 Pixels Resolution : 100 pixels/inch Color Mode : RGB Color Background Contents : White 3. Klik [OK]
Gambar 1. New
4. Simpan File dengan nama "banner-1" dengan cara : Klik File > Save As. Isikan >> File Name : banner-1 Format : Photoshop(*.PSD). 5. Buka file dengan nama image-banner1.1.jpg dari folder banner-1. Klik File > Open. Buka folder banner-1. Cari nama file image-banner1.1.jpg Klik Open. Lihat gambar 2.
-3-
Gambar 2. langkah-langkah membuka file. Nama File yang dibuka >> image-banner1.1.jpg
6. Buka gambar kunci/gembok pada layer Background dengan cara klik dua kali.
Gambar 3.
7. Pindahkan file gambar image-banner1.1.jpg ke jendela Banner-1 ada 2 cara pilihan yaitu : Cara 1 : Pada layer image-banner1.1 klik Move Tool 1, atau Cara 2 : a) Klik menu select > all (gambar akan terseleksi), kemudian klik menu Edit > Copy Merge. , Klik dan
-4-
b) Buka jendela banner-1, kemudian Klik menu Edit > Paste. 8. Gambar image-banner1.1.jpg tidak sesuai dengan ukuran banner, maka untuk memperbesar atau memperkecil ukuran image dapat menggunakan : Klik menu Edit > Free Transform. Sesuaikan ukuran image dengan ukuran banner yang ada. Pada layer ubah nama layer 1 (layer gambar) dengan nama back gambar Catatan : untuk penggunaan Free Transform, agar ukuran image tetap proposional tekan tombol [Shift] pada keyboard. Penamaan pada layer untuk memudahkan pengeditan. 9. Kita ingin menempatkan gambar pohon yang posisi semula terletak di sebelah kiri diputar ke posisi sebelah kanan. Caranya : Klik Edit > Transform > Flip Horizontal. Hasilnya letak gambar pohon akan berpindah ke sebelah kanan. 10. Buat layer baru dengan cara Klik Layer > New > Layer atau klik icon Create New Layer pada Pallete Layer dan Beri nama layer baru tersebut dengan nama back hijau.
Pallete Layer
-5-
11. Warnai layer back hijau dengan warna hijau dengan cara : Pada Tools pilih Set Foreground Color pilih warna hijau (kode warna = #003300). Lihat gambar 5.
Gambar 5.
12. Setelah gambar dipilih, untuk mewarnai layer pada tools pilih dengan warna hijau. 13. Kemudian pada Tool pilih
Paint
Bucket Tool. Klik pada layer maka gambar image tersebut akan tertutupi
seleksi. Tekan [delete] pada keyboard untuk menghapus bagian tengah yang terseleksi. Lihat gambar 6.
Gambar 6. Hasil seleksi gambar yang sudah di delete.
Catatan : Klik Menu Select > Deselect atau tekan [Ctrl]+[D] untuk mehilangkan garis terputus-putus pada gambar. Untuk memudahkan seleksi pada gambar sesuai keinginan, dengan cara menarik Rulers ke layer "back hijau". Cara menarik Rulers :
-6-
Untuk memunculkan Rulers jika tidak muncul pada jendela kerja kita yaitu dengan Klik View > Rulers.
14. Klik menu Layer > Layer Style > Pilih Blending Options atau pada layer back hijau klik kanan > Pilih Blending Options, pilih Outer Glow. Pada Blend Mode = screen, atur nilai Opacity = 100%, Noise = 0%, Color of Glow = pilih warna putih, Technique = Softer, Spread = 40%, dan Size = 10 px. Setelah selesai klik OK. Hasilnya batas antara bagian tengah dengan tepi atas dan bawah akan tampak kemilau. Lihat gambar 7.
15. Atur nilai Opacity layer back hijau menjadi 40%. Hasilnya fill layer back hijau berubah menjadi transparan. 16. Klik File > Open. Buka folder banner-1 cari file dengan nama sapibesar.gif kemudian klik Open.
-7-
besar ke jendela kerja banner-1. Klik gambar sapi-besar kemudian tahan dan tarik ke jendela kerja banner-1. 18. Klik Edit > Free Transform untuk menyesuaikan ukuran gambar. Untuk menyesuaikan ukuran gambar jangan lupa menekan [Shift] pada keyboard agar gambar yang dihasilkan proposional. Setelah gambar sesuai dengan ukuran banner, putar gambar sapi-besar dengan Klik menu Edit > Transform > Flip Horizontal. Pindahkan gambar sapi tersebut ke posisi sebelah pojok kiri. 19. Beri nama layer dengan sapi besar. 20. Sekarang kita akan memasukkan gambar logo, dengan cara klik File > Open. Jika ada logo, masukkan gambar logo sesuai dengan logo masingmasing instansi kerja. Contoh logo yang dipakai untuk latihan logoende.gif. 21. Pada jendela kerja logo Klik Select > All, kemudian Klik Edit > Copy. 22. Klik jendela kerja banner-1 kemudian Klik Edit > Paste. Beri nama layer dengan nama Logo. 23. Atur ukuran logo sesuai dengan keinginan dengan Klik Edit > Free Transform. Jika ukuran sudah sesuai, atur letak logo di samping gambar sapi-besar. 24. Pada jendela kerja banner-1 layer logo kita akan memberikan effects. Caranya : Pada menu Layer > Layer Style > Pilih Blending Options atau pada layer logo klik kanan > Pilih Blending Options pilih Outer Glow Pada Blend Mode = screen, atur nilai Opacity = 100%, Noise = 0%, Color of Glow = pilih warna putih, Technique = Softer, Spread = 5%, dan Size = 15 px. Setelah selesai klik OK. Hasilnya akan tampak kemilau mengelilingi logo. Lihat gambar 8.
-8-
25. Sekarang
kita
akan
membuat
layer
teks
dengan
nama
DINAS
PETERNAKAN, caranya : Pada Tools pilih Horizontal Type Tool, pada options bar pilih:
Jenis Huruf = Trebuchet MS, Type = Bold, Besar Huruf = 18 pt, Set the anti-aliasing method = Strong, Warna Huruf = Orange (kode warna = # ff9933). Catatan : Option Bar Horizontal Type Tool muncul jika kita memilih icon Layer Style > pada Tools. Blending Options atau pada layer DINAS
Setelah teks dibuat, beri effects dengan cara : Pada menu Layer > PETERNAKAN klik kanan > Pilih Blending Options. Pilih Effects Stroke, isikan : Pada Size = 3 px, Position = Outside, Blend Mode = Normal, Opacity = 100%, Fill Type = Color, Color = abu-abu tua (kode warna = # 333333).
-9-
Klik OK.
26. Buat teks keduan dengan nama Kabupaten Ende, caranya : Pada Tools pilih :
Gambar 10. Optins Bar Horizontal Type Tool
Jenis Huruf = Trebuchet MS, Type = Bold, Besar Huruf = 14 pt, Set the anti-aliasing method = Strong, Warna Huruf = Orange muda (kode warna = # ffcc33). Catatan : a) Option Bar Horizontal Type Tool muncul jika kita memilih icon b) Jika Tool pada Tools. tidak muncul Klik kanan pada tool atau klik dan
- 10 -
Setelah teks dibuat, beri effects dengan cara : Pada menu Layer > Layer Style > Blending Options atau pada layer Kabupaten Ende klik kanan > Pilih Blending Options. Pilih Effects Stroke, isikan : Pada Size = 3 px, Position = Outside, Blend Mode = Normal, Opacity = 100%, Fill Type = Color, Color = abu-abu tua (kode warna = # 333333). Klik OK.
kedua
teks
28. Sekarang kita akan membuat lingkaran yang didalamnya terdapat gambar yang mewakili tentang peternakan. Di contoh gambar banner-1 kita akan membuat 5 lingkaran. Berikut urutan pembuatannya : Pada Tools pilih
Elliptical Marquee Tool
Gambar
12.
Cara
memunculkan
Tool
Elliptical
Marquee Tool
Catatan : cara memilih Elliptical Marquee Tool apabila tidak terlihat pada tools adalah dengan mengklik kanan atau klik dan tahan pada Tools (lihat gambar diatas). Jika kita sudah memilih Tool seperti : maka akan muncul pada options Bar
- 11 -
Atur pada Style = Fixed Size, Width = 50 px, Height= 50 px. Atur posisi lingkaran, letakkan di bawah dan setelah teks Kabupaten Ende (lihat contoh gambar banner-1). Sesudah pengaturan pada letak dan option bar, klik pada area gambar untuk menempatkan seleksi lingkaran. Kemudian buka file kuda.jpg dari folder banner-1. Buka gambar kunci atau gembok pada gambar kuda dengan cara klik dua kali. Klik menu Select > All, setelah gambar terseleksi klik menu Edit > Copy Merge, buka jendela kerja banner-1 kemudian klik menu Edit > Paste Into untuk menampilkan duplikat gambar kuda didalam seleksi. Klik menu Edit > Free Transform untuk mengatur ukuran gambar dan pastikan posisi dan ukuran gambar kuda ditengah seleksi. Setelah selesai klik Enter. Pada Palet layer klik kanan pada layer mask kuda lalu pilih Apply Layer Mask Setelah layer gambar disatukan dengan layer mask, kita akan memberikan effects, dengan cara : Klik Menu Layer > Layer Style > Blending Option atau Klik Kanan pada layer kuda > pilih Blending Option. Pilih Outer Glow, isi pada Blend Mode = Screen, atur nilai Opacity = 100%, Noise = 0%, Color of Glow = putih, Technique = Softer, spread = 5% dan Size = 15 px. Setelah selesai klik OK. Lihat gambar 14.
- 12 -
Setelah selesai di bagian kiri pilih style Stroke. Atur nilai Size = 4 px, Position = Outside, Blend Mode = Normal, Opacity = 100%, Fill Type = Color, dan pilih Color = putih. Setelah selesai Klik OK. Lihat gambar 15.
29. Ulangi langkah di point 28 utnuk membuat 4 lingkaran yang tersisa. 30. Simpan banner-1 dengan klik menu File > Save.
- 13 -
31. Kemudian simpan ulang dengan format .jpg atau .png agar banner-1 ini dapat di tempatkan pada website yang akan anda dibuat, dengan cara : Klik menu File > Save As. Lihat gambar 17.
Gambar
17.
Save
As
Catatan : Biasakan jika membuat banner, penyimpanan file dibuat 2 kali. Yang pertama simpan dengan format = .psd, ini dimaksudkan jika anda ingin merubah atau mengedit effect atau teks yang sudah dibuat. Yang Kedua simpan dengan format = .png atau .jpg, hal ini dimaksudkan untuk menempatkan banner-1 ini di pada web yang akan anda buat.
- 14 -
LANGKAH LANGKAH PEMBUATAN BANNER-2 : 1. 2. Jalankan program Adobe Photoshop. Klik Start > All Program > Adobe Photoshop CS. Buat File baru, Klik File > New (Ukuran untuk Pembuatan Banner) : Isi >> Width : 775 Pixels Height : 140 Pixels Resolution : 100 pixels/inch Color Mode : RGB Color Background White
Gambar 1. New
Contents
3. 4.
Klik [OK] Simpan File dengan nama "banner-2" dengan cara : Klik File > Save As. Isikan >> File Name : banner-2 Format : Photoshop(*.PSD). Pen Tool, digunakan untuk membuat path dengan
5.
lengkung-lengkung yang halus. Untuk hasil yang rapi untuk membuat list atas anda dapat menggunakan Rulers untuk memberi garis path yang akan anda buat. Lihat gambar 2.
- 15 -
6.
(kode warna = #00cc33). Ada 7 titik untukmembuat path seperti contoh gambar banner-2. Lihat Cara berikut :
Catatan : Untuk menghilangkan Rulers pada jendela kerja tanpa menghilangkan bekas rulers tersebut dengan cara : Pada Menu Klik View > Extras. Untuk menghasilkan path garis lurus yang rapi jangan lupa untuk menekan [Shift] pada Keyboard.
- 16 -
7.
Gabungkan shape yang telah anda buat dengan layer background warna hijau, caranya : Klik kanan pada layer Shape kemudian Pilih Rasterize Layer. Hasilnya layer akan berubah nama menjadi Shape 1, untuk lebih jelasnya dapat dilihat pada gambar 4.
8.
Setelah layer Shape 1 berhasil digabungkan, beri effect shape tersebut. Pada layer shape 1 klik menu Layer > Layer Style > Blending Options atau Klik kanan pada layer Shape 1 pilih Blending Options. Effect yang dipakai yaitu Drop Shadow dan Bevel dan Emboss. Pada Effect Drop Shadow, isikan : Pada Blend Mode = Multiply, warna = abu-abu tua (kode warna = #333333), Opacity = 100%, Angle = 120, Distance = 5 px, Spread = 0%, Size = 5 px.
- 17 -
Pada Effect Bevel and Emboss, isikan : Pada Structure, Style = Inner Bevel, Techique = Smooth, Depth = 100%, Direction = Up, Size = 5 px, Soften = 0 px. Lihat gambar 6.
6. Bevel
Setting and
9.
Setelah di beri effect, duplikat layer shape 1 ada 2 pilihan cara : Cara 1 : Klik Menu Layer > Duplicate Layer, atau Cara 2 : Pada layer Shape 1; klik kanan > pilih Duplicate Layer.
- 18 -
10. Hasilnya duplicate layer akan menambah layer dengan nama shape 1 copy. Karena Shape 1 sudah di beri effects maka otomatis effects tersebut juga terdapat pada Shape 1 copy. Lihat gambar 7.
11. Langkah berikutnya buka 6 file sekaligus diantaranya : teh.jpg, kelapa.jpg, karet.jpg, coklat.jpg, kopi.jpg, kapas.jpg dari folder banner-2. Klik Menu File > Open, buka folder banner-2 dan buka file .jpg yang disebutkan diatas.
Teh .jpg
kelapa.jpg
karet.jpg
Kopi.jpg
kapas.jpg
12. Setelah semua file terbuka, pindahkan salah satu file gambar tersebut ke jendela kerja banner-2, sebelum dipindahkan lambang kunci atau gembok di buka terlebih dahulu dengan cara klik 2 kali, layernya akan berubah menjadi nama layer 0 kemudian untuk memindahkan gambar ada 2 pilihan cara :
Pusat Data dan Informasi Pertanian 2008 - 19 -
Cara 1 : Layer teh.jpg Pada Tools klik Move Tool tahan kemudian tarik file ke jendela kerja banner-2, atau Cara 2 :
, Klik dan
a) Klik menu select > all (gambar akan terseleksi), kemudian klik menu Edit > Copy Merge. b) Buka jendela banner-2, kemudian Klik menu Edit > Paste. Lakukan ulang cara tersebut sampai ke 6 file tersebut berhasil dipindahkan ke jendela kerja banner-2 13. Sesuaikan ukuran ke 6 gambar tersebut dengan ukuran Layer Shape 1 dan Shape 1 Copy dengan cara pada Menu Klik Edit > Free Transform, jangan lupa menekan [shift] pada keyboard agar gambar yang dihasilkan proposional. 14. Pindahkan ke 6 layer gambar tersebut ke bawah Layer Shape 1 dan shape 1 copy, agar gambar tersebut berada di belakang layer Shape 1 dan Shape 1 copy. Berikut urutan layer setelah dipindahkan dan hasil yang Lihat gambar 8.
Create New Layer atau Layer > New > Layer Rounded Rectangel Tool (=digunakan
- 20 -
17. Sekarang kita akan memasukkan gambar logo, dengan cara klik File > Open. Jika ada logo, masukkan gambar logo sesuai dengan logo masingmasing instansi kerja. Contoh logo yang dipakai untuk latihan logolotim.gif. 18. Pada jendela kerja logo Klik Select > All, kemudian Klik Edit > Copy. 19. Klik jendela kerja banner-2 kemudian Klik Edit > Paste. Beri nama layer dengan nama Logo. 20. Atur ukuran logo sesuai dengan keinginan dengan Klik Edit > Free Transform. Jika ukuran sudah sesuai, atur letak logo di samping kiri Rounded Rectangel Tool. 21. Pada jendela kerja banner-2 layer logo kita akan memberikan effects Outer Glow dan Stroke. Caranya : Pada menu Layer > Layer Style > Pilih Blending Options atau pada layer logo klik kanan > Pilih Blending Options. Effect Outer Glow, isikan : Pada Blend Mode = Screen, Opacity = 100%, Noise = 0%, Technique = Softer, Spread = 5%, Size = 10 px. Kemudian Klik OK.
- 21 -
Effect Stroke, isikan : Pada Structure Size = 1 px, Position = Outside, Blend Mode = Normal, Opacity = 100%, Fill Type = Color, pilih warna putih. Setelah selesai klik OK. Hasilnya akan tampak kemilau mengelilingi logo.
11.
Setting
Stroke pada
- 22 -
Hasil dari kedua effect tersebut dapat dilihat pada gambar 12.
Gambar 12. Logo yang sudah diberi effect Outer Glow dan Stroke
22. Sekarang
kita
akan
membuat
layer
teks
dengan
nama
DINAS
PERKEBUNAN, caranya : Pada Tools pilih Horizontal Type Tool, pada options bar pilih:
Jenis Huruf = Trebuchet MS, Type = Bold, Besar Huruf = 22 pt, Set the anti-aliasing method = Strong, Warna Huruf = putih. Catatan : Option Bar Horizontal Type Tool muncul jika kita memilih icon Layer Style > pada Tools. Blending Options atau pada layer DINAS
Setelah teks dibuat, beri effects dengan cara : Pada menu Layer > PERKEBUNAN klik kanan > Pilih Blending Options. Pilih Effects Bevel and Emboss dan Stroke, isikan :
- 23 -
Effect Bevel and Emboss, isikan : Pada Style = Inner Bevel, Technique = Smooth, Depth = 100%, Direction = Up, Size = 5, Soften = 0.
Gambar 14. Setting Effects Bevel and Emboss untuk teks DINAS PERKEBUNAN
Effect Stroke, Isikan : Pada Size = 3 px, Position = Outside, Blend Mode = Normal, Opacity = 100%, Fill Type = color, pilih warna = abu-abu tua (kode warna = # 333333)
- 24 -
23. Buat teks kedua dengan nama Kabupaten Lombok Timur - NTB, caranya : Pada Tools pilih Horizontal Type Tool, pada options bar pilih:
Jenis Huruf = Arial, Type = Bold, Besar Huruf = 20 pt, Set the antialiasing method = Strong, Warna Huruf = Merah (kode warna = # ff3300). Catatan : c) Option Bar Horizontal Type Tool muncul jika kita memilih icon d) Jika Tool pada Tools. tidak muncul Klik kanan pada tool atau klik dan
Setelah teks dibuat, beri effects dengan cara : Pada menu Layer > Layer Style > Blending Options atau pada layer Kabupaten Lombok Timur - NTB klik kanan > Pilih Blending Options. Pilih Effects Drop Shadow, Inner Shadow dan Outer Glow. Isikan pada Effect Drop Shadow : Pada Blend Mode = Multiply, warna hitam (kode warna = # 000000), Angle = 120, Distance = 5 px, Spread = 0%, Size = 5 px. Lihat gambar 17.
- 25 -
Isikan pada Effect Inner Shadow : Pada Blend Mode = Multiply, pilih warna hitam (kode warna = # 000000), Opacity = 75%, Angle = 120, Distance = 5 px, Choke = 0%, size = 5 px.
- 26 -
Isikan pada Effect Outer Glow : Pada Blend Mode = Screen, opacity = 100%, Noise = 0 %, Color mode = Putih, Techique = softer, spread = 0 %, Size = 5 px.
24. Setelah di beri ketiga effect tersebut klik OK. 25. Atur kedua teks tersebut di samping kiri Logo. 26. Hasil pembuatan banner dapat dilihat pada contoh banner-2. 27. Simpan banner-2 dengan klik menu File > Save. 32. Kemudian simpan ulang dengan format .jpg atau .png agar banner-2 ini dapat di tempatkan pada website yang akan anda dibuat, dengan cara: Klik menu File > Save As. Lihat gambar 20.
- 27 -
Catatan : Biasakan jika membuat banner, penyimpanan file dibuat 2 kali. Yang pertama simpan dengan format = .psd, ini dimaksudkan jika anda ingin merubah atau mengedit effect atau teks yang sudah dibuat. Yang Kedua simpan dengan format = .png atau .jpg, hal ini dimaksudkan untuk menempatkan banner-1 ini di pada web yang akan anda buat.
SUYATI Staf Subbid Aplikasi Multimedia Telp. Kantor (021) 782 2803 Email : suyati@deptan.go.id in3nk@yahoo.com
- 28 -