logo blog
Selamat Datang Di Blog KemejingNet
Terima kasih atas kunjungan Anda di blog KemejingNet,
semoga apa yang saya share di sini bisa bermanfaat dan memberikan motivasi pada kita semua
untuk terus berkarya dan berbuat sesuatu yang bisa berguna untuk orang banyak.

Cara Membuat Banner Dengan Tulisan Berjalan

Cara Membuat Banner Dengan Tulisan Berjalan. Selain dari Google Adsense, salah satu cara untuk mendapatkan uang dari blog adalah dengan mendatangkan pemasang iklan secara mandiri. Dan unuk menarik pengiklan di blog kita, kita harus menyediakan slot iklan kosong, dan biasanya untuk lebih menarik slot iklan tersebut sering dipasanggi banner.

Salah satu strategi agar banner yang kita pasang bisa dilihat oleh pengunjung blog, adalah dengan memaksimalkan banner tersebut semenarik mungkin. Misalnya dengan memasang banner dengan tulisan berjalan seperti yang Anda lihat di header blog ini (Kalau masih ada).

Banyak cara untuk membuat banner yang menarik baik dengan menggunakan aplikasi, maupun membuatnya secara online. Nah.. bagi Anda yang tertarik untuk mencoba membuat banner dengan aplikasi berikut ini akan saya bagikan Cara Membuat Banner Dengan Tulisan Berjalan. Disini aplikasi yang saya gunakan adalah Photoshop.

Cara Membuat Banner Dengan Tulisan Berjalan


Cara Membuat Banner Dengan Tulisan Berjalan Di Photoshop

Langkah Pertama
Buka photoshop -> Klik File -> Pilih New. Seting lebar 728 pixel dan Tinggi 90 pixel dan resolusi cukup 72 pixel. Lihat gambar dibawah ini.

Cara Membuat Banner Dengan Tulisan Berjalan

Langkah Kedua
Buat tulisan dengan menggunakan Horisontal Type Tool -> Caranya klik ikon T pada menu -> pilih horisontal type tool -> klik pada lembar kerja -> klik dan tahan mouse sambil ditarik.

Cara Membuat Banner Dengan Tulisan Berjalan

Langkah Ketiga
Buatlah tulisan menurut selera Anda, setelah tulisan jadi lalu klik window lalu pilih animation, (fungsi inilah yang nantinya akan membuat tulisan menjadi berjalan)

Cara Membuat Banner Dengan Tulisan Berjalan

Langkah Keempat
Langkah keempat adalah tarik tulisan ke unjung kanan hinngga tidak kelihatan, caranya menggunakan Move Tool. Klik move tool lalu klik pada tulisan tahan dan tarik kekanan.

Cara Membuat Banner Dengan Tulisan Berjalan

Langkah Kelima
Tambakan frame pada animatian dengan cara seperti gambar berikut ini.

Cara Membuat Banner Dengan Tulisan Berjalan

Langkah Keenam
Masih di animation frame 2, tarik posisi tulisan kearah kiri sampai tidak kelihatan, caranya sama seperti pada langkah keempat.

Langkah Ketujuh
Klik Tween, untuk menambah frame animatian, atur setingannya seperti gambar dibawah ini. lalu kli OK.

Cara Membuat Banner Dengan Tulisan Berjalan

Langkah Kedelapan
Blog semua frame, Caranya klik pada frame satu lalu tekan tombol shif dan klik pada frame yang terakhir, lalu ubah second nya menjadi 0.2.

Cara Membuat Banner Dengan Tulisan Berjalan

Langkah Kesembilan
Untuk merubah kecepatan berjalannya tulisan Anda bisa berkreasi sendiri dengan menentukan secondnya. Untuk melihat hasinya silahkan Anda tekan tombol palynya. Apabila memang sudah dirasa cukup simpan file dalam bentuk GIF. Caranya tekan tombol Ctrl+Alt+Shift+S, Secara bersamaan lalu save.

Silahkan baca juga  :  Cara Membuat Watermark Pada Sebuah Foto

Demikian Cara Membuat Banner Dengan Tulisan Berjalan, dengan menggunakan aplikasi photoshop, Selamat mencoba, semoga bermanfaat.

Enter your email address to get update from KemejingNet.
Print PDF
Next
« Prev Post
Previous
Next Post »

35 komentar

tutorialnya sangat lengkap mas :) ini juga aku gunakan untuk buat banner usaha desain grafisku :D

Balas

simpel juga ya saya kira susah bikin animasi gif gitu

Balas

Teryata Mas Indra ahli desain grafis rupanya.

Balas

