Membuat Gambar / Tulisan Berbayang



Saat sedang blogwalking ke oteonsoft, lagi2 nemuin artikel yang menarik.  Yakni membuat tulisan/gambar berbayang.   Biasanya, saya menggunakan adobe photoshop bila membuat gambar/tulisan dengan effect berbayang semacam ini (seperti logo yang saya pasang di Blog ini dan di isengWidget™), tapi berhubung saat itu photoshopku lagi error dan lagi pengin bikin logo...maka trick berikut jadi menarik untuk disimak.  Apalagi bagi mereka yang kurang paham menggunakan software desain grafis, maka cara ini akan sangat berguna untuk pembuatan logo yang menarik (contohnya saya pasang di Website ini).


OK langsung saja...simak langkah2nya:
  1. Silahkan klik gambar panah dibawah ini:
  2. Ketikkan tulisan yang ingin anda buat berbayang-bayang pada kotak Logo Text
  3. Pilih jenis huruf sesuai selera pada kotak combo Logo Font
  4. Jika ingin menambah logo, misalnya logo blog anda, silahkan masukkan URL logo pada kotak URL for Icon Image ini pilihan optional.
  5. Pada kotak Your URL bisa dikosongi
  6. Pilih warna huruf pertama di start gradient
  7. Pilih warna huruf kedua di end gradient
  8. Pilih Gradient Blend Type sesuai selera.
  9. Pilih warna dasar pada bgcolor, sesuaikan dengan warna dasar blog anda.
  10. Klik pada tombol Web 2.0 styl it! dan tunggu beberapa saat.
  11. Gambar ada sudah jadi disebelah kanan atas, klik kanan pada gambar tersebut kemudian pilih save as.
  12. Anda sudah mendapatkan gambarnya.
Bagaimana penggunaan dan pemasangan di blog?

Gambar yang anda dapatkan biasanya berukuran 500x100 pixel. Jika ukuran tersebut terlalu besar, edit dengan software pengolah gambar seperti photoshop atau ACD See atau pake program standard windows (Paint - biasanya ada di program files » Accesories » Paint) juga bisa. Silahkan download software2 tersebut gratis kalau belum punya.

Untuk membuang bidang kosong yang tidak perlu gunakan fitur crop. Sedangkan untuk memperkecil ukuran gunakan fitur resize. Cari sendiri ya..Kalau sudah sesuai upload ke server kamu di blogger, tinypic, hotlink, atau photobucket. Beres kan...

Jika ada yang kesulitan masalah kode yang dipasang diblog perhatikan kode dibawah ini:

<img alt="gambar berbayang" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUI6kCzV4pCajMTRxLp_tP9v3sbsKjLxCOdEVfWHQiOPvRDlSuUc_zxWhC4ZIDOEKZDII8-23kLHPwE9zQjIP0Mcq2Mw26sWQd3GtjWF-MW3CQ-byjQQA0vwE7Hx4j08gJpeyvSYhStain/s320/isenglogoberbayang.png" />


Keterangan:
src: alamat URL gambar
border: tebal garis tepi gambar
alt: alternative text jika gambar gagal diload


Selamat mencoba.........

Sumber:  http://www.ateonsoft.com


Artikel Terkait :



0 komentar:

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Post a Comment

Views