SlideShare a Scribd company logo
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.PusatData 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 membuatberagam 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 ToolboxHal – 1D. Pengertian Banner Hal –
2E. Latihan Pembuatan Banner-1 Hal – 3F. Latihan Pembuatan Banner-2 Hal - 15A.
Pengenalan Adobe Photoshop :
 Judul dari suatu website yang mencirikan website tersebut.PusatData dan Informasi
Pertanian 2008 -2-2. 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 masing-
masing tools dijelaskan pada Manual “Image EditingMenggunakan Adobe Photoshop”
halaman 6 – 12.D. Pengertian Banner
 3. Contoh Banner-1 yang akan di buat: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 : White3. Klik [OK] Gambar 1. New4.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.PusatData dan Informasi Pertanian 2008 -3-
 4. Gambar 2. langkah-langkah membuka file.Nama File yang dibuka >> Cara 2 : a)
Klik menu selectCara 1 : Pada layer “image-banner1.1” klik Move Tool , Klik dan
tahan kemudian tarik file “image-banner1.1.jpg” ke jendela “banner- 1”,atau “image-
banner1.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 “Banner-1” 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 “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 dapatmenggunakan :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.Buatlayer baru dengan cara Klik Layer > New >
Layer atau klik icon “Create New Layer” pada “Pallete Layer” dan Beri nama layer baru
tersebutdengan nama “back hijau”.Pallete Layer Gambar 4. Pallete New Layer Icon
“Create New Layer”PusatData dan Informasi Pertanian 2008 -5-
 Klik Menu Select6. 11. Warnai layer “back hijau” dengan warna hijau dengan cara :