Iya mas Denny, cukup simple membuat banner ini

Balas

kreatif betul ini mas isrfi , salah satu syarat penting menjadi seorang blogger itu harus bisa otak otik gambar ya mas...baik itu melalui photoshop atau potoscape ,

Balas

kalau saya mas kalau buat gambar barner bisa dari photoshop potoscape , dan paint

Balas

Potoscpae lebih enak karena fitur-fitur animasinya sudah tersedia, namun kalau menurut saya lebih lengkap di photoshop walaupun kita harus banyak berkreasi.

Balas

Maksih mas, Otak-atik gambar juga penting mas buat blogger, setidaknya kita jadi punya gambar original karya kita sendiri.

Balas

Comot dulu ah,,, Kalau tutornya pake video kayanya bisa lebih mudah untuk dipahami terutama buat yang masih pemula seperti saya,, tapi kalau untuk yang sudah familiar dengan sotoshop, pasti bakalan mengerti,,, makasih kang sharenya,, sangat bermanfaat sekali

Balas

Silahkan mas, mudah-mudahan lain waktu saya bisa buat yang pakai video mas.

Balas

Bagus juga nih untuk memaksimalkan penghasilan, ayoo dicoba yang masih kosong blog nya :)
caranya cukup mudah juga nih mas, kalau setting lebar dan tingginya apa emang mesti segitu Mas, apa terserah kita aja yg buat ? :)

Balas

cara membuatnya manual ya mas dengan menggunakan photoshop ya

Balas

Buat ukuran terserah yang mau bikin aja mas, bisa disesuaikan.

Balas

Manual dengan photoshop mas, cuma memanfaatkan fitur animasi saja.

Balas

iya om Imbrahim

Balas

terimakasih atas tutornya tapi saya belum bisa menggunakannya ... perlu latihan lagi..

Balas

bisa juga dg photoshop, langkahnya rinci, beneran pengen buat, keren hasilnya

Balas

sangat rinci penjelasan soal cara buat banner nya ya mang, jadi kepincut pengen juga pake trik ini deh ih

Balas

dan satu lagi penjelasannya sangat rinci, step by step cara bikin banner nya, jadi kebelet pengen bikin banner pake trik ini kan

Balas

Kang Rofi itu photoshop versi brp kang? semua versi bisakan..heeeee

Balas

Sambil belajar, Mbak/Mas, makasih kunjungannya

Balas

Silahkan mas dicoba mas Wong, untuk lebih rinci nanti tak update yg pakai video.

Balas

Yang saya pakai Photoshop CS5 Portable mas Icah, tp pakai CS3 dan CS4 jg bisa kok.

Balas

Eanak juga juga bisa membauta banner di photoshop, apalagi untuk keperluan buat desain seperti tulisn berjalan, banyak kreasi dan piihannya ya kang ?

Balas

Betul kang Indra, sekaligus juga menyalurkan hobby utak-atik aja :)

Balas

cuma ikut gabung koment Oot, warna navigasi tidak ke baca dan kontak us tidak berfungsi pula :D

Balas

Ok, maksih mbak masukkanya, contact emang blm sempat kepasang linknya mbak, maaf warna yg mana mbak biar tak betulin.

Balas

tuh menu navigasi blog, ada gambar rumah, tulisan adsense, blog, komputer, photoshop-error 404

Balas

Weleh, kok disaya kelihatan ya, ada yang salah pasti pada template.

Balas

udah Aku screenshot, coba kamu lihat di plus google

Balas

Nah, itu baru benar, teks udah nempel background hitam. :D

Balas

Iya mbak, makasih banyak.

Balas

pengen sih membuat banner kayak di atas tapi aku buta photoshop.. btw templatenya ganti lagi ya mas..? jadi sama dengan yang saya pake hehe..

Balas

Nanti tak bikin tutorial yang ada videonya mbak biar lebih jelas. Iya mbak, seneng baget saya gonta-ganti template, sebenernya cuma nyari yang bener-bener seo dan juga responsive aja.

Balas

mantab, sip nambah pengetahuan,aq yang belom tau cara y pakai photoshop bisa belajar dengan tutorial ini, selama ini aq biasa pakai macromedia flash untuk buat animasi

Balas

Terima kasih atas kunjungan dan komentar Anda yang sesuai dengan topik, mohon maaf bila kadang telat berkunjung balik.

Maaf link hidup tidak akan tampil disini, berkomentar yang baik itu salah satu cara mendapatkan backlink yang baik.

Copyright © 2016. KemejingNet - All Rights Reserved | Template Created by Kompi Ajaib Modification by KemejingNet Proudly powered by Blogger