Showing posts with label photoshop. Show all posts
Showing posts with label photoshop. Show all posts

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

Seperti pada postingan sebelumnya saya pernah membuat desain iklan banner ukuran 300 x 250 dan yang satu lagi cara mendesain iklan banner 728 x 90 menggunakan photoshop CS3. Nah kali ini masih membahas seputar cara membuat iklan banner 160 x 600 dengan photoshop CS3 dan caranya juga sama dengan tutorial sebelumnya. Biasanya para blogger membuat kotak banner untuk ditempatkan di sidebar kiri atau sidebar kanan karena bentuknya yang memanjang kebawah. Nah simak tutorial cara mendisan banner iklan ukuran 160x600 dengan adobe photoshop dibawah ini.

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

1. Buka Photoshop
2. Tekan Ctrl + N untuk membuat file baru dan beri ukuran 160 x 600 dan warnai biru

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

3. Buka gambar seperti dibawah ini

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

4. Drag ke background ukuran 160 x 600 seperti dibawah ini

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

5. Pada toolbox, pilih Pen Tool

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

6. Pada layer palet, pilih Create a new layer dan dan buat kurva tertutup dengan Pen Tool seperti ini

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

7. Wanai kurva tadi dengan biru

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

8. Masih di toolbox, pilih Horizontal Type Tool dan buat tulisan “Space Iklan” dan warnai putih seperti dibawah ini

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

9. Tekan Ctrl  + T dan putar tulisan tersebut seperti dibawah ini

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

10. Pada layer palet, klik 2 kali tulisan Space Iklan

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

11. Lalu pada menu bar. Klik Create Warped Text dan pilih Arc Lower untuk membuat tulisan bengkok

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

12. Hasilnya seperti dibawah ini

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

13. Lalu buat bayangan pada tulisan dengan cara pada layer palet pilih Add a layer style

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

14. Dan pilih Drop Shadow dan pada Distance ubah nilainya = 8 px

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

15. Kita akan membuat lingkaran caranya pada toolbox pilih Elliptical Marquee Tool dan buat lingkaran dan dengan Paint Bucket warnai merah seperti dibawah ini

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

16. Pada layer palet pilih Add a layer style dan pilih Bevel and Emboss dan buat nilai Depth = 250, Size = 8 dan Soften = 0

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

17. Hasilnya seperti dibawah ini

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

18. Lalu drag dan hasilnya seperti ini

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

19. Buat layer baru lagi dan pada toolbox pilih Rectangular Marquee Tool dan buat kotak dan warnai merah seperti dibawah ini

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop

20. Untuk mempersingkat waktu, silahkan tambahkan tulisan dengan Horizontal Type Tool seperti dibawah ini

Cara Membuat Iklan Banner 160 x 600 Dengan Photoshop


Demikianlah Cara membuat banner ukuran 160 x 600 dengan Photoshop, silahkan dicoba.

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

Pada postingan sebelumnya saya pernah membuat desain iklan banner ukuran 300 x 250 dengan photoshop CS3. Kali ini saya akan memberikan contoh desain kotak iklan banner berukuran 728 x 90 yang tutorialnya hampir sama dengan sebelumnya. Namun ada sedikit tambahan variasi menggunakan brush. Untuk screenshot dari gambar iklan banner ukuran 728 x 90 dapat anda lihat dibawah ini.

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop
1. Buka adobe photoshop
2. Pilih File => New dan buat ukuran 728 x 900

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

3. Pada toolbar, pilih Gradient Tool

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

4. Buat warnanya seperti dibawah ini

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

5. Arahkan mouse dari bawah ke atas, lihat tanda panah merah dibawah ini

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

6. Lalu pilih Horizontal Type Tool dan buat tulisan Space Iklan dan warnai kuning seperti dibawah ini

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

7. Pada layer palet, klik Drop dan ubah Angle = 90, Distance = 5, Spread = 0  dan size = 0

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

8. Hasilnya seperti dibawah ini

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

