Tips Membuat Header Website atau Blog dengan Mudah

>> 2009/12/07

Bagi penyuka design web atau yang suka ngeblog mungkin tips ini bisa memberi sedikit manfaat. Kadang kita gak dapet ide untuk bikin Header untuk website atau blog kita..

Syaratnya :

  • Kita musti tau ukuran Header template blog kita,  biasanya berkisar antara 720 - 760 px lebarnya.. untuk standar panjang nya 150 -200 px.
  • Kita harus tahu file Nama file header template blog kita ( biasanya header.jpg) , kalo yang sering utak atik blog pasti tau.. yang gak tau, belajar ngeblog dulu ya .. hehehe..
  • Kita juga musti tahu Text judulnya berada disisi mana, ini gunanya untuk menempatkan gambar supaya gak ketimpa sama Text.
  • Tau juga Tema blog nya apa  ( misal : photography, computer, camera, celebrity, dll)
  • Kita juga harus tahu warna dasar blog nya biar nanti pas diberi header tidak Saltum ( salah kostum ) :)
  • Itu aja kayaknya syarat yang penting.

Kalo udah tau lebar blog nya… bikin dokumen baru sesuai lebar nya ..

header1

Tau tema website / blog, tujuannya untuk mencari gambar-gambar yang berkaitan dengan blog atau website nya.

saya biasa nyari gambar di Google Images ketikan keyword nya , misal photography > Enter .. deredettt.. banyak kan hasil search nya.. kita pilih beberapa gambar yang sesuai dengan selera kita.. misalkan saya udah pilih beberapa gambar yang berhubungan dengan photography.

header2

Buka salah satu gambar untuk diedit sebelum dimasukan ke dokumen header,

header3

Gunakan rectangle marquee tool untuk menyeleksi bagian sisi gambar, ini tujuannya untuk membuat batas putih di setiap sisi.

Klik Select > Inverse  sehingga yang terseleksi sekarang adalah selain seleksi sebelumnya. Delete deh..

header4

Tekan CTRL+ D untuk menghilangkan seleksi..

Drag ( Klik + Tahan + tarik ) gambar camera tadi ke dalam dokumen header baru.

header5



Puter (rotate), modifikasi ukuran gambar ( resize) secara manual, sehingga keliatan menarik. Misalkan Text  di template website / blog nya berada kiri, maka kita tempatin gambar nya di kanan.

Untuk pemberian efek, cukup dengan memberi bayangan alias pake DROP Shadow aja.

Klik 2x layer 1 atau klik kanan > blending Option,

header6

Klik Ok.

Untuk mempermudah pemberian efek yang sama untuk gambar yang lainnya, Klik kanan layer 1 > copy layer style

header7

Skarang ulangi langkah mengedit gambar, lalu drag ke dokumen header.

untuk pemberian efek, cukup klik kanan di gambar yang mau diberi efek > Paste layer style.

hasilnya nanti :

header8

Untuk pemberian warna background supaya sesuai tema, tinggal klik Layer background, warnai dengan Paint Bucket tool atau gradient tool

header9

Hasil akhir nya

header10

Kalo mau ditambah tulisan, silahkan tambahin sendiri. hehehe.

Save sesuai nama file header di template nya, misal : header.jpg ,

header11

Selesai… sekarang tinggal UPLOAD deh ke server website / blog nya.

Ini contoh website saya yang headernya pake photoshop : online-photography-school.blogspot.com

Selamat mencoba..


Sumber : http://ilmuphotoshop.com/

Read more...

Membuat Bingkai Kayu Realistik pada Foto Miyabi a.k.a Maria Ozawa

>> 2009/12/02

