DP BBM 23 - Cara Mudah dan Simple Membuat Banner Iklan Animasi Dengan Menggunakan Adobe PhotoShop CS3 - selamat malam dan selamat berjumpa kembali sahabat setia pembaca blog DP BBM 23 semuanya .. setelah tadi siang membahas dan berbagi mengenai Kamus Bahasa Gaul dan Alay Yang Paling Ngtrend Dari Masa Ke Masa Update 11 Juni 2017 di kesempatan malam ini akan sedikit berbagi cara mudah dan sederhana pembuatan banner iklan animasi ( GIF ) dengan menggunakan adobe photoshop cs3 ..


ok next .. sebenarnya untuk cara pembuatan banner iklan bergerak ( animasi / GIF ) ini .. sama saja halnya ketika kita ingin membuat gambar animasi DP BBM maupun gambar - gambar animasi lainnya .. yaitu penggabungan beberapa buah gambar menjadi satu .. yang nantinya akan terlihat bergerak ..

misalnya saja kita ingin membuat gambar animasi dengan ukuran 300px X 300px dengan membuat dengan 5 buah pergerakan dalam satu gambar .. maka kita terlebih dulu membuat 5 buah gambar dengan ukuran yang sama 300px X 300px .. jadi nantinya saat gambar di gabungkan tidak goyang - goyang ( karena beda ukuran ) .. melainkan gambar akan terlihat diam dengan melakukan 5x pergerakan sesuai dengan awal pembuatan ..

nah, sekarang udah cukup jelas dan faham kan ?? intinya jika ingin membuat gambar animasi .. terlebih dulu buatlah beberapa gambar sesuai dengan ke inginan sobat .. mau dijadikan apa nantinya ?? setelah gambar tergabung ?? sebuah huruf berkedip ?? gambar yang berubah - ubah ?? ataupun yang lainnya .. begitupun dengan ukurannya .. terserah mau berapa kali berapa .. asal gambar harus sama ..

di sini saya membuat gambar animasi 2 buah jenis GIF yang berbeda .. yang pertama membuat dengan ukuran 300x300 ( persegi 4 ) dan ukuran 920x90 ( persegi panjang ) kedua gambar berbeda begitupun dengan pergerakannya .. saya membuat cara ini terinspirasi ketika saya melihat banner iklan yang muncul di blog ini .. lalu iseng - iseng buka photoshop dan membuatlah 2 jenis gambar banner iklan animasi ..

nah, adapun untuk caranya disini admin berikan 7 langkah paling mudah dan simple dalam pembuatan gambar animasi dengan photoshop cs3 .. untuk hasilnya terlihat bagus atau jelek itu tergantung kreatifitas masing - masing .. dan tergantung isi pesan yang di dalam gambar .. isi pesan yang saya maksud ialah .. sebuah bahasa singkat tentang produk yang sobat iklan kan lewat sebuah banner gambar bergerak ..

Dalam membuat iklan terlihat menarik .. ada banyak cara yang dapat dilakukan .. sobat bisa search di Google untuk mempelajarinya lebih lanjut .. jika dirasa cara penyampaian saya kurang mengerti .. Ada beberapa macam script atau tampilan iklan online yang sering kita dapati pada situs - situs blog atau website di internet .. diantaranya ada iklan teks maupun running text / static banner / flash banner ataupun iklan dengan Video banner ..

Dalam membuat sebuah iklan .. kita tentunya ingin menjadikan sebuah iklan jadi terlihat menarik .. sehingga mereka yang melihat iklan kita jadi tertarik ataupun penasaran dengan pesan iklan yang di sampaikan .. Semua tampilan iklan memiliki kelebihan dan kekurangannya .. sesuai dengan posisi dimana iklan ini akan ditempatkan pada sebuah blog atau website .. namun untuk kali ini kita tidak akan membahas tentang itu ..

melainkan admin blog DP BBM 23 akan membagikan bagaimana cara membuat banner iklan Flash atau animasi gif atau juga yang sering disebut iklan bergerak .. karena menurut saya jenis banner iklan ini memiliki daya tarik tersendiri bagi setiap pengunjung sebuah blog atau website ..

ok next .. pertama - tama seperti yang saya katakan sebelumnya pada awal pembukaan .. terlebih dulu buatlah beberapa gambar dengan ukuran yang sama .. jika gambar sudah siap .. langkah selanjutnya buka photoshop .. untuk versi nya terserah sobat punya nya versi berapa .. karena saya cuma punya versi cs3 ..

