Sabtu, 20 April 2013

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!!



0 comments:

Posting Komentar

Labels

Harga Laptop Terbaru Ponsel Notebook Tips dan Trik Tablet Aksesoris Komputer tips and trik informasi LENOVO Download Lirik Lagu NETBOOK Harga Samsung blogger Daftar Harga Tutorial HP trik facebook download software ASUS GADGET APPLE SAMSUNG TABLET PC TOSHIBA ACER Berita Hari Ini Kamera SONY Harga Tablet samsung Review Tutorial Blog AXIOO Printer Acer Android Apple Harga Acer Harga Lenovo Motherboard berita terkini library science AKSESORIS LAPTOP E-book FUJITSU Harga Blackberry Harga Nokia Harga VGA Processor SOFTWARE Samsung Galaxy Software Teknik Komputer dan Jaringan Tips Komputer buku panduan seo software ANDROID Belajar Web design DELL Gadget Harga Harddisk Harga Laptop Acer Harga Laptop Lenovo SEO situs internet ALIENWARE Dell Facebook Harga Kamera Harga Laptop Asus Harga Nokia Lumia Hp Java Nama Bayi teknologi Advan Harga HP Mito Harga Hp Cross Harga Kamera DSLR Canon Harga Laptop Harga Laptop Fujitsu Harga Laptop Toshiba Harga Processor Intel Teknologi ZYREX trik komputer Blog Tool Harga LCD Monitor Harga Laptop Dell Harga Laptop Samsung Harga Laptop Sony Vaio Harga Mobil Harga Sembako Harga Smartfren Harga Speaker Aktif Harga Tablet Asus Harga Tablet Mito Huawei IPHONE Internet LG Laptop Nokia SMART PHONE Samsung Speaker info pengalaman ADAPTER Archos BATERRY LAPTOP BLACKBERRY Blogging Canon Google Harga HP Harga Laptop Apple Harga Power Supply Harga Printer Epson Harga Printer HP Harga Processor AMD Harga Sony Xperia Harga Tablet Acer Harga Tablet Advan Lowongan Kerja Materi Komputer News Technology Samsung Ativ Smartfren Tablet Murah motivasi widget blog $ Dollar Gratiss ACER ASPIRE Bisnis Online BlackBerry Blackberry Chatting Cross Education Game HARDWARE Hard Disk Harga HP Baru Harga Hp Android Harga Kamera DSLR Nikon Harga Kamera DSLR Sony Harga Kamera SLR Nikon Harga Laptop Advan Harga Laptop Baru Harga Mobil Baru Harga Mobil Bekas Harga Motherboard AMD AM2 Harga Motherboard AMD AM3 Harga Motherboard Intel 1156 Harga Motherboard Intel 1366 Harga Motherboard Intel LGA Harga Nokia Asha Harga Power Bank Harga Printer Canon Harga iPhone Hisense KATA-KATA Kata-kata lucu Kontes SEO Lenovo MEMORY LAPTOP MSI Mito Nikon Otomotif Pengetahuan Sony Toshiba ULTRABOOK Unik Zodiak linux musik terbaru tips dan trick ATI Acer Iconia W4 Al Quran Mp3 Artikel Asus Baterai Black2 Bola Mania CD Burner Carrefour Display ECS EUROCOM Enermax Fakta Film Fujitsu Game PC Gigabyte Harga ATK Harga Archos 97b Platinum Harga Asus Memo Pad Smart Harga CCTV Harga Emas Harga HP Bekas Harga HP Terbaru Harga Hp LG Harga IMO Harga Laptop HP Harga Lenovo A706 Harga Micromax Harga Oppo Harga PlayStation 4 Harga Ponsel Zopo Harga Printer Brother Harga Printer Murah Harga Produk Pakai Harga Promo Harga Samsung Galaxy S4 Nexus Harga Stabilizer Harga TV LED Harga Tabklet Archos Arnova Harga Tablet Cyrus Harga Tablet Esia AirTab Harga Tablet Maxtron Harga Tablet Microsoft Surface Harga Tablet Smartfren Harga Tablet lenovo Harga UPS Harga Ultrabook Islam Islami Jadwal Imsakiyah Ramadhan Kingston Flash Drive USB 64 GB LumiTab MODECOM Musik Online Origin PC Ou Sheng Pantech Pemrograman PlayStation Port USB Prestigio Puisi Ramos i10 Pro Razer Sebuah Pemikiran Sharp Sharp RW-16G1 Sonny Ericsson Sony Xperia Z Ultra Speaker Aktif Tablet Firefox OS Tablet Imo Tablet Zinox Thosiba Tips Trik Tips n Trik Gratis Tutorial Wordpress Ultrabook VELOCE VGA Asus VGA Digital Alliance VGA Inno 3D VGA PixelView Voyo WeWi XiaoMi ZBOX 01520 game kuliah link exchange music pendidikan pkl seo blogger tips-triks trick blogger