Tutorial Membuat Spanduk DENGAN photosho

(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)

(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.

(3)

(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

(5)

(6)

(7)

 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 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

 3. Contoh Banner1 yang akan di buat :LANGKAH – LANGKAH

PEMBUATAN BANNER1 :1. Jalankan program Adobe Photoshop. Klik Start > All

 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

(8)

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

 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 = Pertanian 2008 6Deselect atau tekan [Ctrl]+[D] untuk mehilangkan garis terputus putus pada gambar.

 Untuk memunculkan Rulers jika tidak muncul pada jendela kerja kita yaitu

(9)

warna putih, Technique = Softer, Spread = 40%, dan Size = 10 px. Setelah selesai klik

 8. 17. Pada Tools pilih “Move Tool” untuk memindahkan gambar “sapi besar”

ke jendela kerja “banner1”. Klik gambar “sapibesar” kemudian tahan dan tarik ke

 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.

(10)

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 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 :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 =

 Klik menu Select Kemudian buka file “kuda.jpg” dari folder “banner1”. Buka

(11)

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

(12)

 Untuk menghilangkan “Rulers” pada jendela kerja tanpa menghilangkan

bekas rulers tersebut dengan 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 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

 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, duplikat layer “shape 1” ada 2 pilihan cara : > Cara 2 : Pada layer “Shape 1; klik kananDuplicate Layer, atau > pilih Duplicate Layer.Pusat Data dan Informasi Pertanian 2008 18

 19. 10. Hasilnya “duplicate layer” akan menambah layer dengan nama

(13)

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 EditPaste. > Free Transform, jangan lupa menekan [shift] pada keyboard agar gambar yang dihasilkan proposional.14. Pindahkan ke 6 layer gambar

 21. 16. Pada Tools pilih “Set Foreground Color”. Pilih warna kuning (kode

warna = #ffff00). Atur opacity = 75 % agar tampak transparan. Hasilnya lihat gambar 9.

 Size = 1 px, Position = Outside, Blend Mode = Normal, Opacity = 100%, Fill

(14)

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

 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,

 26. Gambar 17. Setting Effect “Drop Shadow” Isikan pada Effect “Inner

(15)

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 :