Cara Menciptakan Banner Iklan Animasi Dengan Photoshop Cs3
Tutorial menciptakan Banner untuk keperluan iklan sebuah blog ini yaitu tutorial yang ketiga dalam blog ini, pada tutorial kali ini khusus memakai aplikasi Photoshop CS3 yang relatif mudah dicari atau mudah diperasikan dari pada CS5 atau CS6. Dengan aplikasi Photoshop CS3 ini memang mempunyai fitur yang terbatas dalam menciptakan animasi bila dibandingkan dengan CS5 atau CS6 namun dengan sedikit kreasi memakai Photoshop CS3 juga menghasilkan gambar yang baik.
Untuk tutorial yang ketiga ini caranya sedikit berbeda dengan kedua cara yang sudah saya buat sebelumnya, cara ketiga ini lebih simpel, praktis. Untuk menciptakan baner iklan animasi saya contohkan pada gambar iklan banner yang sudah jadi menyerupai pada gambar dibawah ini.
Pada gambar diatas yang bergerak yaitu goresan pena 'KLIK DISINI' pola banner ini tentunya sudah sering kita temuai ketika mengunjungi sebuah blog atau web. Perbedaan tutorial ini dengan tutorial sebelumnya yaitu adanya pelengkap warna pada bab tepi atas, bawah dan juga cara menciptakan animasinya. Oke eksklusif saja berikut ini cara membuat banner iklan animasi dengan photoshop CS3.
Sama menyerupai tutorial sebelumnya Anda persiapkan semua gambar yang akan dibentuk animasi, pada gambar diatas terdiri dari gambar logo Toyota, Gambar background yaitu kendaraan beroda empat New Rush 2015 dan gambar logo New Rush TRD Sportivo.
Setelah semua gamabr siap langkah berikutnya yaitu memilih ukuran dari gambar animasi yang akan dipajang di sebuah blog atau web. Biasanya pemasangan gambar iklan animasi ini sanggup diletakkan di side kafe kanan, kiri atau didalam postingan blog. Untuk didalam postingan blog ukuran tidak menjadi kendala, namuan bila dipasang di side kafe maka akan berpengaruh, untuk itu harus diketahui terlebih dahulu ukuran space iklan pada sidebar. Untuk mengetahuinya gunakan aplikasi inspec element, untuk penjelasana detail dari aplikasi ini silahkan lihat disini.
Ukuran sudah diketahui saatnya membuaka aplikasi Photoshop CS3, buat layer gres dengan ukuran yang sudah sesuai dengan space baner di blog Anda. Pada tutorial kali ini saya memakai ukuran 300 x 250 pixel. Layers 1 sudah dibentuk langkah berikutnya masukkan gambar background yaitu New Rush 2015.
Langkah berikutnya yaitu menciptakan warna hitam sebagai background untuk meletakkan logo Toyota, logo Rush TRD Sportivo dan goresan pena Toyota. Cara membuatnya yaitu cukup menekan tombol Rectangular Marquee Tools dengan mengubah warna pada hidangan Set Foreground color.
bila sudah buat kotak sesuai dengan ukuran yang dikehendaki pada layer, untuk memunculkan warna hitam tekan hidangan Edit kemudian pilih Fill kemudian tekan OK, untuk mempercepat Anda sanggup menekan tombol Shift dan F5. bila sudah untuk menghilangkan garis garis pada tepi background tekan tombol Ctrl dan D.
Background hitam sudah selesai, langkah berikutnya yaitu masukkan gambar logo Toyota, Logo New Rush TRD Sportivo ke background hitam tersebut. Sat bab gambar selesai lihat kesudahannya pada gambar berikut ini.
Untuk gambar background warna hijau yang ada dibagian tepi bawah cara membuatnya sama menyerupai cara diatas. Sekarang masuk ke bab cara menciptakan background pada goresan pena New Desain dan Sporty. Caranya yaitu siapkan layers gres klik saja hidangan File kemudian pilih New, buat saja ukuran nya sama dengan ukuran layers yang sudah ada yaitu 300 x 250 Pixel. Langkah berikutnya klik menu Rectangular Marquee Tools namun sebelumnya pada menu Set Foreground color ubah warna menjadi merah biar didapatkan background warna merah. Lakukan langkah menyerupai pada proses sebelumnya dalam menciptakan background.
Untuk menciptakan background warna menjadi lancip atau berbentuk segitiga caranya gunakan hidangan Polygonal Laso Tools untuk memotongnya. Potong sesuai dengan bentuk segitiga yang diinginkan sesudah itu klik saja delet.
Satu gambar selesai, pindah saja ke layer utama atau layers yang sudah ada background kendaraan beroda empat rush, logo dan goresan pena Toyota, sesudah pindah copy saja backgroung layers tersebut untuk mendapat ujung yang sama lancipnya. sesudah tercopy kemudian pilih hidangan Edit kemudian Transfrom kemudian pilih Rotate 180.
Untuk mengeser gambar gunakan hidangan tanda panah yang ada pada Keyboard PC atau Latop. Satu background selesai dibentuk tinggal memasukkan tulisan, caranya hanya cukup menekan tombo T pada hidangan Photoshop CS3.
Untuk menciptakan goresan pena dengan background yang sama caranya cukup copy saja goresan pena yang sudah ada, sebelum mengcopy pastikan semua layers diatas sudah digabungkan dalam folder tersendiri alasannya bila masih terpisah tidak akan sanggup tercopy semua. Cara mengcopy yaitu klik pada folder New desain menyerupai pada gambar dibawah ini kemudian klik kanan tekan Duplicate Group.
Untuk merubah gambar buka saja folder group yang sudah tercopy, ganti saja goresan pena dan geser background bila posisi tidak simetris. Hasilnya menyerupai gambar dibawah ini.
Proses terakhir yaitu menciptakan gambar animasi yaitu goresan pena 'Untuk Info Lengkap Klik Disini', cara membuatnya yaitu buat goresan pena klik saja hidangan T tulis terleih dahulu goresan pena "Untuk Info Lengkap" letakkan atau atur posis sesimetris mungkin sesudah itu pada hidangan yang bergambar mata klik saja seelah ilang buat new layers namun pada hidangan layers kecil bukan pada layers utama, kembali buat goresan pena "KLIK DISINI".
Untuk menciptakan animasi caranya yaitu klik hidangan Window kemudian pilih Animation, sesudah itu akan muncul hidangan layers animasi. Gamabr diatas hanya butuh dua layres untuk mengubah goresan pena UNTUK INFO LENGKAP dan KLIK DISINI. Buat layers pada layers animasi sehingga menjadi dua, selanjutnya klik pada layers pertama pada layers yang mempunyai gambar mata klik saja untuk menghilangkan tulisan KLIK DISINI, sementara itu pada layers kedua sembunyikan atau klik pada hidangan bergambar mata pada goresan pena UNTUK INFO LENGKAP. Setelah itu klik pada tombol S pilih durasi detik gambar akan berkedip, atur saja 1 atau 0.5 detik bila sudah tes gambar.
Jika sudah sesuai dan dirasa sudah cocok simpan gambar caranya yaitu klik hidangan File kemudian pilih Save for Web & Devices.. Gamabr animasi selesai dibentuk dan sudah siap dipajang diwebsite. Jika anda masih gundah silahkan simak pada video tutorial yang ada dibawah ini.
Jika Anda masih binggung silahkan tinggalkan komentar. Secepatnya akan kami bantu, selesai kata selamat mencoba.
0 Response to "Cara Menciptakan Banner Iklan Animasi Dengan Photoshop Cs3"
Post a Comment