Foto Miyabi atau Maria Ozawa sekarang ini banyak sekali dicari oleh pengguna internet di Indonesia .. mungkin karena waktu itu Miyabi atau Maria Ozawa mau dateng ke Indonesia, tapi gak jadi .. itu hasil analisa saya setelah ngecek di google trends. dan karena itu juga saya pake nama Miyabi untuk menarik pengunjung ke blog ilmuphotoshop ini.. hehehe..
Saya mohon maaf sebelumnya ke Mba Miyabi ( baca: mba mia) atau Teteh Maria Ozawa .. karena foto nya dipake buat belajar photoshop. hihihi..
Udah .. sekarang kita lanjut ke tutorial photoshop nya..
pertama buat dokumen baru :
miyabi 1
Buat kotak menggunakan rectangle marquee tool
miyabi 2
Buat layer baru dan Warnai dengan warna apa aja.. karena nanti akan menggunakan filter Fibers untuk membuat kayu nya.. perhatikan background color dan foreground color nya.
miyabi 3
Klik Filter > Render > Fibers
miyabi 4
Kalo udah, buat lagi layer baru .. buat kotak dengan rectangle marquee tool. Warnai dengan gradient tool.
miyabi 5
ganti layer style nya menjadi Soft light.
miyabi 6
Gabungkan kedua layer tersebut dengan menekan CTRL + E .. posisi cursor di layer paling atas ya.
miyabi 7
Sambil tekan ALT dan SHIFT di keyboard, Drag tepi bingkai yang pertama ke kiri, untuk membuat tepi bingkai kanan.
miyabi 8
otomatis terbentuk layer baru.
Dengan cara yang sama buat juga tepi bingkai atas dan bawah.
Duplikat layer bingkai kiri lalu putar dan atur biar pas.
miyabi 9
Sekarang kita edit setiap ujung dari bingkai tersebut.
Zoom pojok kiri atas dulu.. Buat bentuk segitiga dengan polygonal Lasso tool, lalu tekan DELETE. posisi kursor di layer tepi bingkai atas.
miyabi 10
Dengan cara yang sama, edit semua ujungnya.. sehingga nanti hasilnya gini
miyabi 11
Sekarang buka Foto Miyabi atau foto Maria Ozawa atau foto Siapa kek.. :)
Drag foto tersebut ke dokumen bingkai yang baru dibuat.
miyabi 12
Atur letak layernya sehingga berada di atas layer background
miyabi 13
Sekarang kita buat kaca nya..
Buat layer baru di atas layer foto Miyabi atau foto maria Ozawa. Buat Kotak dengan rectangle marquee tool > warnai dengan warna Putih > ubah opacity nya jadi 20%
miyabi 14
Gabungkan semua layer Tepi bingkai dengan menekan CTRL + E dari layer paling atas.
miyabi 15
Klik 2x layer bingkai yang barusan digabung, atau Klik kanan > Blending option
Setting Drop Shadow nya
miyabi 16
Jangan dulu di Oke in.
Setting juga Bevel and Emboss nya..
miyabi 17
hasilnya :
Miyabi a.k.a Maria Ozawa
Udah jadi..
Silahkan Coba..
See u di tutorial photoshop yang lain..




Artikel Membuat Bingkai Kayu Realistik pada Foto Miyabi a.k.a Maria Ozawa ini dipersembahkan oleh Tutorial Photoshop Gratis.

Read more...

KISI - KISI UAS 2009 TIK

KELAS : X
- Sejarah Komputer
- Perangkat Hardware Komputer
- Software Komputer
- Keselamatan Kerja
- Perintah - perintah Windows Dan DOS ( Disk Operating Sistem )
- Teori Jaringan Komputer
- Teori Internet dan Istilah-istilah Internet

KELAS : XI
- Sejarah Jaringan Komputer
- Jaringan Menurut Jaraknya/luas jangkauwannya dan Cara Akses data-nya
- Peralatan Jaringan Komputer
- Pengkabelan Jaringan Komputer
- Teori Internet dan Istilah istilah Interrnet
- Teori HTML dan Tag/Perintah perintah HTML


KELAS : XII
- Pengertian Desain Grafis
- Software Pengolahan Vektor, Bitmap dan Layout
- Tool-tool dan gambar Icon yang ada di CorelDraw
- Perintah-perintah memotong Objek, Menggabungkan Objek dan Mengedit Objek
- Istilah teknik warna dalam desain Grafis ( RGB , CMYK )
- Layar Menu dan Tool- tool Adobe PhotoShop

Read more...

Download Islami :

Daftar Pengunjung :


Website counter



Kumpulan Skripsi Tekhnik Informatika :

  © Blogger template Shiny by Ourblogtemplates.com 2008

Back to TOP