Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Save to My Library
Look up keyword
Like this
14Activity
0 of .
Results for:
No results containing your search query
P. 1
38 Cara Membuat Banner Web Di Photoshop

38 Cara Membuat Banner Web Di Photoshop

Ratings: (0)|Views: 1,084 |Likes:
Published by wawangate

More info:

Published by: wawangate on Feb 17, 2010
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

08/01/2013

pdf

text

original

 
1 |
 Buletindo
 
 Download Gratis Buletin Komputer Terbaru di : http://komputer.buletindo.com 
 
BuletindoBuletindo
Cara Membuat Banner Web di Photoshop
Oleh : Zaenal Arifin
Punya website atau blog dan ingin mempercantik tampilan dengan aneka gambar banner ?Ingin membuat gambar banner web untuk berpromosi di situs lain ? Semua bisa Anda lakukansendiri secara cepat dan mudah. Tutorial kali ini akan menuntun Anda membuat banner websendiri dengan Adobe Photoshop.
Format Banner Web
Jika Anda perhatikan,gambar-gambar banner webdan iklan di berbagai situsyang Anda kunjungi memilikiukuran yang rata-rataseragam. Meskipun tidak adastandar atau aturan mutlak,namun ada baiknya Andamenggunakan format atauukuran banner yang palingbanyak diterima dan bisadipasang oleh situs-situs lain.
 
Banner
: 468 x 60 px(pixel)
 
Leaderboard
: 728 x 90 px
 
Skyscraper
: 120 x 600 px
 
Wide Skyscraper
: 160 x600 px
 
Square
: 250 x 250 pixel
 
Square Small
: 200 x 200px
 
Medium Rectangle
: 300 x250 px
 
Large Rectangle
: 336 x280 pxDari berbagai format tersebut, format gambar banner yangpaling populer adalah :
 
Leaderboard
: format memanjang horisontal. Cocok di-pasang di bagian atas halaman web, misalnya di atasatau di bawah menu utama atau navigasi.
 
Wide Skyscraper
: format memanjang vertikal. Cocokdipasang di samping (dalam blog lazim disebut
Sidebar
),misalnya di bawah daftar menu vertikal atau di sampinghalaman utama.
 
Medium Rectangle
: format kotak. Cocok dipasang disela-sela halaman utama/posting, atau diletakkan disudut sidebar. Situs-situs berita lazim menempatkannyadi sudut kanan atas.
Membuat File Gambar Banner Baru
Untuk membuat banner baru di Photoshop, Anda dapat me-manfaatkan Preset banner yang telah tersedia.1.
 
File
>
New
atau tekan
Ctrl+N
.
Edisi 038 | Desain Grafis | Senin, 23 November 2009
BULETIN KOMPUTER
Jurnal Pembelajaran Komputer
 
www.buletindo.com
 
2 |
 Buletindo
 
 Download Gratis Buletin Komputer Terbaru di : http://komputer.buletindo.com B
ULETIN BEBAS DIGANDAKAN DAN DIDISTRIBUSIKAN KEMBALI UNTUK KEPENTINGAN NON KOMERSIAL
 
2.
 
Pada kotak
New
, pilih
Preset
=
Web
dan
Size
=
Medium Rectangle
(atau ukuranlain sesuai selera).3.
 
Jika ingin membuat banner berukuran diluar standar yang ada di
Preset
, isikannilainya pada
Width
dan
Height
.4.
 
Background Contents
dapat Anda pilihtransparan atau lainnya. Ini bisa Andasesuaikan lebih lanjut saat merancang.5.
 
Klik
OK
. Banner siap dibuat.
Mendesain Banner dalam Layer-layer
Biasanya sebuah banner terdiri dari gabunganteks, gambar, dan efek-efek tertentu.Layer adalah lapisan penyusun gambar. Agarperancangan banner menjadi mudah, selalubuat layer baru untuk setiap komponen.Misalnya, biarkan Layer 1 tetap kosong untukdijadikan latar, tempatkan teks judul diLayer 2, teks pendukung di Layer 3, gambarutama di Layer 4, dan seterusnya.Untuk membuat layer baru, klik
Layer
>
New
 >
