Gado-GadonYa Deenda...

Membuat Header Website / Blog yang lebih Artistik dengan Mudah

Kalo postingan membuat header website yang kemaren kayaknya kurang pada minat deh.. hehehe.. karena saya cuman ngasih tips dan syarat-syarat membuat header aja.. Sekarang saya coba membuat header website atau header blog yang lebih artistik dari postingan membuat header website yang kmaren. contoh webnya : Online Photography School

Syarat-syarat yang kemaren masih berlaku ya..masih inget kan?

Sekarang buat dokumen baru :

Buka gambar yang udah disediain buat ngisi sesuai tema blog.. tema saya misal photography, gambar tentunya yang berhubungan dengan fotografi. Drag salah satu gambar ke dalam dokumen baru tadi.

Simpan gambar ditempat yang aman sesuai selera aja.. rotate, resize, dll., silahkan berkreasi sendiri.

Kita masking gambarnya biar keliatan bergradasi ”dari gak ada menjadi ada” .. Klik Layer > layer Mask > Reveal All

Klik gradient tool, setting warna dari hitam ke Putih, dan pilih linear gradient

Tarik gradient dari kanan ke kiri sampe warna yang kiri memudar.

Bisa kan?

Sekarang buka gambar kedua, Drag ke dokumen baru yang tadi dan simpen di atas gambar pertama..

lakukan seperti tadi, Klik Layer > layer Mask > Reveal all

Setting gradient nya masih seperti tadi, cuman bedanya gunakan Reflected Gradient supaya nanti yang nge blend atau ngeblur di bagian kanan kiri nya

tarik gradient dari tengah ke kiri atau kanan

buka gambar ke - 3 , Drag dan simpen di atas gambar kedua, Sama seperti tadi : Klik Layer > Layer Mask > Reveal All , Apply gradient dari tengah ke sisi kiri/kanan.

Hapusin bagian yang kurang rapi atau masih keliatan batas dengan Eraser Tool yang agak besar, di set Soft round ( klik eraser tool > klik kanan di layar - nanti ada pilihan hard round dan softround, pilih softround yang ukuran agak besar ya..

Kalo udah buka gambar terakhir dan drag ke dokumen baru, tempatin di sebelah yang berlawanan ( biar keliatan seimbang -red) ,

karena ngadep nya ke sebelah kiri, maka saya harus FLIP atau membalikan gambar ke arah yang berlawanan, biar keliatan lebih Ok aja sih sebenernya.

GUnakan cara yang sama dengan sebelumnya :

Klik Layer > Layer mask > reveal All

Apply gradient dari kiri ke kanan

Hapus bagian yang kurang rapi dan masih keliatan batas gambar nya dengan eraser tool , Soft Round dan agak besar.

hasilnya :

Ubah warna background sesuai dengan keinginan, klik background layer, beri warna dengan paint bucket tool

Hasilnya :

Teknik ini layer mask dan erase atau mengapus dengan soft round, bisa juga diaplikasikan untuk mengedit foto-foto pribadi, saya kan pernah bikin tutorial cara autoblend keren, nah ini sama kok hasilnya, bedanya ini manual.

Ini contoh gambar nya :

Foto-Foto Telanjang yang di Manual Blend ( caranya masking dan erasing aja )

Selamat Mencoba…

Artikel Membuat Header Website / Blog yang lebih Artistik dengan Mudah ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Kenali dan Kunjungi Objek Wisata di Pandeglang, untuk mengetahui lebih jauh tentang Pandeglang sebagai Objek Wisata yang patut diperhitungkan karena keindahannya.

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 Kenali dan Kunjungi Objek Wisata di Pandeglang, untuk mengetahui lebih jauh tentang Pandeglang sebagai Objek Wisata yang patut diperhitungkan karena keindahannya.

Tool-tool photoshop..sambungan

Sambungan dari tool-tool photoshop yang pertama, sekarang ke area ToolBox. Toolbox fungsinya sangat penting karena memudahkan kita. Berikut ini akan dijelaskan mengenai fungsi dari masing-masing tools yang terdapat pada toolbox Adobe Photoshop . Untuk cara penggunaan lebih detil masing-masing tools akan dijelaskan secara terpisah.

A. SELECTION TOOL

• A.1. Marquee Tool
  
  Saat kita klik Marquee Tool kita bisa melihat ada 4 jenis marquee tool
  
  1. Rectangular Marquee (Shortcut keyboard: M, atau Shift + M)
  
  Digunakan untuk membuat area selection berbentuk segi empat pada image.
  
  2. Elliptical Marquee (Shortcut keyboard: M, atau Shift + M)
  
  Digunakan untuk membuat area selection berbentuk elips atau lingkaran pada image.
  
  3. Single Row Marquee
  
  Digunakan untuk membuat area selection satu baris pada image (ukuran tinggi selection adalah 1 pixel)
  
  4. Single Column Marquee
  
  Digunakan untuk membuat area selection satu kolom pada image (ukuran lebar selection adalah 1 pixel).


• A.2. Move Tool
  
  Shortcut keyboard: V
  
  Digunakan untuk menggeser/memindah selection, layers, dan guides.


• A.3. Lasoo Tool
  
  (Shortcut keyboard: L, atau Shift + L untuk mengubah jenis Lasoo) Terdiri dari 3 jenis yaitu:
  
  1. Lasoo
  
  Digunakan untuk membuat area selection dengan bentuk bebas
  
  2. Polygonal Lasoo
  
  Digunakan untuk membuat area selection berbentuk polygon
  
  3. Magnetic Lasoo
  
  Digunakan untuk membuat area selection dengan cara menempelkan
  
  tepi selection pada area tertentu pada image.


• A.4. Magic Wand Tool
  
  Shortcut keyboard: W
  
  Digunakan untuk membuat area selection yang memiliki warna serupa.Perbedaan toleransi warna dapat diatur pada tool option bar.

B. CROP & SLICE TOOL

• B.1. Crop Tool
  
  Shortcut keyboard: C
  
  Digunakan untuk memangkas image (memotong dan membuang area tertentu dari image)
  
  B.2. Slice Tool
  
  (Shortcut keyboard: K, atau Shift + K untuk mengubah slice)
  
  Terdiri dari 2 jenis yaitu:
  
  1. Slice Tool
  
  Digunakan untuk membuat potongan-potongan dari suatu image
  
  2. Slice Select Tool
  
  Digunakan untuk memilih potongan pada suatu image

C. RETOUCHING TOOL

• C.1. Patch/Healing Brush Tool
  
  (Shortcut keyboard: J, atau Shift + J mengubah tool)
  
  1. Patch Tool
  
  Digunakan untuk mengecat/melukis pada area tertentu image dengan pola (pattern) atau sample tertentu. Cocok untuk memberbaiki image yang rusak.
  
  2. Healing Brush Tool
  
  Digunakan untuk mengecat/melukis image dengan pola atau sample tertentu. Cocok untuk memperbaiki image yang agak rusak.


• C.2. Stamp Tool
  
  (Shortcut keyboard: S, atau Shift + S untuk mengubah tool) terdiri dari 2 jenis yaitu:
  
  1. Clone Stamp Tool
  
  Digunakan untuk melukis image dengan sample image tertentu
  
  2. Pattern Stamp Tool
  
  Digunakan untuk melukis image dengan menggunakan pola tertentu
  
  


• C.3. Eraser Tool
  
  (Shortcut keyboard: E, atau Shift + E untuk mengubah jenis eraser)
  
  Terdiri dari 3 jenis yaitu:
  
  1. Eraser
  
  Digunakan untuk menghapus pixel image dan mengembalikannya ke state tertentu.
  
  2. Background Eraser
  
  Digunakan untuk menghapus area tertentu image menjadi transparan.
  
  3. Magic Eraser
  
  Digunakan untuk menghapus area tertentu image yang memiliki warna yang serupa menjadi transparan dengan satu kali klik.


• C.4. Sharpen, Blur, Smudge Tool
  
  (Shortcut keyboard: R, atau Shift + R)
  
  1. Sharpen Tool
  
  Digunakan untuk menajamkan area tertentu pada image.
  
  2. Blur Tool
  
  Digunakan untuk menghaluskan/mengaburkan area tertentu pada image.
  
  3. Smudge Tool
  
  Digunakan untuk menggosok/mencoreng area tertentu pada image


• C.5. Dodge, Burn, Sponge Tool
  
  (Shortcut keyboard: O, atau Shift + O)
  
  1. Dodge Tool
  
  Digunakan untuk menerangkan warna di area tertentu pada image
  
  2. Burn Tool
  
  Digunakan untuk menggelapkan warna di area tertentu pada image
  
  3. Sponge Tool
  
  Digunakan untuk mengubah saturation di area tertentu pada image.

D. PAINTING TOOL

• D.1. Brush Tool
  
  (Shortcut keyboard: B, atau Shift + B untuk mengubah tool) Terdiri dari 2 jenis yaitu:
  
  1. Brush Tool
  
  Digunakan untuk melukis image dengan goresan kuas
  
  2. Pencil Tool
  
  Digunakan untuk melukis image dengan goresan pencil


• D.2. History Brush Tool
  
  (Shortcut keyboard: Y, atau Shift + Y untuk mengubah jenis)
  
  Terdiri dari 2 jenis yaitu:
  
  1. History Brush Tool
  
  Digunakan untuk melukis image menggunakan snapshot atau state history dari Image
  
  2. Art History Tool
  
  Digunakan untuk melukis image menggunakan snapshot atau state
  
  history dari image, dengan model artistik tertentu.


• D.3. Gradient, Paint Bucket Tool
  
  (Shortcut keyboard: G, atau Shift + G)
  
  1. Gradient Tool
  
  Digunakan untuk mengecat area yang dipilih (selected area) dengan
  
  perpaduan banyak warna.
  
  2. Paint Bucket Tool
  
  Digunakan untuk mengecat area yang dipilih dengan warna foreground
  
  atau pola tertentu.

E. DRAWING AND TYPE TOOL

1. E.1. Selection Tool
   
   (Shortcut keyboard: A, atau Shift + A untuk mengubah jenis) Terdiri dari 2 jenis yaitu:
   
   1. Path Selection Tool
   
   Digunakan untuk melakukan selection path
   
   2. Direct Selection Tool
   
   Digunakan untuk mengubah anchor dan direction point dari path.
   
   E.2. Type Tool
   
   (Shortcut keyboard: T, atau Shift + T untuk mengubah jenis) Terdiri dari 4 jenis yaitu:
   
   1. Horizontal Type Tool
   
   Digunakan untuk membuat tulisan secara horizontal
   
   2. Vertical Type Tool
   
   Digunakan untuk membuat tulisan secara vertikal
   
   3. Horizontal Type Mask Tool
   
   Digunakan untuk membuat selection berbentuk tulisan secara horizontal
   
   4. Vertical Type Mask Tool
   
   Digunakan untuk membuat selection berbentuk tulisan secara vertikal


2. E.3. Pen Tool
   
   1. Pen Tool
   
   (Shortcut keyboard: P, atau Shift + P)
   
   Digunakan untuk membuat path dengan lengkung-lengkung yang halus
   
   2. Freeform Pen Tool
   
   (Shortcut keyboard: P, atau Shift + P)
   
   Digunakan untuk membuat path berbentuk bebas (sesuka kita )
   
   3. Add Anchor Point Tool
   
   Digunakan untuk menambah anchor point atau titik editor pada path
   
   4. Delete Anchor Point Tool
   
   Digunakan untuk menghapus anchor point tertentu pada path

5. Convert Point Tool

Digunakan untuk mengubah anchor dan direction point tertentu pada path

• E.4. Shape Tool
  
  (Shortcut keyboard: U, atau Shift + U untuk mengubah jenis)
  
  1. Rectangle Tool
  
  Digunakan untuk menggambar bentuk segi empat
  
  2. Rounded Rectangle Tool
  
  Digunakan untuk menggambar segi empat melengkung
  
  3. Ellipse Tool
  
  Digunakan untuk menggambar ellipse
  
  4. Polygon Tool
  
  Digunakan untuk menggambar polygon
  
  5. Line Tool
  
  Digunakan untuk menggambar garis lurus
  
  6. Custom Shape Tool
  
  Digunakan untuk menggambar bentuk tertentu dari daftar bentuk yang ada

F. ANNOTATION, MEASURING & NAVIGATION TOOL

• F.1. Notes Tool
  
  (Shortcut keyboard: N, atau Shift + N untuk mengubah jenis)
  
  1. Notes Tool
  
  Digunakan untuk membuat catatan pada image seperti copyright.
  
  2. Audio AnnotationTool
  
  Digunakan untuk membuat suara/audio pada image


• F.2. Eyedropper, Measure Tool
  
  (Shortcut keyboard: I, atau Shift + I)
  
  1. Eyedropper Tool
  
  Digunakan untuk mengambil sample warna pada image untuk warna
  
  foreground
  
  2. Color Sampler Tool
  
  Digunakan untuk mengambil berbagai sample warna pada image
  
  3. Measure Tool
  
  Digunakan untuk mengukur jarak atau sudut pada image


• F.3. Hand Tool
  
  Shortcut keyboard: H
  
  Digunakan untuk menggeser/memindah bidang pandang image di dalam window view area.


• F.4. Zoom Tool
  
  Shortcut keyboard: Z
  
  Digunakan untuk memperbesar atau memperkecil tampilan image.


• F.5. Background and foreground color
  
  Supaya default tekan tombol D maka warna foreground dan background menjadi putih dan hitam. Untuk menukar warna background dan foreground tekan tombol X.


• F.6. Normal and Quickmask Mode
  
  Normal Mode : Semua fungsi seperti brush akan berjalan seperti biasanya. Quickmask Mode : fungsi brush bisa dipakai untuk seleksi cuman jika setelah proses quickmask maka yang diseleksi malah dibagian luar nya.


• F.7. Screen Mode
  
  Untuk melihat tampilan area kerja windows.

Huaa.. lumayan pegel juga bapak-bapak, ibu-ibu… hehehe.. (masih Bersambung)

Artikel Tool-tool photoshop..sambungan ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Kenali dan Kunjungi Objek Wisata di Pandeglang, untuk mengetahui lebih jauh tentang Pandeglang sebagai Objek Wisata yang patut diperhitungkan karena keindahannya.

Tool-tool photoshop

Menu

1. File

Berkaitan dengan file seperti menyimpan, membuka, export, import, dan cetak.

2. Edit

Menu editing secara umum seperti cut, copy, paste, transform image, serta untuk mengatur preferences Adobe Photoshop.

3. Image

Berisi editing image untuk mengatur warna, hue/saturation, brightness/contrast, ukuran.

4. Layer

Berkaitan dengan manajemen layer pada image, seperti menambah layer, menghapus, menambah efek pada layer, serta masking.



5. Select

Berkaitan dengan selection image.

6. Filter

Berhubungan dengan pada Photoshop yang dapat digunakan untuk memberi Efek tertentu pada image.

7. View

Digunakan untuk pengaturan view seperti zooming image, menampilkan skala, dan sebagainya.

8. Window

Digunakan untuk mengatur / menampilkan window

9. Help

Untuk menampilkan help dan tutorial Adobe Photoshop.

2. Tool Option Bar

Hampir semua tool pada Toolbox memiliki options, yang ditampilkan pada Tool Option bar. Options tersebut digunakan untuk mengatur nilai parameter atau

option dari tool yang sedang aktif/dipilih. Sebagai contoh :

Setelah nilai parameter pada tool option bar diubah-ubah , (kita dapat mengembalikannya lagi menjadi nilai default (nilai semula). Yaitu dengan memilih icon tool yang ada di sebelah kiri, kemudian klik tombol . Pada context menu yang muncul, pilih Reset Tool untuk mengembalikan nilai default dari tool yang sedang dipilih. Apabila ingin mengembalikan nilai default semua tools, pilih Reset All Tools.

Moga-moga penjelasan saya jelas :D ( bersambung….)

Artikel Tool-tool photoshop ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Kenali dan Kunjungi Objek Wisata di Pandeglang, untuk mengetahui lebih jauh tentang Pandeglang sebagai Objek Wisata yang patut diperhitungkan karena keindahannya.