Berbagi Tutorial Mari Berbagi Pengetahuan

Artikel

9 Februari 2010

Signature Background untuk header Blogger

1 komentar
Jika kita suka memodifikasi template blogger anda, tentu kita ingin membuat tampilan template kita menarik dan ini tentu dibutuhkan Adobe Photoshop yang dapat menghasilkan design sesuai dengan kehendak kita.


Pada tutorial kali ini, saya ingin berbagi bagaimana cara membuat Signature Background untuk design header template kita.

1.    Terlebih dahulu kita tentukan berapa panjang dan lebar header pada tipe template yang kita gunakan.  Namun pada tutorial ini,  karena saya ingin menyesuaikan lebar dari main wrapper pada template blog ini agar gambar pendukung tidak melebihi kapasitas, maka saya menyiapkan kanvas dengan ukuran 400 X 400 px.  Tekan D pada keyboard, kemudian klik  Gradient Tool dan ubah Mode dengan Difference.

2.   Silahkan anda membuat gradient dengan  gerakan mouse seperti gambar.  Lakukan beberapa kali  tarikan masing-masing dari sudut yang berbeda hingga menghasilkan corak yang dikehendaki.


 3.   Duplikat layer 1,  sehingga muncul layer 1 copy.  Klik pada Filter > Distort > Wave.  Buat setting seperti gambar dibawah ini.


4.  Sekarang rubah Layer style ke Lighten. 

5.  Lakukan langkah 3 & 4 untuk duplikasi layer yang telah dihasilkan sampai beberapa kali sehingga menghasilkan nilai abstrak yang lebih bagus. 

6.  Pada layer copy 4, saya mencoba memutar kanvas dengan Ctrl- T kemudian ubah Layer style ke Overlay.


7.  Langkah selanjutnya Merge seluruh layer dengan klik  Layer > Flatten Image  atau pada Keyboard: ctrl + shift + E,  kemudian tekan Ctrl- U untuk menampilkan jendela Hue/Saturation.  Centang kotak Colorize.  Atur tampilan warna dengan menggeser tombol navigasi. Lihat gambar.


8.   Hasil akhir dianggap ukuran panjang sudah sesuai dengan panjang header, namun untuk lebar header masih terlalu lebar.  Ini memang disengaja, karena kita ingin memilih bagian mana yang cocok untuk dipilih.  Silahkan Crop (gunakan Rectangular Marquee Tool (M))  bagian yang cocok dengan selera, dan tentunya disesuaikan dengan panjang dan lebar header. (Image >Crop)

9.  Sekarang kita akan menambahkan Judul Blog kita. Disini saya menggunakan Horizontal Type Mask Tool, misalkan saya mengetikan CobaDotCom.  Untuk mengatur ukuran huruf,  tekan terus Ctrl,  lalu gunakan mouse anda pada kotak-kotak kecil disudut seleksi huruf. Setelah yakin klik Move tool.


10. Tekan Ctrl- C  lalu Ctrl- V, sehingga muncul layer baru.  Layer > Layer Style, atur sesuai gambar dibawah ini.

 
 

11.  Bila anda ingin menuliskan kata lain, silahkan langsung ketik pada ruang yang ada.  Berikut ini adalah hasil finalnya.


Silahkan gambar diupload di Blogger, untuk langkah ini lihat DISINI.
Read more

8 Februari 2010

Art Of KAGAYA

0 komentar
Kagaya adalah seorang seniman Jepang yang mahir dibidang design digital. Lahir pada tahun 1968, ia telah menciptakan karya seni yang berkaitan dengan alam semesta termasuk CG animasi gambar, cetak digital, poster, ilustrasi untuk buku dan majalah astronomi.
Tema utama dari karyanya adalah alam semesta, planet biru, dan manusia sebagai bagian dari alam semesta, impian dan kerinduan mereka. Kesenian dan keakuratan ilmiah memungkinkan dia untuk mewujudkan keindahan yang mengintegrasikan semua unsur alam semesta. Gambar konstelasinya dijadikan jigsaw puzzle, yang populer di seluruh dunia.  Untuk anda yang tertarik dengan hasil karyanya, silahkan berkunjung di situsnya : http://www.kagayastudio.com