step 1 .. jika sudah terbuka software photoshopnya .. selanjutnya sobat klik File >> Scripts >> Load Files Into Stack .. untuk lebih jelasnya lihat gambar di bawah ..



step 2 .. nanti akan terbuka jendela baru .. yang dimana tempat tersebut untuk memasukan gambar - gambar yang nantinya akan kita buatkan gambar animasi ( GIF ) .. seperti pada gambar dibawah ini .. tinggal sobat klik aja Browse... dan masukkanlah gambarnya satu persatu hingga semuanya beres di masukan ..



step 3 .. jika semua gambar sudah beres di masukan .. maka akan tampil seperti pada gambar dibawah ini .. pada gambar tersebut saya tandai warna merah dengan nama gambar yang berurutan dari 1 sampe akhir .. guna untuk mempermudah urutan gambar .. mau dimulai dari angka berapa dulu gambar bergeraknya ?? jadi biar tidak lupa saya kasih nama gambar dengan angka yang berurutan .. dan jika sudah klik OK



step 4 .. setelah tadi klik OK hasilnya seperti pada gambar dibawah .. gambar - gambar belum bisa menyatu .. masih berderetan di layer sebelah kanan .. nah, untuk cara menggabungkan antara gambar 1 dan seterusnya .. ikuti pada step 5 ..



step 5 .. nah, untuk langkah kelima ini .. sobat klik Window >> Animation .. seperti pada gambar di bawah ini .. namun gambar belum juga bisa tersusun dan menjadi gambar animasi .. untuk langkah selanjutnya supaya gambar bergerak .. ikuti step 6 ..



step 6 .. langkah ke 6 inilah kita mulai menggerakan gambar - gambarnya .. dengan cara klik Tanda Yang saya lingkari merah >> Make Frames From Layer .. lebih jelasnya lihat gambar dibawah ini .. jika sobat benar mengikutinya maka hasilnya seperti pada gambar di bawah ini ..



step 7 .. adalah langkah akhir .. karena disini kita cukup memainkan timer nya saja .. atur pergerakan gambar sesuai kecepatan perdetik .. silahkan sobat atur - atur sendiri .. pergerakan nya mau cepat atau lambat ?? .. dengan cara mengklik 0Sec ( 0 second ) di setiap pojok kanan bawah pada masing - masing gambar .. jika 0Sec ( 0 second ) maka pergerakan gambar terlalu cepat .. sobat bisa atur misal 0,1 sec atau 0,2 sec dan seterusnya ..



untuk mengetahui hasilnya .. sobat cukup klik tanda yang saya kasih lingkaran dan panah warna biru .. untuk play / stop ( lihat ulang gambar diatas ) .. jika dirasa gambar udah terlihat ok .. silahkan sobat save dengan cara klik File >> Save For Web & Device... ..

menurut sobat gimana nih .. dengan cara yang saya buat ?? sangat mudah untuk di praktekan ?? atau masih kurang faham ?? jika masih kurang faham sebaiknya sobat sambil praktek saja .. biar mudah di fahami .. dan untuk caranya yang saya buat dari tutorial ini .. bisa sobat lihat di bawah ini ..

1a. Banner Ads GIF 300X300 ( Model 1 )



1b. Banner Ads GIF 300X300 ( Model 2 )



2a. Banner Ads GIF 920X90 ( Model 1 )



2b. Banner Ads GIF 920X90 ( Model 2 / pergerakan yang diperlambat )



Kamus Bahasa Gaul dan Alay Yang Paling Ngtrend Dari Masa Ke Masa Update 11 Juni 2017
DP BBM 23 - Kamus Bahasa Gaul dan Alay Yang Paling Ngtrend Dari Masa Ke Masa Update 11 Juni 2017 - selamat siang dan selamat berjumpa kembali sahabat setia pembaca blog DP BBM 23 semuanya .. setelah kemarin sore membahas dan berbagi mengenai [ DP BBM 23 ] Cara Mengatasi Sumber Daya Yang Terblokir Googlebot Robots.txt .. d...View More

nah, itulah kiranya yang dapat admin blog DP BBM 23 bagikan dikesempatan malam ini .. mengenai Cara Mudah dan Simple Membuat Banner Iklan Animasi Dengan Menggunakan Adobe PhotoShop CS3 .. semoga dapat membantu dan menginspirasi untuk sobat yang ingin membuat banner iklan seperti pada contoh yang saya buat diatas .. selamat malam .. selamat beristirahat dan sampai jumpa !!!
 
Top
'