Membuat Banner Iklan Untuk Website

Bagi teman-teman blogger atau siapa saja yang ingin membuat sebuah banner iklan untuk websitenya atau untuk blognya bisa ikuti langkah-langkah berikut. Tutorial ini saya terjemahkan dari  http://www.truekolor.net jadi silahkan bereksperimen hhehe...

Buka Photoshop dan buat dokumen baru: File -> New ... (atau menggunakan hotkey kombinasi Ctrl + N): Pastikan Anda memiliki lebar dan tinggi yang tepat. Ingat, kita menciptakan 200 × 200 banner. Menjaga resolusi pada 72 piksel / inci itu adalah resolusi yang paling umum digunakan untuk gambar web. Dan pastikan Mode Warna RGB Warna.

Sekarang Anda memiliki dokumen baru dengan lapisan tunggal Latar Belakang: Sekarang mari kita kasi w latar belakang menjadi hitam.

Tip: ketika Anda akan menggunakan warna hitam atau putih itu selalu berguna untuk tekan "D" pada keyboard Anda untuk mengatur latar depan dan warna latar belakang default (hitam dan putih, masing-masing) dan "X" jika Anda perlu untuk mengembalikannya

Beralih warna dengan menekan "X" tombol dan tekan Ctrl + Backspace. Sekarang Anda harus memiliki latar belakang hitam.

Mari kita menambahkan teks latar belakang.