Layer
, atau tekan
Shift+Ctrl+N
, lalu klik
OK
. Anda tinggal memilih layer mana yangakan diisi gambar atau teks di palet layerpada sisi kanan jendela Photoshop Anda.Layer-layer ini nantinya bisa diatur urutantampilannya, dihapus, disalin, atau digabung-kan agar dapat diberi efek tertentu.
Menata Warna Latar Banner
Buat warna latar banner. Anda bisa menerap-kan warna dominan dengan
Paint BucketTool
atau membuat warna gradasi dengan
Gradient Tool
.1.
 
Sebagai contoh, untuk membuat warnalatar bergradasi, tentukan warna fore-ground dan background. Klik ikon
Setforeground color
lalu pilih warnanya,demikian juga pada ikon
Set backgroundcolor
.2.
 
Untuk menerapkan warna gradasi, padatoolbox klik ikon
Gradient Tool
. Jikaikon tidak tersedia di toolbox, klik dantahan ikon
Paint Bucket Tool
lalu pilih
Gradient Tool
.3.
 
Cobalah drag dari titik awal ke titik akhirgradasi, misalnya dari atas ke bawahatau dari kiri ke kanan, lihat hasilnya.Jika kurang puas, klik menu
Edit
>
Step
 
Backward
, lalu ulangi kembali hinggamemperoleh warna gradasi yang Andainginkan.
Menata Teks
Buat layer baru untuk teks utama banner.1.
 
Pada toolbox klik
Horizontal Type Tool
.
 
 Cara Membuat Banner Web di Photoshop | 3D
ILARANG MENGUBAH SEBAGIAN ATAU SELURUH ISI BULETIN TANPA IJIN TERTULIS DARI
B
ULETINDO
2.
 
Klik pada posisi sembarang, lalu ketikkanbeberapa kata, misalnya
BuletindoDigital Media
. Biarkan teks dengan warnadan posisi apa adanya dulu.3.
 
Klik pada ikon
Move Tool
atau klik layerlain untuk mengakhiri pembuatan teks.4.
 
Untuk mengatur ulang warna, jenis, atauukuran huruf, klik layer teks tersebutlalu pastikan klik kembali
HorizontalType Tool
. Kini pilih jenis huruf, ukuran,dan warnanya melalui toolbar peng-aturan teks di bagian atas jendela.5.
 
Ulangi langkah ini untuk membuat layerteks baru, misalnya untuk teks pen-dukung seperti gambar hasil berikut.
Menata Gambar
Sebagai pemanis, Anda dapat menyisipkangambar pendukung ke dalam banner. Andabisa memakai file gambar yang sudah ada dikomputer, atau mengcapture tampilan layar.
Mengcapture Gambar
Sebagai contoh, untuk menyisipkan gambardari sebuah capture tampilan, lakukan :1.
 
Buka tampilan yang ingin Anda capture,sebagai contoh tampilan halaman webbuletindo.com.2.
 
Tekan tombol
Print Screen
/
Sysrq
padakeyboard Anda.3.
 
Kembali ke Photoshop Anda, lalu klik
File
 >
New
, langsung
OK
tanpa perlu diatur.4.
 
Klik
Edit
>
Paste
atau tekan
Ctrl+V
,hasilnya gambar satu layar penuh akandihasilkan.5.
 
Potong bagian yang ingin Anda jadikansebagai gambar pendukung menggunakan
Crop Tool
. Seleksi potongan Anda dantekan
Enter
.6.
 
Untuk mempermanis, Anda bisa memutargambar menggunakan
Image
>
Rotate
 
Canvas
>
Arbitrary
. Tentukan sudutperputaran dan klik
OK
.7.
 
Jika perlu, sesuaikan ukuran gambardengan cara klik
Image
>
Image Size
.

Activity (14)

You've already reviewed this. Edit your review.
1 hundred reads
1 thousand reads
Dede Irmansyah liked this
Oon Dumai liked this
Filaris Dianto liked this
febriwati liked this
rijun liked this
Kurodowo liked this
alah2 liked this

You're Reading a Free Preview

Download
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->