Berikut ini beberapa cuplikan hasil designnya :

Read more

6 Februari 2010

Vector Tutorial with Adobe Photoshop

1 komentar
Video ini menjelaskan bagaimana cara membuat sebuah photo menjadi sebuah gambar vektor.  Dengan adanya tutorial berbentuk video ini, diharapkan kita akan semakin mudah untuk mempelajari Adobe Photoshop.

Read more

5 Februari 2010

Trik Copas Image pada Blogger

0 komentar
Jika kita ingin menyimpan gambar, khususnya untuk background template kita tanpa akan ada batasan limit seperti kalau kita mengupload gambar kita di layanan upload gratis maka salah satu cara yang tepat adalah memanfaatkan url yang ada di Blogger .

Sebagai "Bcakground" yang saya maksud disini adalah gambar sebagai background Header, Sidebar atau seperti yang dapat dilihat pada Tab " Network" di blog Coba'-ae ini.   Anda tidak bisa asal main COPAS pada url yang diberikan secara otomatis disaat kita upload gambar atau photo pada Blogger.

Berikut ini adalah langkah demi langkah bagaimana gambar yang akan kita jadikan background ukurannya sama sesuai dengan yang kita kehendaki.

1.    Cobalah mengupload sebuah gambar atau foto, INGAT!!!! proses ini hanya menyimpan bukan terbitkan entri karena hanya mengambil URL dari image.   Setelah gambar/photo tersimpan pada blogger, mala cobalah klik kanan photo/ gambar tersebut.  Kemudian klik "SALIN LOKASI TAUTAN" lalu kita buka tab baru pada broser anda.

2.   Klik kanan pada kotak search browser anda kemudian klik "Paste/Tempel", maka akan didapat url seperti  ini :
http://3.bp.blogspot.com/_LCQ27dpcVLI/S2vDmbF0YjI/AAAAAAAAAFc/RGkTjquxAmE/s1600-h/facebook.png

3.   Url tersebut masih belum bisa disalin dan ditempel pada html template kita, coba perhatikan.... /s1600-h/... pada URL diatas.  Untuk bisa menampilkan gambar/photo sebagai background maka setelah anda tempel URL diatas,  di kotak search browser anda kemudian enter maka akan muncul gambar.

4.   Klik kanan pada gambar/photo,  klik "Salin Lokasi Gambar" kemudian tempel/paste ke notepad. Sehingga akan kita dapatkan URL seperti dibawah ini :

http://3.bp.blogspot.com/_LCQ27dpcVLI/S2vDmbF0YjI/AAAAAAAAAFc/RGkTjquxAmE/s1600/facebook.png

Url inilah nantinya yang akan kita gunakan pada pengeditan HTML template kita.

Dibawah ini adalah contoh penerapan pada edit HTML

<li><a href="http://www.facebook.com/nataludin" target="_blank"><img src="http://3.bp.blogspot.com/_LCQ27dpcVLI/S2vDmbF0YjI/AAAAAAAAAFc/RGkTjquxAmE/s1600/facebook.png" /><strong>Facebook</strong> My Community.</a></li>

Semoga bermanfaat..... Salam Blogger Indonesia !!!
Read more

2 Februari 2010

Coba'-ae blog baruku

0 komentar
Pembuatan blog baru ini rencananya akan saya isi Tutorial saja, entah Adobe Photoshop, CorelDraw , Blogger atau yang lain.

Tanggal dibuat :  05 Pebruari 2010
Hari  : Jum'at ( selesai sholat Jum'at )
Nama : Coba'-ae
Design oleh Insight
Read more

Komentar

Dollar Legit



Get paid To Promote at any Location

Coba'-ae Design by Insight || Modified by Nataludin © 2009/2010