9. Buat lagi tulisan dan warnai putih seperti dibawah ini

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

10. Pada layer palet, klik Create a new layer

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

11. Pada toolbox, pilih Lasso Tool dan buat garis kurva dan warnai biru seperti dibawah ini

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

12. Pada layer palet, klik Add a layer style dan pilih Drop Shadow

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

13. Dan hasilnya seperti dibawah ini

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

14. Buat lagi tulisan 728 x 90 seperti dibawah ini

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

15. Pada layer palet klik Crate a layer new dan pada toolbox, pilih Rectangular Marquee Tool dan buat kotak dan warnai merah seperti dibawah ini

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

16. Masih di layer palet, klik Add a layer style lalu pilih Bevel and Emboss dan Outer Glow lalu ok

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

17. Hasilnya seperti dibawah ini

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

18. Lalu buat tulisan Klik Disini dengan Horizontal Type Tool dan warnai kuning aja seperti dibawah ini

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

19. Create a new layer lagi dan tambahkan variasi brush, caranya pada toolbox pilih Brush Tool dan pilih brush seperti dibawah ini dan warnai putih

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

20. Hasilnya seperti dibawah ini

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop

21. Anda dapat tambahkan lagi variassi brush yang lain seperti dibawah ini

Cara Membuat Iklan Banner 728 x 90 dengan Photoshop


Itulah contoh desain iklan banner ukuran 728 x 90 dengan photoshop, semoga tutorial ini bermanfaat.

Cara Mmbuat Desain Iklan Banner Dengan Photoshop

Cara Mmbuat Desain Iklan Banner Ukuran 300 x 250 - Untuk anda yang mempunyai website / blog dan belum tahu cara membuat iklan banner untuk diletakkan di blog, saya akan berikan tutorial mendisain kotak iklan banner dengan photoshop. Dan nantinya kalau iklan banner yang dibuat sudah jadi, maka anda tinggal buka blog anda dan upload gambar iklan banner pada postingan untuk mendapatkan url dari iklan banner tersebut atau bisa upload di photobucket yang nantinya diletakkan di sidebar blog anda atau diatas postingan blog. Tampilan dari iklan banner ukuran 300 x 250 yang akan saya buat seperti dibawah ini dan anda dapat mengembangkan sendiri dari tutorial yang akan saya share.

Markup Validation Service

Cara Mendisain Kotak Iklan Banner dengan Photoshop
1. Buka adobe photoshop
2. Pilih File => New dan buat ukuran 300 x 250

Markup Validation Service


3. Pada toolbar, pilih Paint Bucket Tool (G) dan warnai merah

Markup Validation Service


4. Pada layer palet, klik Add a layer style dan pilih Gradien Overlay dan pilih warnanya seperti dibawah ini

Markup Validation Service


5. Ubah nilai Angle menjadi 140 seperti dibawah ini

Markup Validation Service


6. Pada toolbox, pilih Horizontal Type Tool dan buat tulisan Space Iklan dan warnai merah seperti dibawah ini

Markup Validation Service


7. Pada layer palet, klik Add a layer style dan pilih Stroke dan ubah color menjadi kuning dan size = 3

Markup Validation Service


8. Hasilnya seperti dibawah ini

Markup Validation Service


9. Buat lagi tulisan 300 x 250 dan warnai kuning seperti dibawah ini

Markup Validation Service


10. Pada layer palet, klik Add a layer style dan pilih Drop Shadow, ubah nilai Angle = 120, Distance = 5 dan Size = 5

Markup Validation Service


11. Dan hasilnya seperti dibawah ini

Markup Validation Service


12. Buka gambar / foto seperti dibawah ini

Markup Validation Service


13. Drag atau pindahkan ke kotak iklan dan hasilnya seperti dibawah ini

Markup Validation Service


Nah demikianlah cara sederhana membuat kotak iklan dengan photoshop, silahkan dicoba dan semoga tutorial ini bermanfaat.
 
Copyright © 2011. Terlintas | Template by Creating Website | Powered by Blogger