Skip to content Skip to sidebar Skip to footer

Contoh Iklan Banner Hasil Karya Sendiri Untuk Promosi Bisnis

Contoh Iklan banner untuk promosi bisnis online dengan hasil karya sendiri bisa membuat kita lebih bersemangat untuk mempromosikan bisnis online yang kita jalankan sekarang, kali ini BeliWaktu akan sharing sedikit tips dan trik atau tepanya tutorial tentang membuat iklan banner melalui sebuah program yang sudah cukup familiar yaitu photoshop secara gratis dan nantinya kalian bisa memasang iklan online gratis.

Contoh Iklan Banner Hasil Karya Sendiri

Cara membuat iklan banner melalui program photoshop tidak telalu sulit, yang penting kita tau dan pernah menjalankan software ini, yaa minimal kita mengetahui sedikit fungsi-fungsi dasar program yang di khususkan untuk edit gambar ini. Silahkan simak tutor yang saya jelaskan cara membuat iklan banner di bawah di bawah.

Langkah pertama

Silahkan buka program photoshop di pc / leptop kalian, Buatlah satu dokument baru dengan ukuran :
Tekan ok, dan akan muncul dokument baru yang telah kita setting ukurannya, karna terlihat ukurannya kecil silahkan tekan tombol  "alt" dan putar scroll di mouse kalian maka halaman kerja akan tampak lebih besar, ini untuk mempermudah kita untuk berkreasi.

Langkah Kedua

Ganti latar belakang sesuai selera,.. saya memilih warna hijau, silahkan sesuaikan saja

contoh+iklan+banner



Langkah Ke tiga

Membuat teks  " option " di lembar kerja,

contoh+iklan+buat+sendiri


Langkah ke empat

Membuat sedikit fariasi dengan menggunakan ellips tool, untuk warna (option) tempatkan posisi sesuai selera,..



Pada tahap ini kita sudah mendapatkan hasil sementara,



jika ingin menambahkan fariasi lainnya silahkan sesuai selera masing-masing, mungkin di tambah dengan gambar uang atau di tambah foto kalian, dan posisikan di tempat yang kalian suka.
Mungkin di tambah teks dan memfariasikan teks teks bantuan blending option,...


Langkah ke lima

Pada tahap ini project kita hampir selesai, sisa menambahkan animasi, dan ini merupakan project finishing.
Untuk animasi harus di perhatikan dengan saksama, karna terkadang dalam membuat animasi jika baru belajar hasilnya akan berantakan, karna disini kita mempermainkan layer sepenuhnya, jadi harus di fokuskan pada layer.

Untuk animasi sebenarnya gampang-gampang susah, saya sendiri yang sering bermain animasi melalui phostoshop sering keliru dan mendapatkan hasil yang lumanyun berantakan :D Ok, silahkan disimak dengan baik :

Silahkan klik pada menu windows dan klik Animation lihat sebelah kiri, dan akan muncul halaman kerja berbeda di bagian kiri bawah, tampilannya seperti di bawah ini,...





Perhatikan pada anak panah yang sudah saya tandai dengan angka :
Fungsi :
1.Replay
2.Tweens ( kembar ) atau menggandakan
3.Fungsinya hampir sama dengan tweens tapi hanya bisa menggandakan secara berurutan, sedangkan tweens ganda secara acak.
4. Hapus
Namun disini saya tidak menggunakan tweens jadi hanya memakai 1, 3 dan 4, untuk 4 pun kalo memang di perlukan jika ada kesalahan.

Langkah ke enam
Sekarang kita gandakan panel kerja sebanyak lima panel kerja, dengan menggunakan fungsi nomor 3 dengan menekan berulang kali sebanyak 4 kali, perhatikan gambar setelah di gandakan,..
sekarang panel kerja berjumlah 5, dan sementara panel kerja aktif adalah panel nomor 5, kalian harus tekan panel nomor satu dan lakukan penyetingan posisi,



Langkah ke tujuh

Sekarang panel kerja aktif yaitu nomor 1, perhatikan anak panah yang saya kasih tanda dengan angka 2 dan 3, kita geser teks untuk di sembunyikan, untuk nomor 2 kita sembunyikan sebelah kiri, sedangkan teks nomor 3 kita sembunyikan sebelah kanan, untuk anak panah dengan tanda angka 4 klik tanda mata untuk menyembnyikan huruf B yang saya buat terpisah dari kata BLOG, jadi pada anak panah nomor tiga hanya keliatan log tanpa huruf B.