Gunakan alat teks dari Tools (atau tekan "T"): Dengan Text tool aktif, pilih Arial font yang ukuran  8, warna - putih dan parameter lain ditetapkan sebagai ditunjukkan pada gambar di bawah ini: Sekarang klik di suatu tempat di ruang kerja Anda dan jenis MAKEUSEOF di tutup dengan spasi setelah kata. Kemudian pilih teks dengan ruang di akhir dan tekan Ctrl + C untuk menyalin: Setelah itu, paste (Ctrl + V) beberapa kali sampai Anda mengisi garis horizontal (paste beberapa kali tambahan bahkan jika itu keluar dari batas desain: Ok, sekarang kita perlu mengisi seluruh ruang kerja dengan MAKEUSEOF Kata Untuk itu, copy seluruh baris, tekan Enter untuk pergi ke baris berikutnya dan paste Anda akan melihat bahwa sekarang kita memiliki dua saluran benar-benar paralel teks.. Itu tidak akan terlihat keren..

Untuk memperbaikinya, hapus beberapa karakter pertama dari baris kedua (hampir setengah dari kata pertama): Sekarang copy semua teks (kedua saluran) dan paste sampai Anda mengisi seluruh ruang kerja: Pada titik ini, kita perlu memutar semua teks latar belakang sedikit di arah berlawanan arah jarum jam. Untuk melakukan itu, tekan Ctrl + T untuk mengaktifkan modus Free Transform. Dan memutar sampai anda dapat posisi seperti ini. Tekan Enter atau double klik pada pilihan untuk mengkonfirmasi perubahan. Anda melihat ruang hitam yang kita tidak perlu sekarang terlihat. Kita harus menyingkirkannya. Mudah. Gunakan teknik yang sama seperti yang kita lakukan sebelumnya untuk mengisi masuk Sampai Anda memiliki seluruh ruang kerja diisi dengan teks: Terapkan perubahan (klik dobel).

Baiklah, sekarang mari kita tambahkan beberapa efek ke teks latar belakangnya.

Klik kanan pada layer teks (harus diberi label sekarang sebagai MAKEUSEOF) dan tekan Blending Options: Pada jendela Blending Options klik pada Gradient Overlay: Sekarang kita akan mengubah bagian Gradient. Klik pada gradien (dilingkari di bawah): ini jendela popup akan muncul: Kami akan menambahkan dua warna (biru-ish - # 436ca4 dan hitam - # 000000) dengan gradien standar di sini (dalam lingkaran hijau): lingkaran hijau menunjukkan Warna titik tengah (tarik ke kiri / kanan dan melihat cara kerjanya). Bagian merah menunjukkan di mana untuk mengubah warna dan lokasi.

Tekan semua Mengadakan diperlukan dan sekarang kami memiliki gradien yang tepat. Mari kita beralih ke teks utama.

Sekarang kita akan menggunakan Text tool lagi dan karena lapisan teks baru akan dibuat di atas teks latar belakang lebih baik untuk membuatnya terlihat untuk saat ini (klik pada "mata" pada kiri layer): Ok. Buat layer baru untuk teks: Teks alat Pilih, ditetapkan sebagai berikut (saya menggunakan font yang Std Poplar, jika Anda tidak memilikinya, saya kira Dampak yang akan dilakukan): Ketik "MAKEUSEOF" (semua topi) dan menerapkan biru, warna hitam dan merah seperti di bawah ini dan membuat teks latar belakang yang terlihat dengan mengklik "mata" lagi:Sekarang mari kita pimp itu sedikit. Pergi ke Blending Options lapisan baru dan mengatur sebagai berikut: Drop Shadow: Pola Overlay: Stroke: Klik Ok dan ini adalah apa yang Anda harus memiliki: Sekarang saatnya untuk menambahkan refleksi.

Membuat salinan dari lapisan MAKEUSEOF (Ctrl + J) dan sekarang Anda harus memiliki lapisan clone: ​​Tekan Ctrl + T untuk memasuki Free Transform mode dan tekan Flip Vertikal: Terapkan perubahan dengan mengklik Enter dan ini adalah apa yang Anda miliki: Pilih Move Tool ("V") dari Alat dan memindahkan membalik lapisan bawah sehingga atas adalah beberapa milimeter lebih rendah dari teks utama: Rasterize membalik lapisan sehingga kita dapat memperlakukannya seperti gambar (tidak akan menjadi teks yang dapat diedit lagi ). Untuk rasterize, klik kanan pada layer dan tekan Rasterize Type: Sekarang kita perlu membuat beberapa perubahan pada efek lapisan. Hapus efek Drop Shadow (klik pada mata di sebelah kiri dari properti Drop Shadow): Di sinilah bagian yang rumit. Efek yang kita miliki di lapisan membalik dapat diedit sekarang dan mereka akan berubah saat kita mengedit lapisan itu sendiri dan kita tidak menginginkan hal itu.Untuk tetap seperti sekarang, mari kita gunakan trik saya selalu menggunakan. Pilih layer MAKEUSEOF aslinya dengan mengklik di atasnya dan membuat layer baru. Pilih layer kosong baru, tahan Shift dan klik pada layer kita membalik. Sekarang kita memiliki dua lapisan yang dipilih:

Catatan: penting untuk memilih lapisan bawah pertama, karena jika Anda memilih salah satu di atas maka lapisan digabungkan menghasilkan akan mewarisi semua efek lapisan.

Tekan Ctrl + E untuk menggabungkan mereka: Seperti yang Anda lihat, sekarang Anda memiliki satu lapisan bukan dua dan tidak ada FX di atasnya (dalam lingkaran merah).

Set Opacity dari lapisan sampai 50%: Eraser alat Pilih ("E"): Pilih sikat bulat yang lembut (65 pixel) dari jendela drop-down (klik panah dalam lingkaran hijau): Hapus sedikit lebih dari setengah dari lapisan membalik: Sekarang Anda dapat mengambil sedikit istirahat

Apakah Anda kembali? Ok. Mari kita tambahkan efek glossy.

Tahan Ctrl dan klik pada layer MAKEUSEOF: Sekarang, pilih Elliptical Marquee Tool ("M") dari Tools dan pilih Intersect dengan pilihan (tepat di atas ruang kerja): Buat layer baru dan dengan Elliptical Marquee Tool membuat pilihan berpotongan seperti di bawah ini : Mengatur warna Anda ke default ("D") dan tekan Ctrl + Backspace untuk mengisi seleksi dengan warna putih:Hapus dengan mengklik Ctrl + D. Set Opacity menjadi 50%: Ok, dilakukan dengan efek glossy!

Sekarang mari kita tambahkan beberapa teks.

Buat layer baru dan ketik DOWNLOAD PANDUAN GRATIS DENGAN dengan pengaturan teks berikut (saya menggunakan gothic Cahaya tembaga sebagai font; ditetapkan 10 untuk ukuran teks DOWNLOAD dan 12 untuk sisanya): Sejajarkan teks seperti yang ditunjukkan di bawah ini:Baiklah, kita hampir selesai.

Sekarang kita perlu menambahkan gambar panduan 'yang dapat Anda download di sini .

Paste ke ruang kerja dan tempat itu di bawah teks utama: DONE!

Sekarang beberapa tips menghemat banner.

Karena kita memiliki banner statis (bukan animasi), mari kita simpan dalam format png (JPEG akan membuat kita lebih besar filesize pada kualitas yang sama).

Buka File-> Save for Web & Devices (Ctrl + Alt + Shift + S) dan pilih PNG-8 (PNG-24 adalah lebih baik untuk gambar dengan latar belakang transparan) dan menjaga pengaturan lain seperti yang secara default: Klik Simpan, memberikan nama yang bagus dan siap untuk digunakan!

Saya harap Anda memahami tutorial ini, semoga bermanfaat.
catatan: anda jangan terpatok pada tutorial ini, diharapkan bisa bereksperimen untuk menghasilkan hasil yang lebih menarik.