Pada Tools pilih “Set Foreground Color” pilih warna hijau (kode warna = #003300).
Lihatgambar 5. Klik kemudian akan muncul pilihan warna.Gambar 5.Letak kode
warna.12.Setelah gambar dipilih,untuk mewarnai layer pada tools pilih “PaintBucket
Tool”. Klik pada layer maka gambar image tersebutakan tertutupi dengan warna
hijau.13.Kemudian pada Tool pilih “Rectangel Marquee Tool” untuk membuatseleksi.
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 :PusatData dan Inform asi Pertanian 2008 -6-
Deselectatau tekan [Ctrl]+[D] untuk mehilangkan garis terputus -putus pada gambar.
 Untuk memunculkan Rulers jika tidak muncul pada jendela kerja kita yaitu dengan Klik
View7. 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.Lihatgambar 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 “banner-1” cari file dengan nama
“sapi- besar.gif” kemudian klik Open.PusatData dan Informasi Pertanian 2008 -7-
 8. 17. Pada Tools pilih “Move Tool” untuk memindahkan gambar “sapi- 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” tersebutke 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
“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.PusatData 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= TrebuchetMS, 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 pada Tools. 9.
Gambar 8. Setting Outer Glowuntuk “Logo”25.Sekarang kita akan membuatlayer 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 = abu-abu tua (kode warna = #
333333).PusatData dan Informasi Pertanian 2008 -9-
 Pada Tools pilih “Horizontal Type Tool”, pada options bar pilih : Gambar 10.Optins
Bar “Horizontal Type Tool” Jenis Huruf= TrebuchetMS, 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 pada Tools.b) Jika Tool tidak muncul Klik kanan pada tool atau klik dan
tahan (lihat gambar berikut)PusatData 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 Layer11. > Layer Style >
Blending Options atau pada layer “Kabupaten Ende” klik kanan > Jika kita sudah
memilih Tool maka akan muncul pada options Bar seperti :PusatData dan Informasi
Pertanian 2008 - 11 - Elliptical Marquee Tool Gambar 12. Cara memunculkan Tool
“Elliptical Marquee Tool” Catatan : cara memilih “Elliptical Marquee Tool” apabila tidak
terlihatpada 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 = abu-abu tua (kode warna = # 333333).Klik OK. Gambar 11.
Setting Effects “Stroke” untuk teks “Kabupaten Ende” 27. Atur kedua teks tersebutdi
samping kiri Logo.28.Sekarang kita akan membuatlingkaran yang didalamnya
terdapatgambar yang mewakili tentang peternakan.Di contoh gambar banner-1 kita
akan membuat5 lingkaran.Berikuturutan pembuatannya :
 Klik menu Select Kemudian buka file “kuda.jpg” dari folder “banner-1”.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” (lihatcontoh gambar “banner-1”).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
“banner-1” kemudian klik menu Edit> Klik menu EditPaste Into untuk menampilkan
duplikatgambar “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.PusatData 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 point28 utnuk membuat4 lingkaran
yang tersisa.30.Simpan “banner-1” 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. Lihatgambar 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 banner-1 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 “banner-1” ini di pada web yang akan anda buat.PusatData dan
Informasi Pertanian 2008 - 14 - Yang pertama simpan dengan format= .psd, ini
dimaksudkan jika anda ingin merubah atau mengediteffectatau teks yang sudah
dibuat.Save As. Lihat gambar 17.Gambar 17.Save As dengan format.pngCatatan
:Biasakan jika membuatbanner,penyimpanan file dibuat2 kali.
 15. Contoh Banner-2 yang akan di buat :LANGKAH – LANGKAH PEMBUATAN
BANNER-2 :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 "banner-2"dengan cara :Klik File > Save As. Isikan >> File Name :
banner-2 Format: Photoshop(*.PSD).5.Pada tools pilih “Pen Tool”, digunakan untuk
membuatpath dengan lengkung-lengkung yang halus.Untuk hasil yang rapi untuk
membuatlistatas anda dapatmenggunakan “Rulers” untuk memberi garis path yang
akan anda buat. Lihat gambar 2.PusatData dan Informasi Pertanian 2008 - 15 -
 Untuk menghilangkan “Rulers” pada jendela kerja tanpa menghilangkan bekas rulers
tersebutdengan cara : Pada Menu Klik View16. Gambar 2. Penggunaan Rulers
untuk path.6. Pada tools pilih “Set Foreground Color” dengan warna hijau (kode warna
= #00cc33).Ada 7 titik untukmembuatpath seperti contoh gambar banner-2.Lihat
Cara berikut : Pada Pallete Layers akan tercatat seperti ini.Gambar 3. Membuatpath
dan yang tercatat pada Pallete Layers Catatan : > Untuk menghasilkan path garis
lurus yang rapi jangan lupa untuk menekan [Shift] pada Keyboard.PusatData dan
Informasi Pertanian 2008 - 16 -Extras.
 17. 7. Gabungkan shape yang telah anda buatdengan 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 dapatdilihatpada
gambar 4.Gambar 4. Rasterize Layer8. Setelah layer “Shape 1” berhasil
digabungkan,beri effectshape 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.Pusat Data dan Informasi Pertanian 2008 - 17 -
 Cara 1 : Klik Menu Layer18. 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, duplikatlayer “shape 1” ada
2 pilihan cara : > Cara 2 : Pada layer “Shape 1; klik kananDuplicate Layer, atau >
pilih Duplicate Layer.PusatData 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 tersebutjuga 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 “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.jpg12.Setelah semua file terbuka,pindahkan salah satu file gambar tersebutke
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 :PusatData 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 “banner-2”,atau  Cara 1 : Layer “teh.jpg” 20. > all (gambar
akan terseleksi),kemudian klik menu Edit> Copy Merge. b) Buka jendela “banner-2”,
kemudian Klik menu Edit> Lakukan ulang cara tersebutsampai ke 6 file tersebut
berhasil dipindahkan ke jendela kerja “banner-2”13.Sesuaikan ukuran ke 6 gambar
tersebutdengan ukuran Layer “Shape 1” dan “Shape 1 Copy” dengan cara pada Menu
Klik EditPaste. > Free Transform,jangan lupa menekan [shift]pada keyboard agar
gambar yang dihasilkan proposional.14.Pindahkan ke 6 layer gambar tersebutke
bawah Layer “Shape 1” dan “shape 1 copy”, agar gambar tersebutberada 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 “banner-2”15.
Pada Layers pilih “Create New Layer” atau Layer > New > Layer kemudian pada tools
pilih “Rounded Rectangel Tool” (=digunakan untuk menggambar segi empat
melengkung).PusatData 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 lihatgambar 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 “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.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 logoPusatData 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= TrebuchetMS, 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 pada Tools. 23.Hasil dari kedua effect tersebut
dapatdilihatpada gambar 12.Gambar 12. Logo yang sudah diberi effect “Outer Glow”
dan “Stroke”22. Sekarang kita akan membuatlayer 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 :PusatData 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 = abu-abu tua (kode warna = # 333333) Gambar 15.Setting
Effect “Stroke” untuk Teks “DINAS PERKEBUNAN”PusatData 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 Layerls 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. Lihatgambar 17.PusatData 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”PusatData 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 tersebutklik
OK.25. Atur kedua teks tersebutdi samping kiri Logo.26.Hasil pembuatan banner
dapatdilihatpada 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
dapatdi tempatkan pada website yang akan anda dibuat, dengan cara:Klik menu File
> Save As. Lihatgambar 20.Gambar 20. Save As dengan Format.pngPusatData dan
Informasi Pertanian 2008 - 27 -
 SUYATI Staf Subbid Aplikasi Multimedia Telp.Kantor (021) 782 2803 Email :
suyati@deptan.go.id in3nk@yahoo.comPusatData dan Informasi Pertanian 2008 - 28
- Yang Kedua simpan dengan format= .png atau .jpg, hal ini dimaksudkan untuk
menempatkan “banner-1” ini di pada web yang akan anda buat. SELAMAT MENCOBA
…… !!!!!!  Yang pertama simpan dengan format= .psd, ini dimaksudkan jika anda
ingin merubah atau mengediteffect atau teks yang sudah dibuat. 28. Catatan
:Biasakan jika membuatbanner,penyimpanan file dibuat2 kali.

More Related Content

PDF
Step2 pembuatan banner[1]
PDF
Pembuatan Banner Pake Photoshop
 
PDF
dasar desain gambar dengan photoshop
DOCX
Mengenal adobe photoshop
DOCX
Tutorial cara menjadi master desain grafis tanpa sekolah dan kuliah
DOCX
Coreldraw
PDF
Membuat animasi dengan menggunakan macromedia flash
PDF
Tutorial lengkap asas photoshop cs
Step2 pembuatan banner[1]
Pembuatan Banner Pake Photoshop
 
dasar desain gambar dengan photoshop
Mengenal adobe photoshop
Tutorial cara menjadi master desain grafis tanpa sekolah dan kuliah
Coreldraw
Membuat animasi dengan menggunakan macromedia flash
Tutorial lengkap asas photoshop cs

What's hot (20)

PDF
168 teknik profesional photoshop cs
PDF
MATERI_FLASH_XI
DOCX
Artikel aplikasi microsoft paint
PPTX
2.3 fungsi dan cara kerja perangkat lunak aplikasi teknologi informasi dan ko...
PDF
modul adobe photoshop
DOCX
Tutorial adobe photoshop
PDF
7 hari-belajar-macromedia-flash
DOC
Modul1
DOCX
Pengertian macromedia flash
PPTX
Mengenal microsoft paint
PDF
Modul 26 mengidentifikasi dan menggunakan design grafis sebagai pengolah data2
PDF
Tutorial bagus photoshop cs4 baruuuuuuu
PDF
Materi photoshop-1
PDF
Adobe Photoshop Full Tutorial
PDF
Mahir adobe photoshop cs3
PDF
101 tip & trik adobe photoshop cs
PDF
Turotial gimp #grombyangOS
PPTX
Power point 9D absen 6 bab 3
PDF
Modul powerpoint
DOCX
Laporan praktikum modul 4
168 teknik profesional photoshop cs
MATERI_FLASH_XI
Artikel aplikasi microsoft paint
2.3 fungsi dan cara kerja perangkat lunak aplikasi teknologi informasi dan ko...
modul adobe photoshop
Tutorial adobe photoshop
7 hari-belajar-macromedia-flash
Modul1
Pengertian macromedia flash
Mengenal microsoft paint
Modul 26 mengidentifikasi dan menggunakan design grafis sebagai pengolah data2
Tutorial bagus photoshop cs4 baruuuuuuu
Materi photoshop-1
Adobe Photoshop Full Tutorial
Mahir adobe photoshop cs3
101 tip & trik adobe photoshop cs
Turotial gimp #grombyangOS
Power point 9D absen 6 bab 3
Modul powerpoint
Laporan praktikum modul 4
Ad

Viewers also liked (9)

PDF
Terjemahan kitab safinatunnajaah
PDF
Desain grafis dengan macromedia freehand 9
DOCX
Terjemahan safinatun najah
PPT
Tutorial ms power point
PDF
Buku teks-bahasa-arab
PDF
Terjemah matansafiinatunnajaah
PDF
Tahlilan madzhab syafii
PDF
Susunan tahlil dan doa tahlil
DOCX
Terjemah kitab safinatun najah lengkap
Terjemahan kitab safinatunnajaah
Desain grafis dengan macromedia freehand 9
Terjemahan safinatun najah
Tutorial ms power point
Buku teks-bahasa-arab
Terjemah matansafiinatunnajaah
Tahlilan madzhab syafii
Susunan tahlil dan doa tahlil
Terjemah kitab safinatun najah lengkap
Ad

Similar to Tutorial membuat spanduk_dengan_photoshop (20)

PDF
Materi photoshop-1
PPT
panduan penggunaan photoshop panduan penggunaan photoshop
DOCX
Kreasi dengan photoshop
DOCX
Panduan pratek photosho1 final
DOCX
Sampan
PPTX
Pengenalan Dasar-Dasar Photoshop - dewifitriyani__
PDF
Adobe photoshop-7
PDF
Adobe photoshop-cs2
PDF
Tutorial Photoshop
DOCX
10 tips dan trik cepat mengoperasikan photoshop
PDF
Bab7 layers
PDF
Modul tutorial-photoshop-1
PPS
Tutorial PhotoShop File Save
PDF
Tugas brosur
PDF
Tugas brosur
PPS
Tutorialphotoshop
PDF
Paparan Abdurrahman Naufal Overview Photoshop serta Pengaplikasiannya Dalam D...
PPTX
Adobe photoshop cs5
PDF
Membuat Gambar Timbul dengan photoshop
PPTX
Efek Teks Kobaran Api
Materi photoshop-1
panduan penggunaan photoshop panduan penggunaan photoshop
Kreasi dengan photoshop
Panduan pratek photosho1 final
Sampan
Pengenalan Dasar-Dasar Photoshop - dewifitriyani__
Adobe photoshop-7
Adobe photoshop-cs2
Tutorial Photoshop
10 tips dan trik cepat mengoperasikan photoshop
Bab7 layers
Modul tutorial-photoshop-1
Tutorial PhotoShop File Save
Tugas brosur
Tugas brosur
Tutorialphotoshop
Paparan Abdurrahman Naufal Overview Photoshop serta Pengaplikasiannya Dalam D...
Adobe photoshop cs5
Membuat Gambar Timbul dengan photoshop
Efek Teks Kobaran Api

Recently uploaded (20)

PDF
ANALISIS SOALAN BAHASA MELAYU SPM 2021-2024 (1).pdf
PPTX
materi pencegahan perkawinan usia anak.pptx
PPTX
XI BAB 7 SISTEM PERNAPASAN pada kelas xi
DOCX
Modul Ajar Deep Learning PJOK Kelas 10 SMA Terbaru 2025
DOCX
Modul Ajar Deep Learning Bahasa Inggris Lanjutan Kelas 11 SMA Terbaru 2025
PPSX
Teknik Trading Selang Seling Yang Dapat Digunakan Untuk Trading Manual Maupun...
PPT
SEJARAH kelas 12 SEMESTER SATU DAN DUA.ppt
PPTX
5. Bahan Bacaan Asinkronus Modul 5_ Perencanaan Pembelajaran.pptx
PPTX
Presentasi Al-Quran Hadits Kelompok XI.1
PPTX
Paparan Penyesuaian Juknis BOSP Tahun 2025
PDF
PPT Yudisium Ceremony Agusus 2025 - new. pdf
PPTX
PPT MATERI KODING DAN KECERDASAN ARTIFISIAL UNTUK PEMBELAJARAN
PPTX
MATERI NARKOBA RTS badan anti narkoba.pptx
PPTX
Keragaman kerajinan tangan mancanegara.pptx
DOCX
Modul Ajar Deep Learning PAI & BP Kelas 10 SMA Terbaru 2025
PPTX
Modul 4 Asesmen-dalam-Pembelajaran-Mendalam.pptx
PPT
MATERI ALL Biologi 10 LENGKAP SEKALI TINGGAL DI GUNAKAN
PDF
ANALISIS CP NO 046 TAHUN 2025 FASE C.pdf
DOCX
Lembar Kerja Mahasiswa Information System
PPTX
MATERI MPLS TENTANG KURIKULUM DAN KEGIATAN PEMBELAJARAN
ANALISIS SOALAN BAHASA MELAYU SPM 2021-2024 (1).pdf
materi pencegahan perkawinan usia anak.pptx
XI BAB 7 SISTEM PERNAPASAN pada kelas xi
Modul Ajar Deep Learning PJOK Kelas 10 SMA Terbaru 2025
Modul Ajar Deep Learning Bahasa Inggris Lanjutan Kelas 11 SMA Terbaru 2025
Teknik Trading Selang Seling Yang Dapat Digunakan Untuk Trading Manual Maupun...
SEJARAH kelas 12 SEMESTER SATU DAN DUA.ppt
5. Bahan Bacaan Asinkronus Modul 5_ Perencanaan Pembelajaran.pptx
Presentasi Al-Quran Hadits Kelompok XI.1
Paparan Penyesuaian Juknis BOSP Tahun 2025
PPT Yudisium Ceremony Agusus 2025 - new. pdf
PPT MATERI KODING DAN KECERDASAN ARTIFISIAL UNTUK PEMBELAJARAN
MATERI NARKOBA RTS badan anti narkoba.pptx
Keragaman kerajinan tangan mancanegara.pptx
Modul Ajar Deep Learning PAI & BP Kelas 10 SMA Terbaru 2025
Modul 4 Asesmen-dalam-Pembelajaran-Mendalam.pptx
MATERI ALL Biologi 10 LENGKAP SEKALI TINGGAL DI GUNAKAN
ANALISIS CP NO 046 TAHUN 2025 FASE C.pdf
Lembar Kerja Mahasiswa Information System
MATERI MPLS TENTANG KURIKULUM DAN KEGIATAN PEMBELAJARAN

Tutorial membuat spanduk_dengan_photoshop

  • 1. 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
  • 2. 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
  • 3. 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
  • 4. 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.
  • 5. 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.
  • 6. 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
  • 7.  Toolbox berisi berbagai macam tools yang digunakan untuk melakukan manipulasi image.PusatData 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 membuatberagam 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 ToolboxHal – 1D. Pengertian Banner Hal – 2E. Latihan Pembuatan Banner-1 Hal – 3F. Latihan Pembuatan Banner-2 Hal - 15A. Pengenalan Adobe Photoshop :  Judul dari suatu website yang mencirikan website tersebut.PusatData dan Informasi Pertanian 2008 -2-2. 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 masing- masing tools dijelaskan pada Manual “Image EditingMenggunakan Adobe Photoshop” halaman 6 – 12.D. Pengertian Banner  3. Contoh Banner-1 yang akan di buat: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 : White3. Klik [OK] Gambar 1. New4.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.PusatData dan Informasi Pertanian 2008 -3-  4. Gambar 2. langkah-langkah membuka file.Nama File yang dibuka >> Cara 2 : a) Klik menu selectCara 1 : Pada layer “image-banner1.1” klik Move Tool , Klik dan tahan kemudian tarik file “image-banner1.1.jpg” ke jendela “banner- 1”,atau “image- banner1.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”
  • 8. ke jendela “Banner-1” 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 “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 dapatmenggunakan :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.Buatlayer baru dengan cara Klik Layer > New > Layer atau klik icon “Create New Layer” pada “Pallete Layer” dan Beri nama layer baru tersebutdengan nama “back hijau”.Pallete Layer Gambar 4. Pallete New Layer Icon “Create New Layer”PusatData dan Informasi Pertanian 2008 -5-  Klik Menu Select6. 11. Warnai layer “back hijau” dengan warna hijau dengan cara : Pada Tools pilih “Set Foreground Color” pilih warna hijau (kode warna = #003300). Lihatgambar 5. Klik kemudian akan muncul pilihan warna.Gambar 5.Letak kode warna.12.Setelah gambar dipilih,untuk mewarnai layer pada tools pilih “PaintBucket Tool”. Klik pada layer maka gambar image tersebutakan tertutupi dengan warna hijau.13.Kemudian pada Tool pilih “Rectangel Marquee Tool” untuk membuatseleksi. 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 :PusatData dan Inform asi Pertanian 2008 -6- Deselectatau tekan [Ctrl]+[D] untuk mehilangkan garis terputus -putus pada gambar.  Untuk memunculkan Rulers jika tidak muncul pada jendela kerja kita yaitu dengan Klik View7. 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.Lihatgambar 7.Gambar 7. Setting Outer Glow untuk “back hijau”.15.Atur
  • 9. 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 “sapi- besar.gif” kemudian klik Open.PusatData dan Informasi Pertanian 2008 -7-  8. 17. Pada Tools pilih “Move Tool” untuk memindahkan gambar “sapi- 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” tersebutke 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 “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.PusatData 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= TrebuchetMS, 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 pada Tools. 9. Gambar 8. Setting Outer Glowuntuk “Logo”25.Sekarang kita akan membuatlayer 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 = abu-abu tua (kode warna = # 333333).PusatData dan Informasi Pertanian 2008 -9-
  • 10.  Pada Tools pilih “Horizontal Type Tool”, pada options bar pilih : Gambar 10.Optins Bar “Horizontal Type Tool” Jenis Huruf= TrebuchetMS, 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 pada Tools.b) Jika Tool tidak muncul Klik kanan pada tool atau klik dan tahan (lihat gambar berikut)PusatData 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 Layer11. > Layer Style > Blending Options atau pada layer “Kabupaten Ende” klik kanan > Jika kita sudah memilih Tool maka akan muncul pada options Bar seperti :PusatData dan Informasi Pertanian 2008 - 11 - Elliptical Marquee Tool Gambar 12. Cara memunculkan Tool “Elliptical Marquee Tool” Catatan : cara memilih “Elliptical Marquee Tool” apabila tidak terlihatpada 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 = abu-abu tua (kode warna = # 333333).Klik OK. Gambar 11. Setting Effects “Stroke” untuk teks “Kabupaten Ende” 27. Atur kedua teks tersebutdi samping kiri Logo.28.Sekarang kita akan membuatlingkaran yang didalamnya terdapatgambar yang mewakili tentang peternakan.Di contoh gambar banner-1 kita akan membuat5 lingkaran.Berikuturutan pembuatannya :  Klik menu Select Kemudian buka file “kuda.jpg” dari folder “banner-1”.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” (lihatcontoh gambar “banner-1”).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 “banner-1” kemudian klik menu Edit> Klik menu EditPaste Into untuk menampilkan duplikatgambar “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
  • 11. 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.PusatData 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 point28 utnuk membuat4 lingkaran yang tersisa.30.Simpan “banner-1” 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. Lihatgambar 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 banner-1 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 “banner-1” ini di pada web yang akan anda buat.PusatData dan Informasi Pertanian 2008 - 14 - Yang pertama simpan dengan format= .psd, ini dimaksudkan jika anda ingin merubah atau mengediteffectatau teks yang sudah dibuat.Save As. Lihat gambar 17.Gambar 17.Save As dengan format.pngCatatan :Biasakan jika membuatbanner,penyimpanan file dibuat2 kali.  15. Contoh Banner-2 yang akan di buat :LANGKAH – LANGKAH PEMBUATAN BANNER-2 :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 "banner-2"dengan cara :Klik File > Save As. Isikan >> File Name : banner-2 Format: Photoshop(*.PSD).5.Pada tools pilih “Pen Tool”, digunakan untuk membuatpath dengan lengkung-lengkung yang halus.Untuk hasil yang rapi untuk membuatlistatas anda dapatmenggunakan “Rulers” untuk memberi garis path yang akan anda buat. Lihat gambar 2.PusatData dan Informasi Pertanian 2008 - 15 -  Untuk menghilangkan “Rulers” pada jendela kerja tanpa menghilangkan bekas rulers tersebutdengan cara : Pada Menu Klik View16. Gambar 2. Penggunaan Rulers untuk path.6. Pada tools pilih “Set Foreground Color” dengan warna hijau (kode warna = #00cc33).Ada 7 titik untukmembuatpath seperti contoh gambar banner-2.Lihat Cara berikut : Pada Pallete Layers akan tercatat seperti ini.Gambar 3. Membuatpath dan yang tercatat pada Pallete Layers Catatan : > Untuk menghasilkan path garis
  • 12. lurus yang rapi jangan lupa untuk menekan [Shift] pada Keyboard.PusatData dan Informasi Pertanian 2008 - 16 -Extras.  17. 7. Gabungkan shape yang telah anda buatdengan 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 dapatdilihatpada gambar 4.Gambar 4. Rasterize Layer8. Setelah layer “Shape 1” berhasil digabungkan,beri effectshape 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.Pusat Data dan Informasi Pertanian 2008 - 17 -  Cara 1 : Klik Menu Layer18. 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, duplikatlayer “shape 1” ada 2 pilihan cara : > Cara 2 : Pada layer “Shape 1; klik kananDuplicate Layer, atau > pilih Duplicate Layer.PusatData 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 tersebutjuga 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 “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.jpg12.Setelah semua file terbuka,pindahkan salah satu file gambar tersebutke 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 :PusatData 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 “banner-2”,atau  Cara 1 : Layer “teh.jpg” 20. > all (gambar akan terseleksi),kemudian klik menu Edit> Copy Merge. b) Buka jendela “banner-2”, kemudian Klik menu Edit> Lakukan ulang cara tersebutsampai ke 6 file tersebut
  • 13. berhasil dipindahkan ke jendela kerja “banner-2”13.Sesuaikan ukuran ke 6 gambar tersebutdengan ukuran Layer “Shape 1” dan “Shape 1 Copy” dengan cara pada Menu Klik EditPaste. > Free Transform,jangan lupa menekan [shift]pada keyboard agar gambar yang dihasilkan proposional.14.Pindahkan ke 6 layer gambar tersebutke bawah Layer “Shape 1” dan “shape 1 copy”, agar gambar tersebutberada 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 “banner-2”15. Pada Layers pilih “Create New Layer” atau Layer > New > Layer kemudian pada tools pilih “Rounded Rectangel Tool” (=digunakan untuk menggambar segi empat melengkung).PusatData 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 lihatgambar 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 “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.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 logoPusatData 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= TrebuchetMS, Type = Bold,Besar Huruf = 22 pt, Set the anti- aliasing method = Strong, Warna Huruf= putih.Catatan : Option Bar “Horizontal Type
  • 14. Tool” muncul jika kita memilih icon pada Tools. 23.Hasil dari kedua effect tersebut dapatdilihatpada gambar 12.Gambar 12. Logo yang sudah diberi effect “Outer Glow” dan “Stroke”22. Sekarang kita akan membuatlayer 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 :PusatData 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 = abu-abu tua (kode warna = # 333333) Gambar 15.Setting Effect “Stroke” untuk Teks “DINAS PERKEBUNAN”PusatData 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 Layerls 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. Lihatgambar 17.PusatData 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”PusatData 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 tersebutklik OK.25. Atur kedua teks tersebutdi samping kiri Logo.26.Hasil pembuatan banner
  • 15. dapatdilihatpada 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 dapatdi tempatkan pada website yang akan anda dibuat, dengan cara:Klik menu File > Save As. Lihatgambar 20.Gambar 20. Save As dengan Format.pngPusatData dan Informasi Pertanian 2008 - 27 -  SUYATI Staf Subbid Aplikasi Multimedia Telp.Kantor (021) 782 2803 Email : suyati@deptan.go.id in3nk@yahoo.comPusatData dan Informasi Pertanian 2008 - 28 - Yang Kedua simpan dengan format= .png atau .jpg, hal ini dimaksudkan untuk menempatkan “banner-1” ini di pada web yang akan anda buat. SELAMAT MENCOBA …… !!!!!!  Yang pertama simpan dengan format= .psd, ini dimaksudkan jika anda ingin merubah atau mengediteffect atau teks yang sudah dibuat. 28. Catatan :Biasakan jika membuatbanner,penyimpanan file dibuat2 kali.