Cara Membuat Banner Di Photoshop Cs3 – Tutorial cara membuat banner untuk postingan blog ini merupakan tutorial ketiga di blog ini. Tutorial ini khusus menggunakan Photoshop CS3 yang lebih mudah ditemukan atau digunakan dibandingkan CS5 atau CS6. Photoshop CS3 memiliki kemampuan animasi yang terbatas dibandingkan CS5 atau CS6, namun dengan sedikit kreativitas Photoshop CS3 menghasilkan gambar yang bagus.
Sedangkan untuk tutorial ketiga, cara ini sedikit berbeda dengan kedua cara yang sudah saya buat sebelumnya, cara ketiga ini lebih simpel dan praktis. Untuk membuat iklan banner animasi, saya akan memberikan contoh gambar iklan banner yang sudah jadi seperti gambar di bawah ini.
Cara Membuat Banner Di Photoshop Cs3
Benda bergerak pada gambar diatas terdapat tulisan ‘KLIK DI SINI’ yang merupakan contoh banner ini yang tentunya sering kita jumpai ketika mengunjungi blog dan website. Berbeda dengan tutorial sebelumnya, tutorial kali ini memiliki tambahan warna pada tepi atas dan bawah, serta cara membuat animasi. Nah, berikut cara membuat iklan banner animasi menggunakan Photoshop CS3.
Ftk Virtual Conference Series 13: Produktivitas Kepemimpinan Transformasional Di Lembaga Pendidikan Pesantren
Seperti pada pembelajaran sebelumnya, siapkan semua gambar untuk dijadikan animasi, gambar diatas berisi gambar logo Toyota dan gambar background mobil New Rush 2015 serta logo New Rush TRD Sportivo.
Setelah semua gambar siap, langkah selanjutnya adalah menentukan ukuran animasi yang akan ditampilkan di blog atau website. Gambar iklan animasi ini biasanya bisa ditempatkan di kanan, kiri, atau postingan blog. Untuk postingan blog, ukuran bukanlah halangan, namun jika ditempatkan di sidebar akan berdampak, jadi pertama-tama Anda perlu mengetahui besarnya ruang iklan sidebar Anda. Untuk mengetahuinya, berikut penjelasan detail aplikasi ini menggunakan elemen penjelajahan.
Sekarang setelah dimensinya diketahui, saatnya membuka Photoshop CS3 dan membuat layer baru dengan ukuran yang sesuai untuk ruang banner blog Anda. Untuk tutorial ini saya menggunakan ukuran 300 x 250 pixel. Lapisan 1 dibuat. Langkah selanjutnya adalah menambahkan gambar background yaitu New Rush 2015.
Langkah selanjutnya adalah membuat background menjadi hitam untuk menampung logo Toyota, logo Rush TRD Sportivo, dan tulisan Toyota. Caranya adalah dengan mengubah warna menu Set Foreground color dengan mengklik tombol Rectangle Marquee Tools.
Membuat Desain Dengan Photoshop Untuk Menjadi Perancang Grafis
Setelah Anda membuat kotak ukuran pada layer yang Anda inginkan, Anda dapat mengklik menu Edit untuk membuat warna hitam terlihat, pilih Fill, klik OK, dan tekan Shift dan F5 untuk mempercepatnya. Jika sudah, tekan Ctrl dan D untuk menghilangkan garis pada tepi background.
Background hitam sudah selesai, langkah selanjutnya adalah menambahkan icon logo Toyota dan logo New Rush TRD Sportivo pada background hitam. Setelah bagian menggambar, lihat hasilnya pada gambar berikut.
Sedangkan untuk gambar background hijau di tepi bawah, cara pembuatannya sama seperti di atas. Sekarang masuk ke bagian cara membuat background tulisan “New design and sports” Caranya adalah dengan membuat layer baru, klik menu File lalu pilih New, dan buat ukurannya sama dengan layer yang sudah ada, ukuran 300 x 250 pixel Langkah selanjutnya klik menu Rectangular Marquee Tools, namun ubah terlebih dahulu warnanya menjadi merah untuk mendapatkan background merah pada menu Set Foreground color. Untuk membuat background ikuti langkah yang sama seperti pada proses sebelumnya.
Potong warna background menggunakan menu Polygonal Laso Tools agar tajam atau berbentuk segitiga. Potong sesuai bentuk segitiga yang diinginkan dan tekan tombol hapus.
Panduan Belajar Photoshop Cs6 Dari Dasar
Setelah gambar selesai, alihkan ke layer dasar atau background mobil rush, logo Toyota dan layer teks, dan setelah dipindahkan, salin layer background untuk mempertajam tepi yang sama. Setelah menyalin, pilih menu Edit, pilih Transform, dan pilih Rotate 180.
Gunakan menu panah pada keyboard komputer atau laptop anda untuk memindahkan gambar. Setelah membuat background, masukkan teks Anda dan tekan tombol T pada menu Photoshop CS3.
Salin teks yang ada untuk membuat teks dengan latar belakang yang sama. Sebelum melakukan copy pastikan semua layer diatas tergabung dalam satu folder tersendiri, karena jika masih terpisah tidak akan tercopy semuanya. Cara menggandakannya seperti terlihat pada gambar di bawah ini: Klik pada folder New Design, klik kanan dan klik Duplikat Grup.
Untuk mengubah gambar, buka folder grup yang disalin, ubah teks dan pindahkan latar belakang jika posisinya tidak simetris. Hasilnya seperti gambar di bawah ini.
Kursus Desain Grafis Grogol
Proses terakhir adalah membuat animasi bertuliskan ‘Klik di sini untuk detail lengkap’, caranya adalah dengan membuat teks, klik menu T dan ketikkan terlebih dahulu tulisan ‘Untuk detail lengkap’. sesuaikan atau atur keadaan sesimetris mungkin, lalu klik menu yang berikon mata. Untuk layer baru memang hilang, namun tidak pada layer utama, di menu sub layer lagi tertulis “KLIK DISINI”.
Untuk membuat animasi, klik menu Window, pilih Animate, kemudian akan muncul menu lapisan animasi. Gambar di atas hanya membutuhkan dua lapisan untuk mengubah teks. KLIK DI SINI UNTUK DETAIL LENGKAP. Buat layer di atas layer animasi, buat dua layer, lalu klik layer pertama, klik layer yang ada icon mata, klik DI SINI untuk menghilangkan teks, sedangkan pada layer kedua klik sembunyikan atau menu. ikon mata di atas teks DAPATKAN INFORMASI LENGKAP. Setelah itu tekan tombol S dan pilih durasi detik gambar berkedip, jika sudah menguji gambar atur ke 1 atau 0,5 detik.
Jika sudah oke dan menurut Anda tidak apa-apa untuk menyimpan gambar, klik menu File dan pilih Simpan untuk Web dan Perangkat, dan animasi pun dibuat dan siap ditampilkan di situs web Anda. Jika masih bingung, simak video tutorialnya di bawah ini.
Membuat banner dengan photoshop cs3, cara membuat logo photoshop cs3, membuat banner di photoshop, cara membuat banner dengan photoshop cs3, cara membuat banner di photoshop, cara membuat tulisan di photoshop cs3, cara membuat efek tulisan di photoshop cs3, cara membuat tulisan melingkar di photoshop cs3, cara membuat efek api di photoshop cs3, cara membuat background di photoshop cs3, cara membuat background photoshop cs3, cara membuat animasi photoshop cs3