Cara membuat background gradien dengan photoshop | web design

Cara membuat background gradien dengan photoshop | web design
sesuai dengan tema diatas, bahwa kita akan belajar membuat background gradien untuk keperluan blog atau website. sebelumnya sudah tahu kan seperti apa warna gradient itu ?
gradient merupakan perpaduan warna muda dengan warna tua, warna gradien membuat tampilan pada blog/website menjadi lebih menarik maka tidak sedikit programmer web yang memakai warna gradien untuk keperluannya.
cara membuat warna gradien ada 2 cara, yang pertama membuat secara offline dengan photshop dan yang kedua membuat dengan cara online.tapi karena kita sedang membahas membuat background gradien dengan photoshop maka kita hanya membahas yang ini saya.
langsung saja pertama buka photoshop versi berapa saja, disini saya menggunakan photoshop cs3.

  • buat lembar kerja baru (ctrl+N) dan sesuaikan ukuran dengan objek yang ingin sobat tambahkan background.
  • ganti tool warna yang akan sobat jadikan background nya, 

  • ganti warna utama dan warna kedua dengan warna yang sobat inginkan

  • selanjutnya sobat pilih gradient tool yang saya lingkari, dibawah ini

  • selanjutnya sobat pilih bentuk gradient nya seperti gambar dibawah
  • dan cara membuat nya, jika sobat inigin membuat gradient horizontal maka tarik ke atas dan jika sobat ingin membuat gradien vertikal maka seret kekanan atau kekiri (sesuaikan dengan objek yang akan sobat buat background)

  • lalu save hasil kerja kamu.
  • untuk mendapatkan kode html gambar yang kamu buat ini, sobat tidak usah susah susah lagi mengupload ke photobucket atau piasca dan lain sebagainya, sobat hanya perlu mempublish di blog sobat sendiri,
    caranya masuk blog sobat, pilih new entry, lalu pilih upload gambar dan upload gambar gradien sobat ini,setelah siap diupload masukan ke lembar posting dan ubah dari compose ke html
  • kode yang dimulai dari "http://1.bp.blogspot.com bla bla bla...hingga tulisan format foto seperti png,jpg,gif dan sebagainya, itulah kode yang sobat ambil dan masukkan kedalam objek yang akan sobat kasih background
  • tapi di publish dulu gambar nya yah, kalau tidak dipublish ya kode nya tidak jadi.
oke,,itu saja dari saya sob,,,kalau ada pertanyaan silahkan dokolom komentar,,
semoga bermanfaat sob!!

BACA JUGA ARTIKEL BELAJAR WEB DESAIN LAINNYA

2 Responses to "Cara membuat background gradien dengan photoshop | web design"

  1. najis
    yang gitu mah gua juga bisa TOD

    ReplyDelete
  2. iya sobat, terima kasih
    dan artikel ini memang bukan diberikan untuk orang yang sepintar sobat, pastinya masih ada dari kami yang belum mengerti hal yang sepele sekali pun, :-)

    ReplyDelete
*Komentar Tanpa Moderasi*
Silahkan berkomentar yang sopan, tidak mengandung unsur sara, pornografi.
Jika blog ini membantu, jangan lupa like Fanspage dan Follow Google+
Terima kasih

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel