Tips Membuat Header Website atau Blog dengan Mudah

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

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.

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

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

Tekan CTRL+ D untuk menghilangkan seleksi..

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

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,

Klik Ok.

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

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 :

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

Hasil akhir nya

Kalo mau ditambah tulisan, silahkan tambahin sendiri. hehehe.

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

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

Artikel Tips Membuat Header Website atau Blog dengan Mudah ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Adobe Photoshop Tutorials

By Request:Membuat Foto Wedding ( Menggabungkan 2 gambar)

Dengan komputer seadanya yang Lemot dan koneksi internet yang lemot juga..saya bikin tutorial ini :(. Terus terang biasanya saya buat tutorial itu di kantor ( Luar jam kerja Tentunya ) dengan komputer yang cepetnya lumayan mantep.. makanya saya males bikin tutorial kalo dirumah.. abis lemot sih.. :D .. Loh kok malah curhat ? *!^$!^!^(

Tutorial ini by request yang diminta seorang temen (pengunjung web ilmuphotoshop.com ini juga). Gambar yang dikirim :

Gambar Pertamax :

Gambar kedua :

hasilnya mau kayak gini :

Cara buat nya :

buka kedua gambar yang masih mentah di atas ..

Kita edit gambar pengantennya :

Seleksi yang warna putih nya dengan Magic wand Tool

kan ada seleksi yang masuk ke dalem tuh.. kita seleksi ulang dalem nya ( yang kena seleksi ) dengan direct selection tool. sambil menekan tombol ALT.. sekarang tampilannya seperti ini :

Klik Select > Feather untuk memperhalus seleksi.

lalu klik Select > inverse sehingga sekarang yang terseleksi adalah gambar orang nya.

Kita drag (tarik sambil menekan mouse) gambar orang ke gambar bunga..

Nanti hasilnya gini :

Sekarang atur deh foto nya.. lalu klik kanan Blending OPTION layer 1 atau layer gambar orang , lalu setting seperti ini:

Sekarang Klik Eraser tool lalu Klik kanan di layar gambar maka keluar

Hardness nya yang gede yaa , sekitar 300 -600 an.

Hapus bagian bawah dan samping layer 1

Hasilnya :

Selamat Mencobaa…

Fiuuuhhh…

Artikel By Request:Membuat Foto Wedding ( Menggabungkan 2 gambar) ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Adobe Photoshop Tutorials

Belajar Membuat Animasi Dengan Photoshop

Software : adobe Photoshop CS3 - CS4 .. CS2 blom cek udah ada fasilitas animasinya ato belom yaa.. mungkin masih pake Image Ready.

By Request : Saya bikin Tutorial ini karena banyak yang request.

Saya coba buat dasar-dasar nya aja.. atau gimana sih cara buat suatu gambar itu jadi gerak.. belom masuk ke berubah bentuk ya.. cuman gerak aja..

Pembuatan animasi di photoshop ada 2 cara :

1. Import Langsung dari layer ( Make frame from layers - buat yang udah EXPERT )

2. Manual ( ini khusus buat menggerakan benda aja)

Sekarang kita mulai dengan yang manual dulu aja yaa.. dari dasar dulu la..

Pertamax.. hehehe buka dokumen baru :

Buat kotak dengan rectangle marquee tool. Klik Select > Inverse.. lalu warnai dengan warna Hitam Klik Edit > Fill > Black

Sekarang buat lingkaran dengan Elliptical Marquee tool.. ( Sambil tekan tombol SHIFT biar Bener-bener bulet jadinya )..

Warnai dengan Gradient TOol > Radial Gradient. Warna Terserah aja..

Kalo ngikutin nya bener … jadinya kayak gini ..

Sekarang kita gerakkan Bola nya..

Klik Windows > Animation, maka muncul Animation Bar..

Klik Duplicate Selected Frame .. Muncul Frame baru dengan posisi bola yang sama..

Sekarang pindahin bola yang ada di frame 2 ke tepi kiri tengah..

Klik Tween Animation Frame untuk membuat Frame-frame dari posisi bola di atas ke posisi bola di samping secara otomatis.. kalo mau gerakan nya halus.. frame nya banyakin aja.. saya pake 5 frame aja..

Sekarang udah jadi deh.. gerakan dari atas ke samping kiri.. coba aja tekan tombol Play.

Pake cara yang sama .. Sekarang klik frame terakhir.. Klik duplicate selected frame lagi.. Pindahkan bola ke bawah tengah.. lalu buat Tween animation frame.sebanyak 5 juga.. Lalu animasikan bola dari tengah bawah ke tengah kanan.. animasikan lagi..

Untuk yang terakhir jangan sampe kembali ke posisi awal.. tapi buat renggang sedikit..

Klik tombol Play.. Kalo udah Ok save di GIF..

Klik File > Save For Web and Devices

Hasilnya :

Selamat Mencoba…

PR: wait… I: wait… L: wait… LD: wait… I: wait… wait… Rank: wait… Traffic: wait… Price: wait… C: wait…

Artikel Belajar Membuat Animasi Dengan Photoshop ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Adobe Photoshop Tutorials

Tool-tool lain yang penting di Adobe Photoshop

Masih ada beberapa tool yang mungkin berguna

1. FILL

Edit > fill

Berfungsi untuk memberi warna di dalam area seleksi atau warna keseluruhan kalau tidak ada seleksi. Warna bisa diatur didalam windows option nya.

2. STROKE

Edit > stroke

Berfungsi untuk mewarnai garis di area seleksi. Ketebalan dan warna bisa diatur di dalam window option nya.

3. TRANSFORM

Edit > Transform

Tool ini untuk mentransformasi gambar di dalam layer tertentu.

Scale : untuk merubah besar kecilnya suatu gambar

Rotate : untuk memutar gambar

Skew, distorsi, perspektif, warp : untuk merubah bentuk gambar sesuai keinginan kita.

Rotate 180 : untuk memutar gambar sebesar 180 derajat.

Rotate 90 CW : untuk memutar gambar sebesar 90 derajat searah jarum jam

Rotate 90 CCW : untuk memutar gambar sebesar 90 derajat berlawanan arah jarum jam.

Flip horizontal : untuk memirror gambar kearah Horizontal

Flip Vertikal : untuk memirror gambar kearah Vertikal.

4. MODE

Image > Mode

Untuk merubah system pewarnaan, diantaranya :

- RGB : Red, Green, Blue

- CMYK : Cyan Magenta Yellow Black

- Grayscale : untuk warna Hitam Putih.

5. ADJUSTMENT

Image > adjustment

Untuk menentukan terang gelapnya gambar ( Brightness/Contrast. Dan bisa pula untuk menentukan warna ( Hue/Saturation )

6. IMAGE SIZE

Image > image size

Untuk merubah besar kecilnya suatu gambar. Bedanya dengan di tool transform adalah seluruh image berubah nilai besar kecilnya.

7. CANVAS SIZE

Image > canvas size

Untuk merubah besar kecilnya background. Dan ini akan membuat gambar di layer menjadi terpotong.

8. ROTATE CANVAS

Image > Rotate Canvas

Untuk memutar background beserta gambar yang ada didalam area gambar.

9. INVERSE

Select > inverse

Untuk menyeleksi yang bukan area seleksi sebelumnya. Tool ini berfungsi hanya jika ada image atau layer yang terseleksi.

10. FEATHER

Select > feather

Untuk memperhalus atau membuat blur suatu gambar yang sudah terseleksi. Ini biasanya digunakan pada saat pemisahan suatu objek gambar dengan background nya.

11. EFFECT

Tool untuk membuat effect ini ada semua di dalam toolbar filter.

12. RULER

View > ruler

Untuk menampilkan ukuran di area gambar. Ukuran bisa disetting dengan cara klik kanan di ruler area gambar maka akan muncul satuan ukuran yang akan digunakan. Seperti pixel, cm , inches, dll.

Kalau kita drag ruler ke dalam area gambar maka akan muncul suatu garis bantu berwarna biru terang. Dan garis bantu ini tidak akan tercetak kalau kita print.

13. SNAP

View > snap

Untuk menempatkan gambar dengan pas sesuai dengan keinginan kita. Kalau kita drag suatu objek gambar dan kita sudah mengaktifkan tool snap ini maka kita tidak perlu susah-susah untuk menempatkan gambar. Kita bisa menempatkan gambar pas ditengah, di pinggir atau pada garis bantu.

14. MENAMPILAKAN TOOL

Untuk menampilan tool kita cukup dengan mengklik toolbar windows maka akan muncul tool yang akan kita pakai. Seperti layer, color, history, brush dll.

Kalau ada yang masih kurang dan mau tanya tool yang belom dimengerti silahkan tanya aja langsung melalui komentar.. Insya Allah akan saya jelasin.

Artikel Tool-tool lain yang penting di Adobe Photoshop ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Adobe Photoshop Tutorials

Tool-tool lain yang penting di Adobe Photoshop

Masih ada beberapa tool yang mungkin berguna

1. FILL

Edit > fill

Berfungsi untuk memberi warna di dalam area seleksi atau warna keseluruhan kalau tidak ada seleksi. Warna bisa diatur didalam windows option nya.

2. STROKE

Edit > stroke

Berfungsi untuk mewarnai garis di area seleksi. Ketebalan dan warna bisa diatur di dalam window option nya.

3. TRANSFORM

Edit > Transform

Tool ini untuk mentransformasi gambar di dalam layer tertentu.

Scale : untuk merubah besar kecilnya suatu gambar

Rotate : untuk memutar gambar

Skew, distorsi, perspektif, warp : untuk merubah bentuk gambar sesuai keinginan kita.

Rotate 180 : untuk memutar gambar sebesar 180 derajat.

Rotate 90 CW : untuk memutar gambar sebesar 90 derajat searah jarum jam

Rotate 90 CCW : untuk memutar gambar sebesar 90 derajat berlawanan arah jarum jam.

Flip horizontal : untuk memirror gambar kearah Horizontal

Flip Vertikal : untuk memirror gambar kearah Vertikal.

4. MODE

Image > Mode

Untuk merubah system pewarnaan, diantaranya :

- RGB : Red, Green, Blue

- CMYK : Cyan Magenta Yellow Black

- Grayscale : untuk warna Hitam Putih.

5. ADJUSTMENT

Image > adjustment

Untuk menentukan terang gelapnya gambar ( Brightness/Contrast. Dan bisa pula untuk menentukan warna ( Hue/Saturation )

6. IMAGE SIZE

Image > image size

Untuk merubah besar kecilnya suatu gambar. Bedanya dengan di tool transform adalah seluruh image berubah nilai besar kecilnya.

7. CANVAS SIZE

Image > canvas size

Untuk merubah besar kecilnya background. Dan ini akan membuat gambar di layer menjadi terpotong.

8. ROTATE CANVAS

Image > Rotate Canvas

Untuk memutar background beserta gambar yang ada didalam area gambar.

9. INVERSE

Select > inverse

Untuk menyeleksi yang bukan area seleksi sebelumnya. Tool ini berfungsi hanya jika ada image atau layer yang terseleksi.

10. FEATHER

Select > feather

Untuk memperhalus atau membuat blur suatu gambar yang sudah terseleksi. Ini biasanya digunakan pada saat pemisahan suatu objek gambar dengan background nya.

11. EFFECT

Tool untuk membuat effect ini ada semua di dalam toolbar filter.

12. RULER

View > ruler

Untuk menampilkan ukuran di area gambar. Ukuran bisa disetting dengan cara klik kanan di ruler area gambar maka akan muncul satuan ukuran yang akan digunakan. Seperti pixel, cm , inches, dll.

Kalau kita drag ruler ke dalam area gambar maka akan muncul suatu garis bantu berwarna biru terang. Dan garis bantu ini tidak akan tercetak kalau kita print.

13. SNAP

View > snap

Untuk menempatkan gambar dengan pas sesuai dengan keinginan kita. Kalau kita drag suatu objek gambar dan kita sudah mengaktifkan tool snap ini maka kita tidak perlu susah-susah untuk menempatkan gambar. Kita bisa menempatkan gambar pas ditengah, di pinggir atau pada garis bantu.

14. MENAMPILAKAN TOOL

Untuk menampilan tool kita cukup dengan mengklik toolbar windows maka akan muncul tool yang akan kita pakai. Seperti layer, color, history, brush dll.

Kalau ada yang masih kurang dan mau tanya tool yang belom dimengerti silahkan tanya aja langsung melalui komentar.. Insya Allah akan saya jelasin.

Artikel Tool-tool lain yang penting di Adobe Photoshop ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Adobe Photoshop Tutorials

Tutorial Membuat Efek Grunge pada Foto

Sebenernya membuat efek grunge ini gampang banget.. intinya cuman gabung-gabungin gambar aja…

gak percaya ??

Ini nih bukti nya :

sebelumnya… saya pake gambar-gambar ini untuk membantu pembuatan efek

Klik untuk download gambar-gambar diatas.

Sekarang ke inti nya yah..

Buka gambar yang mau diedit

duplikat layer dengan menekan ctrl + J

Klik Image > adjustment > desaturate atau ketan eh tekan di keyboard CTRL + Shift + U untuk membuat foto jadi hitam putih.

Opacity nya kurangi jadi 50%

sekarang tekan ctrl +J lagi di layer background untuk menduplikat layer background. pindahin hasil duplikat ke paling atas

Klik Filter > Other > Highpass

Ubah layer style menjadi Vivid light

edit foto dasar udah selesai.. sekarang kita main-main dengan gambar yang lain..

buka gambar oldpaper.jpg

drag ke foto yang tadi diedit

atur sedemikian rupa.. atau di pas- in aja setiap ujung nya..

sekarang ubah layer style menjadi menjadi COlor burn

sekarang buka juga batu.jpg .. drag gambar texture batu ke dalam foto yang lagi diedit

Klik add vector mask..

lalu klik brush tool (warna hitam) warnai bagian muka nya.. biar nanti keliatan jelas..

ubah layer style menjadi multiply

hasilnya kayak gini

sekarang buka lagi gambar bantuan terakhir.. gambar tembok.jpg.. Drag ke dalam foto dan atur seperti gambar dibawah

Ubah Opacity nya jadi 50%

Klik add vector mask .. warnai dengan brush tool seperti gambar.

Hasil akhir nya :

Gampang kan ya ?

selamat mencoba!

Artikel Tutorial Membuat Efek Grunge pada Foto ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Adobe Photoshop Tutorials