Tutorial Membuat Spanduk DENGAN photosho
Tutorial Membuat Spanduk DENGAN photoshop
Tutorial Membuat Spanduk
Pada Postingan yang lalu saya sempat memberi contoh beberapa proyek spanduk yang pernah
saya garap.Bisa dilihat disini. Belum lengkap tampaknya jika tidak saya sertai dengan tutorialnya.
Nah....Buat melengkapi hal tersebut saya buat saja di postingan sekarang.
Spanduk yang akan saya buat sekarang bertema ucapan selamat & sukses untuk sebuah acara
IPNU-IPPNU.
Cekidot gan....
1. Buka Photoshopmu.... terserah mau versi berapa saja
2. tekan ctrl+n untuk membuat Dokumen Baru.maka akan muncul tampilan seperti ini
Add caption
isikan
width : 500 cm
Height : 90 cm
Resolution : 50 pixels/inch
Color Mode : CMYK 8bit
Background : White
Ok
3. Buat Tulisannya Dulu Seperti Di bawah ini Pake Horizontal Type Tool (T)
oh iya...sebelumnya tekan 2x pada icon gembok di panel layer samping tulisan background biar
bisa di kasih text
4. sekarang buat background nya biar sdikit bervariasi, tekan rectangular marquee tool (M).Drag dari
atas kebawah membentuk persegi panjang menghadap ke atas di layer 0 maka akan ada bentuk
seleksi seperti dibawah ini.liat kan??
5. aktifkan layer 0 tekan Ctrl+j.maka lahirlah sebuah layer 1 hahaha.....Oke...serius ya... Selanjutnya
carilah gradient overlay di layer style letaknya di kanan bawah.maka tampilannya akan seperti di
bawah ini.clict to edit the gradient - Foreground to Background.
Pada Color stop warna hitam (sebelah kiri) pilih warna hijau.komposisinya C:60 M:0 Y:100 K:0
Pada Color Stop Warna putih (sebelah kanan) pilih Warna kuning komposisinya Y:100 Lainnya : 0
lalu pada angel isikan 0. Ok
6. Aktifkan layer 1 yang td sudah di beri gradasi.tekan Ctrl+J untuk Menduplikat. Lakukan langkah
tersebut sampai warna gradasi memenuhi background.di layer pallete klik layer 1 tekan shift klik
layer 1 copy 11 (atau sampai copyan layer 1 terakhir) tekan Ctrl+E untuk menjadikan satu layer
7. aktifkan layer 1 td tekan ctrl T untuk transformasi,miringkan sedikit, besarkan sampai menutup
background putih.kira2 sampai bentuknya seperti ini
8. aktifkan layer 0.tekan Elliptical Marquee tool bentuknya elips.buat lingkaran drag sambil menekan
Shift sampai membentuk lingkaran lepaskan.tekan Ctrl J.tempatkan layer lingkaran yang sudah jadi
ke tempat yang paling atas di layer pallete agar terlihat.Beri Warna kuning.caranya klik color overlay
- set color overlay - Y:100 lainnya : 0
lalu Stroke : warna hijau (C:100 Y:100 lainnya: 0).buat lingkaran lagi seperti langkah
sebelumnya.tempatkan di bawah lingkaran pertama.beri warna putih.Agar lebih menarik beri brush
tipe floral.Caranya klik Create a new layer di atas lingkaran putih.tekan Brush tool (B) Sapukan
Brush Floral warna putih si atas lingkaran putih.
9. Jadikan 1 Lingkaran Bersama Brush tadi.Duplicate (ctrl+j) taruh disisi sebelahnya.nantinya akan
diisi logo.siapkan logo IPNU - IPPNU dan Logo Sekolah.tempatkan diatas lingkaran.
10. Beri Warna Teks dengan menggunakan Color Overlay - Stroke - Bevel and Emboss letaknya di
add a layer style di pojok kanan bawah.Isikan warna sesuka hati.Tambahkan Blok Warna hijau di
Bawah tanggal.lalu sapukan Brush bertype Glowing untuk efek bercahaya.Kira2 jadinya seperti Ini
Toolbox berisi berbagai macam tools yang digunakan untuk melakukan
manipulasi image.Pusat Data dan Informasi Pertanian 2008 1 Layer berkaitan
dengan manajemen layer pada image, seperti menambah layer, menghapus,
menambah efek pada layer, serta masking.C. Pengenalan Toolbox Adobe
Photoshop bukan pengolah kata, tapi ia dapat membuat beragam efek menarik untuk
mempercantik tampilan gambar dan teks.B. Pengenalan Layer Adobe Photoshop
pada dasarnya merupakan aplikasi pengolah gambar, namun seringkali pula ia
digunakan untuk mengubah tampilan suatu objek, misalnya teks atau tulisan. 1.
ADOBE PHOTOSHOPPOKOK BAHASANA. Pengenalan Adobe Photoshop Hal 1B.
Pengenalan Layer Hal 1C. Pengenalan Toolbox Hal – 1D. Pengertian Banner Hal –
2E. Latihan Pembuatan Banner1 Hal – 3F. Latihan Pembuatan Banner2 Hal 15A.
Pengenalan Adobe Photoshop :
Judul dari suatu website yang mencirikan website tersebut.Pusat Data dan
Informasi Pertanian 2008 22. 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 ToolM.
Sharpen ToolN. Burn ToolO. Path Selection ToolP. Type ToolQ. Pen ToolR. Custom
Shape ToolS. Notes ToolT. Eyedropper ToolU. Hand ToolV. Zoom ToolFungsi dari
masingmasing tools dijelaskan pada Manual “Image EditingMenggunakan Adobe
Photoshop” halaman 6 – 12.D. Pengertian Banner
3. Contoh Banner1 yang akan di buat :LANGKAH – LANGKAH
PEMBUATAN BANNER1 :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 : White3. Klik [OK] Gambar
1. New4. Simpan File dengan nama "banner1" dengan cara : Klik File > Save As.
Isikan >> File Name : banner1 Format : Photoshop(*.PSD).5. Buka file dengan nama
“imagebanner1.1.jpg” dari folder banner1. Klik File > Open. Buka folder banner1.
Cari nama file “imagebanner1.1.jpg” Klik Open. Lihat gambar 2.Pusat Data dan
Informasi Pertanian 2008 3
4. Gambar 2. langkahlangkah membuka file. Nama File yang dibuka >>
Cara 2 : a) Klik menu select Cara 1 : Pada layer “imagebanner1.1” klik Move Tool ,
Klik dan tahan kemudian tarik file “imagebanner1.1.jpg” ke jendela “banner 1”, atau
“imagebanner1.1.jpg”6. Buka gambar kunci/gembok pada layer “Background”
dengan cara klik dua kali. Klik dua kali Gambar 3.7. Pindahkan file gambar “image
banner1.1.jpg” ke jendela “Banner1” ada 2 cara pilihan yaitu : > all (gambar akan
terseleksi), kemudian klik menu Edit > Copy Merge.Pusat Data dan Informasi
Pertanian 2008 4
5. b) Buka jendela “banner1”, kemudian Klik menu Edit > Paste.8. Gambar
“imagebanner1.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 Gambar 4. Pallete
New Layer Icon “Create New Layer”Pusat Data dan Informasi Pertanian 2008 5
Klik Menu Select6. 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. Klik kemudian akan muncul pilihan warna. Gambar 5. Letak
kode warna.12. Setelah gambar dipilih, untuk mewarnai layer pada tools pilih “Paint
Bucket Tool”. Klik pada layer maka gambar image tersebut akan tertutupi dengan
warna hijau.13. Kemudian pada Tool pilih “Rectangel Marquee Tool” untuk membuat
seleksi. Tekan [delete] pada keyboard untuk menghapus bagian tengah yang
terseleksi. Lihat gambar 6. Gambar 6. Hasil seleksi gambar yang sudah di delete.
Catatan : > Untuk memudahkan seleksi pada gambar sesuai keinginan, dengan cara
menarik Rulers ke layer "back hijau". Cara menarik Rulers :Pusat Data dan Informasi
Pertanian 2008 6Deselect atau tekan [Ctrl]+[D] untuk mehilangkan garis terputus
putus pada gambar.
Untuk memunculkan Rulers jika tidak muncul pada jendela kerja kita yaitu
dengan Klik View7. pada Tools pilih "Move Tools", setelah itu pada Rulers klik tahan
dan tarik. > 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. Gambar 7. Setting Outer Glow untuk “back hijau”.15. Atur
nilai Opacity layer “back hijau” menjadi 40%. Hasilnya fill layer “back hijau” berubah
menjadi transparan.16. Klik File > Open. Buka folder “banner1” cari file dengan nama
“sapi besar.gif” kemudian klik Open.Pusat Data dan Informasi Pertanian 2008 7
8. 17. Pada Tools pilih “Move Tool” untuk memindahkan gambar “sapi besar”
ke jendela kerja “banner1”. Klik gambar “sapibesar” kemudian tahan dan tarik ke
jendela kerja “banner1”.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 “sapibesar” 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 masing masing instansi kerja. Contoh logo yang dipakai untuk latihan “logo
ende.gif”.21. Pada jendela kerja “logo” Klik Select > All, kemudian Klik Edit > Copy.22.
Klik jendela kerja “banner1” 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 “banner1” 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.Pusat Data dan Informasi Pertanian 2008
8
Setelah teks dibuat, beri effects dengan cara : Pada menu Layer Pada
Tools pilih “Horizontal Type Tool”, pada options bar pilih: Gambar 9. Optins Bar
“Horizontal Type Tool” Jenis Huruf = Trebuchet MS, Type = Bold, Besar Huruf = 18 pt,
Set the antialiasing method = Strong, Warna Huruf = Orange (kode warna = # ff9933).
Catatan : Option Bar “Horizontal Type Tool” muncul jika kita memilih icon pada Tools.
9. Gambar 8. Setting Outer Glowuntuk “Logo”25. Sekarang kita akan membuat layer
teks dengan nama “DINAS PETERNAKAN”, caranya : > Layer Style > Blending
Options atau pada layer “DINAS 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 = abuabu tua (kode warna = #
333333).Pusat Data dan Informasi Pertanian 2008 9
Pada Tools pilih “Horizontal Type Tool”, pada options bar pilih : Gambar 10.
Optins Bar “Horizontal Type Tool” Jenis Huruf = Trebuchet MS, Type = Bold, Besar
Huruf = 14 pt, Set the antialiasing method = Strong, Warna Huruf = Orange muda
(kode warna = # ffcc33). Catatan : a) Option Bar “Horizontal Type Tool” muncul jika
kita memilih icon pada Tools. b) Jika Tool tidak muncul Klik kanan pada tool atau klik
dan tahan (lihat gambar berikut)Pusat Data dan Informasi Pertanian 2008 10 Klik
OK.26. Buat teks keduan dengan nama “Kabupaten Ende”, caranya : 10. Gambar 10.
Setting Effects “Stroke” untuk teks “DINAS PETERNAKAN”
Setelah teks dibuat, beri effects dengan cara : Pada menu Layer11. >
Layer Style > Blending Options atau pada layer “Kabupaten Ende” klik kanan > Jika
kita sudah memilih Tool maka akan muncul pada options Bar seperti :Pusat Data dan
Informasi Pertanian 2008 11 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). Pada Tools pilih Pilih Blending Options.
Pilih Effects “Stroke”, isikan : Pada Size = 3 px, Position = Outside, Blend Mode =
Normal, Opacity = 100%, Fill Type = Color, Color = abuabu tua (kode warna = #
333333). Klik OK. Gambar 11. Setting Effects “Stroke” untuk teks “Kabupaten Ende”
27. Atur kedua teks tersebut di samping kiri Logo.28. Sekarang kita akan membuat
lingkaran yang didalamnya terdapat gambar yang mewakili tentang peternakan. Di
contoh gambar banner1 kita akan membuat 5 lingkaran. Berikut urutan
pembuatannya :
Klik menu Select Kemudian buka file “kuda.jpg” dari folder “banner1”. Buka
gambar kunci atau gembok pada gambar kuda dengan cara klik dua kali. Sesudah
pengaturan pada letak dan option bar, klik pada area gambar untuk menempatkan
seleksi lingkaran. Atur posisi lingkaran, letakkan di bawah dan setelah teks
“Kabupaten Ende” (lihat contoh gambar “banner1”). 12. Gambar 13. Options Bar
“Elliptical Marquee Tool” Atur pada Style = Fixed Size, Width = 50 px, Height= 50 px.
> All, setelah gambar terseleksi klik menu Edit > Copy Merge, buka jendela kerja
“banner1” kemudian klik menu Edit > Klik menu EditPaste Into untuk menampilkan
duplikat gambar “kuda” didalam seleksi. > Setelah layer gambar disatukan dengan
layer mask, kita akan memberikan effects, dengan cara : Klik Menu Layer Pada Palet
layer klik kanan pada layer mask “kuda” lalu pilih “Apply Layer Mask” Setelah selesai
klik Enter. Free Transform untuk mengatur ukuran gambar dan pastikan posisi dan
ukuran gambar ”kuda” ditengah seleksi. > 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.Pusat Data dan Informasi Pertanian 2008 12
Hasilnya akan tampak seperti gambar 16. Gambar 16. Gambar kuda setelah
diberi style Outer Glow dan Stroke.29. Ulangi langkah di point 28 utnuk membuat 4
lingkaran yang tersisa.30. Simpan “banner1” dengan klik menu File 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. Gambar 15. Setting Effect “ Stroke” 13. Gambar 14. Setting
Effect “ Outer Glow” > Save.Pusat Data dan Informasi Pertanian 2008 13
14. 31. Kemudian simpan ulang dengan format .jpg atau .png agar banner1
ini dapat di tempatkan pada website yang akan anda dibuat, dengan cara : Klik menu
File > Yang Kedua simpan dengan format = .png atau .jpg, hal ini dimaksudkan untuk
menempatkan “banner1” ini di pada web yang akan anda buat.Pusat Data dan
Informasi Pertanian 2008 14 Yang pertama simpan dengan format = .psd, ini
dimaksudkan jika anda ingin merubah atau mengedit effect atau teks yang sudah
dibuat. Save As. Lihat gambar 17. Gambar 17. Save As dengan format
.pngCatatan :Biasakan jika membuat banner, penyimpanan file dibuat 2 kali.
15. Contoh Banner2 yang akan di buat :LANGKAH – LANGKAH
PEMBUATAN BANNER2 :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 Gambar 1. New3.
Klik [OK]4. Simpan File dengan nama "banner2" dengan cara : Klik File > Save As.
Isikan >> File Name : banner2 Format : Photoshop(*.PSD).5. Pada tools pilih “Pen
Tool”, digunakan untuk membuat path dengan lengkunglengkung 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.Pusat Data dan Informasi
Pertanian 2008 15
Untuk menghilangkan “Rulers” pada jendela kerja tanpa menghilangkan
bekas rulers tersebut dengan cara : Pada Menu Klik View16. Gambar 2. Penggunaan
Rulers untuk path.6. Pada tools pilih “Set Foreground Color” dengan warna hijau (kode
warna = #00cc33). Ada 7 titik untukmembuat path seperti contoh gambar banner2.
Lihat Cara berikut : Pada Pallete Layers akan tercatat seperti ini. Gambar 3. Membuat
path dan yang tercatat pada Pallete Layers Catatan : > Untuk menghasilkan path
garis lurus yang rapi jangan lupa untuk menekan [Shift] pada Keyboard.Pusat Data
dan Informasi Pertanian 2008 16 Extras.
17. 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. Gambar 4. Rasterize Layer8. 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 = abuabu tua
(kode warna = #333333), Opacity = 100%, Angle = 120, Distance = 5 px, Spread =
0%, Size = 5 px.Pusat Data dan Informasi Pertanian 2008 17
Cara 1 : Klik Menu Layer18. Gambar 5. Setting Effect “Drop Shadow” 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.
Gambar 6. Setting Effect “Bevel and Emboss”9. Setelah di beri effect, duplikat layer
“shape 1” ada 2 pilihan cara : > Cara 2 : Pada layer “Shape 1; klik kananDuplicate
Layer, atau > pilih Duplicate Layer.Pusat Data dan Informasi Pertanian 2008 18
19. 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. Hasil layer yang sudah di
“Duplicate Layer” Gambar 7. Hasil Layer yang sudah di “Duplicate Layer”11. Langkah
berikutnya buka 6 file sekaligus diantaranya : “teh.jpg”, “kelapa.jpg”, “karet.jpg”,
“coklat.jpg”, “kopi.jpg”, “kapas.jpg” dari folder “banner2”. Klik Menu File > Open, buka
folder “banner2” dan buka file “.jpg” yang disebutkan diatas. Teh .jpg kelapa.jpg
karet.jpg Kopi.jpg kapas.jpg12. Setelah semua file terbuka, pindahkan salah satu file
gambar tersebut ke jendela kerja “banner2”, 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 2 : a) Klik menu select Pada Tools klik Move Tool , Klik dan tahan
kemudian tarik file ke jendela kerja “banner2”, atau Cara 1 : Layer “teh.jpg” 20. >
all (gambar akan terseleksi), kemudian klik menu Edit > Copy Merge. b) Buka jendela
“banner2”, kemudian Klik menu Edit > Lakukan ulang cara tersebut sampai ke 6 file
tersebut berhasil dipindahkan ke jendela kerja “banner2”13. Sesuaikan ukuran ke 6
gambar tersebut dengan ukuran Layer “Shape 1” dan “Shape 1 Copy” dengan cara
pada Menu Klik EditPaste. > 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. Gambar 8. Urutan Layer dan hasilnya
pada “banner2”15. Pada Layers pilih “Create New Layer” atau Layer > New > Layer
kemudian pada tools pilih “Rounded Rectangel Tool” (=digunakan untuk menggambar
segi empat melengkung).Pusat Data dan Informasi Pertanian 2008 20
21. 16. Pada Tools pilih “Set Foreground Color”. Pilih warna kuning (kode
warna = #ffff00). Atur opacity = 75 % agar tampak transparan. Hasilnya lihat gambar 9.
Gambar 9. Hasil penggunaan “Rounded Rectangel Tool”17. Sekarang kita akan
memasukkan gambar logo, dengan cara klik File > Open. Jika ada logo, masukkan
gambar logo sesuai dengan logo masing masing instansi kerja. Contoh logo yang
dipakai untuk latihan “logo lotim.gif”.18. Pada jendela kerja “logo” Klik Select > All,
kemudian Klik Edit > Copy.19. Klik jendela kerja “banner2” 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 “banner2” 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.Pusat Data dan Informasi Pertanian 2008 21
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. Gambar 11. Setting Effect “Stroke” pada logoPusat Data
dan Informasi Pertanian 2008 22 22. Gambar 10. Setting “Outer Glow” pada Logo”
Effect “Stroke”, isikan : Pada Structure
Setelah teks dibuat, beri effects dengan cara : Pada menu Layer Pada
Tools pilih “Horizontal Type Tool”, pada options bar pilih: Gambar 13. Optins Bar
“Horizontal Type Tool” Jenis Huruf = Trebuchet MS, Type = Bold, Besar Huruf = 22 pt,
Set the antialiasing method = Strong, Warna Huruf = putih. Catatan : Option Bar
“Horizontal Type Tool” muncul jika kita memilih icon pada Tools. 23. 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 : > Layer Style > Blending Options atau pada
layer “DINAS PERKEBUNAN” klik kanan > Pilih Blending Options. Pilih Effects “Bevel
and Emboss” dan “Stroke”, isikan :Pusat Data dan Informasi Pertanian 2008 23
24. 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 = abuabu tua (kode warna = # 333333) Gambar 15. Setting
Effect “Stroke” untuk Teks “DINAS PERKEBUNAN”Pusat Data dan Informasi
Pertanian 2008 24
Pada Too Setelah diberi kedua effect tersebut, klik OK.23. Buat teks kedua
dengan nama “Kabupaten Lombok Timur NTB”, caranya : 25. Setelah teks dibuat,
beri effects dengan cara : Pada menu Layerls pilih “Horizontal Type Tool”, pada
options bar pilih: Gambar 16. Optins Bar “Horizontal Type Tool” Jenis Huruf = Arial,
Type = Bold, Besar Huruf = 20 pt, Set the anti aliasing method = Strong, Warna Huruf
= Merah (kode warna = # ff3300). Catatan : c) Option Bar “Horizontal Type Tool”
muncul jika kita memilih icon pada Tools. d) Jika Tool tidak muncul Klik kanan pada
tool atau klik dan tahan (lihat gambar berikut) > 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.Pusat Data dan
Informasi Pertanian 2008 25
26. Gambar 17. Setting Effect “Drop Shadow” 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. Gambar 18.
Setting Effects “Inner Shadow”Pusat Data dan Informasi Pertanian 2008 26
27. Isikan pada Effect “ Outer Glow” : Pada Blend Mode = Screen, opacity =
100%, Noise = 0 %, Color mode = Putih, Techique = softer, spread = 0 %, Size = 5 px.
Gambar 19. Setting Effect “Outer Glow”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 banner2.27. Simpan “banner2” dengan klik menu File >
Save.32. Kemudian simpan ulang dengan format .jpg atau .png agar banner2 ini
dapat di tempatkan pada website yang akan anda dibuat, dengan cara: Klik menu File
> Save As. Lihat gambar 20. Gambar 20. Save As dengan Format .pngPusat Data dan
Informasi Pertanian 2008 27
SUYATI Staf Subbid Aplikasi Multimedia Telp. Kantor (021) 782 2803 Email :
suyati@deptan.go.id in3nk@yahoo.comPusat Data dan Informasi Pertanian 2008 28
Yang Kedua simpan dengan format = .png atau .jpg, hal ini dimaksudkan untuk
menempatkan “banner1” ini di pada web yang akan anda buat. SELAMAT MENCOBA
…… !!!!!! Yang pertama simpan dengan format = .psd, ini dimaksudkan jika anda
ingin merubah atau mengedit effect atau teks yang sudah dibuat. 28. Catatan
:Biasakan jika membuat banner, penyimpanan file dibuat 2 kali.
Tutorial Membuat Spanduk
Pada Postingan yang lalu saya sempat memberi contoh beberapa proyek spanduk yang pernah
saya garap.Bisa dilihat disini. Belum lengkap tampaknya jika tidak saya sertai dengan tutorialnya.
Nah....Buat melengkapi hal tersebut saya buat saja di postingan sekarang.
Spanduk yang akan saya buat sekarang bertema ucapan selamat & sukses untuk sebuah acara
IPNU-IPPNU.
Cekidot gan....
1. Buka Photoshopmu.... terserah mau versi berapa saja
2. tekan ctrl+n untuk membuat Dokumen Baru.maka akan muncul tampilan seperti ini
Add caption
isikan
width : 500 cm
Height : 90 cm
Resolution : 50 pixels/inch
Color Mode : CMYK 8bit
Background : White
Ok
3. Buat Tulisannya Dulu Seperti Di bawah ini Pake Horizontal Type Tool (T)
oh iya...sebelumnya tekan 2x pada icon gembok di panel layer samping tulisan background biar
bisa di kasih text
4. sekarang buat background nya biar sdikit bervariasi, tekan rectangular marquee tool (M).Drag dari
atas kebawah membentuk persegi panjang menghadap ke atas di layer 0 maka akan ada bentuk
seleksi seperti dibawah ini.liat kan??
5. aktifkan layer 0 tekan Ctrl+j.maka lahirlah sebuah layer 1 hahaha.....Oke...serius ya... Selanjutnya
carilah gradient overlay di layer style letaknya di kanan bawah.maka tampilannya akan seperti di
bawah ini.clict to edit the gradient - Foreground to Background.
Pada Color stop warna hitam (sebelah kiri) pilih warna hijau.komposisinya C:60 M:0 Y:100 K:0
Pada Color Stop Warna putih (sebelah kanan) pilih Warna kuning komposisinya Y:100 Lainnya : 0
lalu pada angel isikan 0. Ok
6. Aktifkan layer 1 yang td sudah di beri gradasi.tekan Ctrl+J untuk Menduplikat. Lakukan langkah
tersebut sampai warna gradasi memenuhi background.di layer pallete klik layer 1 tekan shift klik
layer 1 copy 11 (atau sampai copyan layer 1 terakhir) tekan Ctrl+E untuk menjadikan satu layer
7. aktifkan layer 1 td tekan ctrl T untuk transformasi,miringkan sedikit, besarkan sampai menutup
background putih.kira2 sampai bentuknya seperti ini
8. aktifkan layer 0.tekan Elliptical Marquee tool bentuknya elips.buat lingkaran drag sambil menekan
Shift sampai membentuk lingkaran lepaskan.tekan Ctrl J.tempatkan layer lingkaran yang sudah jadi
ke tempat yang paling atas di layer pallete agar terlihat.Beri Warna kuning.caranya klik color overlay
- set color overlay - Y:100 lainnya : 0
lalu Stroke : warna hijau (C:100 Y:100 lainnya: 0).buat lingkaran lagi seperti langkah
sebelumnya.tempatkan di bawah lingkaran pertama.beri warna putih.Agar lebih menarik beri brush
tipe floral.Caranya klik Create a new layer di atas lingkaran putih.tekan Brush tool (B) Sapukan
Brush Floral warna putih si atas lingkaran putih.
9. Jadikan 1 Lingkaran Bersama Brush tadi.Duplicate (ctrl+j) taruh disisi sebelahnya.nantinya akan
diisi logo.siapkan logo IPNU - IPPNU dan Logo Sekolah.tempatkan diatas lingkaran.
10. Beri Warna Teks dengan menggunakan Color Overlay - Stroke - Bevel and Emboss letaknya di
add a layer style di pojok kanan bawah.Isikan warna sesuka hati.Tambahkan Blok Warna hijau di
Bawah tanggal.lalu sapukan Brush bertype Glowing untuk efek bercahaya.Kira2 jadinya seperti Ini
Toolbox berisi berbagai macam tools yang digunakan untuk melakukan
manipulasi image.Pusat Data dan Informasi Pertanian 2008 1 Layer berkaitan
dengan manajemen layer pada image, seperti menambah layer, menghapus,
menambah efek pada layer, serta masking.C. Pengenalan Toolbox Adobe
Photoshop bukan pengolah kata, tapi ia dapat membuat beragam efek menarik untuk
mempercantik tampilan gambar dan teks.B. Pengenalan Layer Adobe Photoshop
pada dasarnya merupakan aplikasi pengolah gambar, namun seringkali pula ia
digunakan untuk mengubah tampilan suatu objek, misalnya teks atau tulisan. 1.
ADOBE PHOTOSHOPPOKOK BAHASANA. Pengenalan Adobe Photoshop Hal 1B.
Pengenalan Layer Hal 1C. Pengenalan Toolbox Hal – 1D. Pengertian Banner Hal –
2E. Latihan Pembuatan Banner1 Hal – 3F. Latihan Pembuatan Banner2 Hal 15A.
Pengenalan Adobe Photoshop :
Judul dari suatu website yang mencirikan website tersebut.Pusat Data dan
Informasi Pertanian 2008 22. 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 ToolM.
Sharpen ToolN. Burn ToolO. Path Selection ToolP. Type ToolQ. Pen ToolR. Custom
Shape ToolS. Notes ToolT. Eyedropper ToolU. Hand ToolV. Zoom ToolFungsi dari
masingmasing tools dijelaskan pada Manual “Image EditingMenggunakan Adobe
Photoshop” halaman 6 – 12.D. Pengertian Banner
3. Contoh Banner1 yang akan di buat :LANGKAH – LANGKAH
PEMBUATAN BANNER1 :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 : White3. Klik [OK] Gambar
1. New4. Simpan File dengan nama "banner1" dengan cara : Klik File > Save As.
Isikan >> File Name : banner1 Format : Photoshop(*.PSD).5. Buka file dengan nama
“imagebanner1.1.jpg” dari folder banner1. Klik File > Open. Buka folder banner1.
Cari nama file “imagebanner1.1.jpg” Klik Open. Lihat gambar 2.Pusat Data dan
Informasi Pertanian 2008 3
4. Gambar 2. langkahlangkah membuka file. Nama File yang dibuka >>
Cara 2 : a) Klik menu select Cara 1 : Pada layer “imagebanner1.1” klik Move Tool ,
Klik dan tahan kemudian tarik file “imagebanner1.1.jpg” ke jendela “banner 1”, atau
“imagebanner1.1.jpg”6. Buka gambar kunci/gembok pada layer “Background”
dengan cara klik dua kali. Klik dua kali Gambar 3.7. Pindahkan file gambar “image
banner1.1.jpg” ke jendela “Banner1” ada 2 cara pilihan yaitu : > all (gambar akan
terseleksi), kemudian klik menu Edit > Copy Merge.Pusat Data dan Informasi
Pertanian 2008 4
5. b) Buka jendela “banner1”, kemudian Klik menu Edit > Paste.8. Gambar
“imagebanner1.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 Gambar 4. Pallete
New Layer Icon “Create New Layer”Pusat Data dan Informasi Pertanian 2008 5
Klik Menu Select6. 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. Klik kemudian akan muncul pilihan warna. Gambar 5. Letak
kode warna.12. Setelah gambar dipilih, untuk mewarnai layer pada tools pilih “Paint
Bucket Tool”. Klik pada layer maka gambar image tersebut akan tertutupi dengan
warna hijau.13. Kemudian pada Tool pilih “Rectangel Marquee Tool” untuk membuat
seleksi. Tekan [delete] pada keyboard untuk menghapus bagian tengah yang
terseleksi. Lihat gambar 6. Gambar 6. Hasil seleksi gambar yang sudah di delete.
Catatan : > Untuk memudahkan seleksi pada gambar sesuai keinginan, dengan cara
menarik Rulers ke layer "back hijau". Cara menarik Rulers :Pusat Data dan Informasi
Pertanian 2008 6Deselect atau tekan [Ctrl]+[D] untuk mehilangkan garis terputus
putus pada gambar.
Untuk memunculkan Rulers jika tidak muncul pada jendela kerja kita yaitu
dengan Klik View7. pada Tools pilih "Move Tools", setelah itu pada Rulers klik tahan
dan tarik. > 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. Gambar 7. Setting Outer Glow untuk “back hijau”.15. Atur
nilai Opacity layer “back hijau” menjadi 40%. Hasilnya fill layer “back hijau” berubah
menjadi transparan.16. Klik File > Open. Buka folder “banner1” cari file dengan nama
“sapi besar.gif” kemudian klik Open.Pusat Data dan Informasi Pertanian 2008 7
8. 17. Pada Tools pilih “Move Tool” untuk memindahkan gambar “sapi besar”
ke jendela kerja “banner1”. Klik gambar “sapibesar” kemudian tahan dan tarik ke
jendela kerja “banner1”.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 “sapibesar” 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 masing masing instansi kerja. Contoh logo yang dipakai untuk latihan “logo
ende.gif”.21. Pada jendela kerja “logo” Klik Select > All, kemudian Klik Edit > Copy.22.
Klik jendela kerja “banner1” 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 “banner1” 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.Pusat Data dan Informasi Pertanian 2008
8
Setelah teks dibuat, beri effects dengan cara : Pada menu Layer Pada
Tools pilih “Horizontal Type Tool”, pada options bar pilih: Gambar 9. Optins Bar
“Horizontal Type Tool” Jenis Huruf = Trebuchet MS, Type = Bold, Besar Huruf = 18 pt,
Set the antialiasing method = Strong, Warna Huruf = Orange (kode warna = # ff9933).
Catatan : Option Bar “Horizontal Type Tool” muncul jika kita memilih icon pada Tools.
9. Gambar 8. Setting Outer Glowuntuk “Logo”25. Sekarang kita akan membuat layer
teks dengan nama “DINAS PETERNAKAN”, caranya : > Layer Style > Blending
Options atau pada layer “DINAS 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 = abuabu tua (kode warna = #
333333).Pusat Data dan Informasi Pertanian 2008 9
Pada Tools pilih “Horizontal Type Tool”, pada options bar pilih : Gambar 10.
Optins Bar “Horizontal Type Tool” Jenis Huruf = Trebuchet MS, Type = Bold, Besar
Huruf = 14 pt, Set the antialiasing method = Strong, Warna Huruf = Orange muda
(kode warna = # ffcc33). Catatan : a) Option Bar “Horizontal Type Tool” muncul jika
kita memilih icon pada Tools. b) Jika Tool tidak muncul Klik kanan pada tool atau klik
dan tahan (lihat gambar berikut)Pusat Data dan Informasi Pertanian 2008 10 Klik
OK.26. Buat teks keduan dengan nama “Kabupaten Ende”, caranya : 10. Gambar 10.
Setting Effects “Stroke” untuk teks “DINAS PETERNAKAN”
Setelah teks dibuat, beri effects dengan cara : Pada menu Layer11. >
Layer Style > Blending Options atau pada layer “Kabupaten Ende” klik kanan > Jika
kita sudah memilih Tool maka akan muncul pada options Bar seperti :Pusat Data dan
Informasi Pertanian 2008 11 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). Pada Tools pilih Pilih Blending Options.
Pilih Effects “Stroke”, isikan : Pada Size = 3 px, Position = Outside, Blend Mode =
Normal, Opacity = 100%, Fill Type = Color, Color = abuabu tua (kode warna = #
333333). Klik OK. Gambar 11. Setting Effects “Stroke” untuk teks “Kabupaten Ende”
27. Atur kedua teks tersebut di samping kiri Logo.28. Sekarang kita akan membuat
lingkaran yang didalamnya terdapat gambar yang mewakili tentang peternakan. Di
contoh gambar banner1 kita akan membuat 5 lingkaran. Berikut urutan
pembuatannya :
Klik menu Select Kemudian buka file “kuda.jpg” dari folder “banner1”. Buka
gambar kunci atau gembok pada gambar kuda dengan cara klik dua kali. Sesudah
pengaturan pada letak dan option bar, klik pada area gambar untuk menempatkan
seleksi lingkaran. Atur posisi lingkaran, letakkan di bawah dan setelah teks
“Kabupaten Ende” (lihat contoh gambar “banner1”). 12. Gambar 13. Options Bar
“Elliptical Marquee Tool” Atur pada Style = Fixed Size, Width = 50 px, Height= 50 px.
> All, setelah gambar terseleksi klik menu Edit > Copy Merge, buka jendela kerja
“banner1” kemudian klik menu Edit > Klik menu EditPaste Into untuk menampilkan
duplikat gambar “kuda” didalam seleksi. > Setelah layer gambar disatukan dengan
layer mask, kita akan memberikan effects, dengan cara : Klik Menu Layer Pada Palet
layer klik kanan pada layer mask “kuda” lalu pilih “Apply Layer Mask” Setelah selesai
klik Enter. Free Transform untuk mengatur ukuran gambar dan pastikan posisi dan
ukuran gambar ”kuda” ditengah seleksi. > 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.Pusat Data dan Informasi Pertanian 2008 12
Hasilnya akan tampak seperti gambar 16. Gambar 16. Gambar kuda setelah
diberi style Outer Glow dan Stroke.29. Ulangi langkah di point 28 utnuk membuat 4
lingkaran yang tersisa.30. Simpan “banner1” dengan klik menu File 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. Gambar 15. Setting Effect “ Stroke” 13. Gambar 14. Setting
Effect “ Outer Glow” > Save.Pusat Data dan Informasi Pertanian 2008 13
14. 31. Kemudian simpan ulang dengan format .jpg atau .png agar banner1
ini dapat di tempatkan pada website yang akan anda dibuat, dengan cara : Klik menu
File > Yang Kedua simpan dengan format = .png atau .jpg, hal ini dimaksudkan untuk
menempatkan “banner1” ini di pada web yang akan anda buat.Pusat Data dan
Informasi Pertanian 2008 14 Yang pertama simpan dengan format = .psd, ini
dimaksudkan jika anda ingin merubah atau mengedit effect atau teks yang sudah
dibuat. Save As. Lihat gambar 17. Gambar 17. Save As dengan format
.pngCatatan :Biasakan jika membuat banner, penyimpanan file dibuat 2 kali.
15. Contoh Banner2 yang akan di buat :LANGKAH – LANGKAH
PEMBUATAN BANNER2 :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 Gambar 1. New3.
Klik [OK]4. Simpan File dengan nama "banner2" dengan cara : Klik File > Save As.
Isikan >> File Name : banner2 Format : Photoshop(*.PSD).5. Pada tools pilih “Pen
Tool”, digunakan untuk membuat path dengan lengkunglengkung 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.Pusat Data dan Informasi
Pertanian 2008 15
Untuk menghilangkan “Rulers” pada jendela kerja tanpa menghilangkan
bekas rulers tersebut dengan cara : Pada Menu Klik View16. Gambar 2. Penggunaan
Rulers untuk path.6. Pada tools pilih “Set Foreground Color” dengan warna hijau (kode
warna = #00cc33). Ada 7 titik untukmembuat path seperti contoh gambar banner2.
Lihat Cara berikut : Pada Pallete Layers akan tercatat seperti ini. Gambar 3. Membuat
path dan yang tercatat pada Pallete Layers Catatan : > Untuk menghasilkan path
garis lurus yang rapi jangan lupa untuk menekan [Shift] pada Keyboard.Pusat Data
dan Informasi Pertanian 2008 16 Extras.
17. 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. Gambar 4. Rasterize Layer8. 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 = abuabu tua
(kode warna = #333333), Opacity = 100%, Angle = 120, Distance = 5 px, Spread =
0%, Size = 5 px.Pusat Data dan Informasi Pertanian 2008 17
Cara 1 : Klik Menu Layer18. Gambar 5. Setting Effect “Drop Shadow” 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.
Gambar 6. Setting Effect “Bevel and Emboss”9. Setelah di beri effect, duplikat layer
“shape 1” ada 2 pilihan cara : > Cara 2 : Pada layer “Shape 1; klik kananDuplicate
Layer, atau > pilih Duplicate Layer.Pusat Data dan Informasi Pertanian 2008 18
19. 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. Hasil layer yang sudah di
“Duplicate Layer” Gambar 7. Hasil Layer yang sudah di “Duplicate Layer”11. Langkah
berikutnya buka 6 file sekaligus diantaranya : “teh.jpg”, “kelapa.jpg”, “karet.jpg”,
“coklat.jpg”, “kopi.jpg”, “kapas.jpg” dari folder “banner2”. Klik Menu File > Open, buka
folder “banner2” dan buka file “.jpg” yang disebutkan diatas. Teh .jpg kelapa.jpg
karet.jpg Kopi.jpg kapas.jpg12. Setelah semua file terbuka, pindahkan salah satu file
gambar tersebut ke jendela kerja “banner2”, 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 2 : a) Klik menu select Pada Tools klik Move Tool , Klik dan tahan
kemudian tarik file ke jendela kerja “banner2”, atau Cara 1 : Layer “teh.jpg” 20. >
all (gambar akan terseleksi), kemudian klik menu Edit > Copy Merge. b) Buka jendela
“banner2”, kemudian Klik menu Edit > Lakukan ulang cara tersebut sampai ke 6 file
tersebut berhasil dipindahkan ke jendela kerja “banner2”13. Sesuaikan ukuran ke 6
gambar tersebut dengan ukuran Layer “Shape 1” dan “Shape 1 Copy” dengan cara
pada Menu Klik EditPaste. > 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. Gambar 8. Urutan Layer dan hasilnya
pada “banner2”15. Pada Layers pilih “Create New Layer” atau Layer > New > Layer
kemudian pada tools pilih “Rounded Rectangel Tool” (=digunakan untuk menggambar
segi empat melengkung).Pusat Data dan Informasi Pertanian 2008 20
21. 16. Pada Tools pilih “Set Foreground Color”. Pilih warna kuning (kode
warna = #ffff00). Atur opacity = 75 % agar tampak transparan. Hasilnya lihat gambar 9.
Gambar 9. Hasil penggunaan “Rounded Rectangel Tool”17. Sekarang kita akan
memasukkan gambar logo, dengan cara klik File > Open. Jika ada logo, masukkan
gambar logo sesuai dengan logo masing masing instansi kerja. Contoh logo yang
dipakai untuk latihan “logo lotim.gif”.18. Pada jendela kerja “logo” Klik Select > All,
kemudian Klik Edit > Copy.19. Klik jendela kerja “banner2” 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 “banner2” 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.Pusat Data dan Informasi Pertanian 2008 21
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. Gambar 11. Setting Effect “Stroke” pada logoPusat Data
dan Informasi Pertanian 2008 22 22. Gambar 10. Setting “Outer Glow” pada Logo”
Effect “Stroke”, isikan : Pada Structure
Setelah teks dibuat, beri effects dengan cara : Pada menu Layer Pada
Tools pilih “Horizontal Type Tool”, pada options bar pilih: Gambar 13. Optins Bar
“Horizontal Type Tool” Jenis Huruf = Trebuchet MS, Type = Bold, Besar Huruf = 22 pt,
Set the antialiasing method = Strong, Warna Huruf = putih. Catatan : Option Bar
“Horizontal Type Tool” muncul jika kita memilih icon pada Tools. 23. 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 : > Layer Style > Blending Options atau pada
layer “DINAS PERKEBUNAN” klik kanan > Pilih Blending Options. Pilih Effects “Bevel
and Emboss” dan “Stroke”, isikan :Pusat Data dan Informasi Pertanian 2008 23
24. 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 = abuabu tua (kode warna = # 333333) Gambar 15. Setting
Effect “Stroke” untuk Teks “DINAS PERKEBUNAN”Pusat Data dan Informasi
Pertanian 2008 24
Pada Too Setelah diberi kedua effect tersebut, klik OK.23. Buat teks kedua
dengan nama “Kabupaten Lombok Timur NTB”, caranya : 25. Setelah teks dibuat,
beri effects dengan cara : Pada menu Layerls pilih “Horizontal Type Tool”, pada
options bar pilih: Gambar 16. Optins Bar “Horizontal Type Tool” Jenis Huruf = Arial,
Type = Bold, Besar Huruf = 20 pt, Set the anti aliasing method = Strong, Warna Huruf
= Merah (kode warna = # ff3300). Catatan : c) Option Bar “Horizontal Type Tool”
muncul jika kita memilih icon pada Tools. d) Jika Tool tidak muncul Klik kanan pada
tool atau klik dan tahan (lihat gambar berikut) > 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.Pusat Data dan
Informasi Pertanian 2008 25
26. Gambar 17. Setting Effect “Drop Shadow” 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. Gambar 18.
Setting Effects “Inner Shadow”Pusat Data dan Informasi Pertanian 2008 26
27. Isikan pada Effect “ Outer Glow” : Pada Blend Mode = Screen, opacity =
100%, Noise = 0 %, Color mode = Putih, Techique = softer, spread = 0 %, Size = 5 px.
Gambar 19. Setting Effect “Outer Glow”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 banner2.27. Simpan “banner2” dengan klik menu File >
Save.32. Kemudian simpan ulang dengan format .jpg atau .png agar banner2 ini
dapat di tempatkan pada website yang akan anda dibuat, dengan cara: Klik menu File
> Save As. Lihat gambar 20. Gambar 20. Save As dengan Format .pngPusat Data dan
Informasi Pertanian 2008 27
SUYATI Staf Subbid Aplikasi Multimedia Telp. Kantor (021) 782 2803 Email :
suyati@deptan.go.id in3nk@yahoo.comPusat Data dan Informasi Pertanian 2008 28
Yang Kedua simpan dengan format = .png atau .jpg, hal ini dimaksudkan untuk
menempatkan “banner1” ini di pada web yang akan anda buat. SELAMAT MENCOBA
…… !!!!!! Yang pertama simpan dengan format = .psd, ini dimaksudkan jika anda
ingin merubah atau mengedit effect atau teks yang sudah dibuat. 28. Catatan
:Biasakan jika membuat banner, penyimpanan file dibuat 2 kali.