Selanjutnya :

Langkah ke delapan

Sekarang kalian klik pada panel nomor dua dan lakukan setingan berikutnya, sesuai intruksi pada anak panah tanpa nomor, kalian geser sedikit ke tengah, teks nomor dua geser ke kanan, dan teks nomor 3 geser ke kiri, posisikan agak ke tengah,


Jika sudah, klik panel ke tiga, geser lagi sedikit seperti pada panel dua, semakin ke tengah, lakukan seterusnya sampai teks berada di tengah lembar kerja seperti pada gambar :


Pada gambar di atas jumlah panel menjadi enama, itu bukan otomatis bertambah, melainkan sudah saya gandakan panel nomor lima, dan huruf B pun sudah muncul karna gambar mata pada page layer sebelah kiri bawah sudah di aktifkan kembali.

NB : Jika menggandakan panel kerja, harus klik lebih dahulu nomor berapa yang harus di gandakan,

Langkah ke sembilan

Sekarang kita mengecek kembali hasil kerja kita sebelum animasi di jalankan, perhatikan tiga gambar di bawah :







Gambar pertama pada panel pertama tidak ada teks, gambar kedua pada panel kedua, teks di geser agak ke tengah. Cek panel ke tiga dan seterusnya, nah,,, pada gambar ke tiga, di panel 6 giliran huruf B yang di sembunyikan lagi tepatnya berada di atas halaman kerja,


Turunkan sedikit demi sedikit ke bawah, dan pada panel 7 huruf sudah mulai keliatan, pada panel ke 8 turunkan lagi kebawah sampai muncul semua dan berada di posisi yang di inginkan.


Langkah terakhir
Pada setiap panel kerja, kalian lihat ada angka yang bertuliskan 0 sec , yang artinya tidak ada waktu jeda dari setiap panel kerja, untuk melakukan percobaan silahkan kalian tekan tombol replay, maka yang akan kalian dapatkan adalah animasi dengan tanpa jeda yang bergerak begitu cepat, untuk mendapatkan waktu jeda, kalian klik pada tulisan 0 sec itu, dan lakukan setingan waktu jeda sesuai yang kalian suka, ada pilihannya antara lain 0.01 0.02 0.05 dan seterusnya.

Disini saya memakai waktu jeda seperti pada gambar :


Pada hasil yang ada pada gambar di atas, project kita telah selesai, dan file ini harus kita simpan.
Untuk proses penyimpanan sedikit berbeda, karna jika kita simpan biasa, animasi yang telah kita seting akan sia-sia, silahkan kalian klik file pada menu atas di phostoshop kalian, trus cari " save for web " klik dan akan terbuka jendela baru, langsung saja klik save, simpan file dalam bentuk gif.



Contoh iklan bannerlainnya sobat bisa liat di beberapa widget yang kami pasang,... ada di bagian header atau atas halaman di setiap postingan kami, dengan ukuran yang berfariasi,... namun kebanyakan yang akan sobat liat adalah contoh iklan banner dengan ukuran 468 x 60 pixel.

maaf,... hasil pembuatan iklan banner sesuai yang saya terangkan di atas sudah hilang karna kesalahan saya waktu pindah dari wordpress ke blogspot, jadi tidak bisa menunjukkan hasil nya,... namun saya akan memberikan contoh iklan banner yang cara kerjanya tidak jauh beda seperti di atas namun iklan banner ini lebih simple tanpa banyak animasi.


contoh iklan banner



Pasang Iklan Online

Pasang iklan hasil karya sendiri akan memberikan kesan lebih bersemangat untuk mempromosikannya, mungkin kalian bisa berinovasi sendiri dalam membuat iklan banner seperti contoh iklan di atas. Semoga artikel ini bisa membantu sobat BeliWaktu.

Untuk pemasangan iklan sendiri,.. bisa sobat pasang di blog sobat sendiri atau di media periklanan yang tersebar di internet. Mungkin sobat mau pasang di facebook untuk sedikit memberikan kesan yang dinamis silahkan

Demikianlah artikel tentang Contoh Iklan Banner Hasil Karya Sendiri Untuk Promosi Bisnis Semoga bermanfaat untuk sobat semua.

Herru Andrian
Herru Andrian Bukan orang sukses tapi seorang yang terus belajar untuk menjadi sukses

Post a Comment for "Contoh Iklan Banner Hasil Karya Sendiri Untuk Promosi Bisnis"

Berlangganan via Email