Design PEN tool di photoshop

Free design atau design bebas biasanya agak susah karena idenya itu yang suka gak keluar, saya coba-coba design pake <a href="http://julpeack-ajmi.blogspot.com/2010/04/tool-tool-photoshop-cs.html?zx=853ec62809a219ea" style="color: red;">pen tool</a> untuk membuat design bebas, hasilnya kayak gini ..<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga16.jpg"><img alt="" class="alignnone size-medium wp-image-529" height="295" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga16-300x295.jpg" title="bunga16" width="300" /></a><a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga16.jpg"></a><br /> Mau tau cara bikinnya ? <span id="more-513"></span><br /> Sebelum membuat file baru tekan D dan X untuk membuat settingan background color hitam dan foreground color putih.<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga1.jpg"></a><a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga1.jpg"><img alt="" class="alignnone size-medium wp-image-514" height="300" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga1-120x300.jpg" title="bunga1" width="120" /></a> <br /> kalo udah, baru deh bikin document baru<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga2.jpg"><img alt="" class="alignnone size-medium wp-image-515" height="231" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga2-300x231.jpg" title="bunga2" width="300" /></a><br /> Sekarang gunakan pen tool<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/pen.jpg"><img alt="" class="alignnone size-medium wp-image-530" height="284" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/pen.jpg" title="pen" width="180" /></a><br /> buat Gambar seperti dibawah :<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga3.jpg"><img alt="" class="alignnone size-medium wp-image-516" height="277" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga3.jpg" title="bunga3" width="273" /></a><br /> Klik kanan klik make selection, lalu klik add new layer untuk membauat layer baru. warnai dengan warna putih dengan menggunakan brush tool.<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga4.jpg"><img alt="" class="alignnone size-full wp-image-517" height="489" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga4.jpg" title="bunga4" width="417" /></a><a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga4.jpg"></a><br /> Klik Select > feather untuk <a href="http://ilmuphotoshop.com/2008/03/19/tool-tool-photoshop/">Photoshop CS2 </a>ke bawah atau Select > Modify > feather untuk photoshop CS3. Setting feather menjadi 5. lalu tekan Delete <span style="text-decoration: line-through;">( maaf langkah ini sebelumnya gak ada, lupa ketulis .. hhehehe.. sorry yaa.. )</span><br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga5.jpg"><img alt="" class="alignnone size-medium wp-image-518" height="216" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga5-300x216.jpg" title="bunga5" width="300" /></a><br /> jadinya seperti ini :<br /> <br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga6.jpg"><img alt="" class="alignnone size-medium wp-image-519" height="300" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga6-281x300.jpg" title="bunga6" width="281" /></a><br /> Sekarang Copy dan putar.. caranya, sambil tekan tombol ALT , putar gambar nya, kira-kira 30 derajat.<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga7.jpg"><img alt="" class="alignnone size-full wp-image-520" height="355" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga7.jpg" title="bunga7" width="443" /></a> <br /> terus atur letaknya.<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga8.jpg"><img alt="" class="alignnone size-medium wp-image-521" height="191" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga8.jpg" title="bunga8" width="186" /></a><br /> pilih layer paling atas terus tekan CTRL + E untuk menggabungkan. setelah gabung, copy lagi dan putar, dan atur letaknya , sehingga jadinya kayak gini :<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga10.jpg"><img alt="" class="alignnone size-medium wp-image-523" height="213" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga10-300x213.jpg" title="bunga10" width="300" /></a><a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga9.jpg"></a><br /> Sekarang tekan Ctrl + J untuk menduplikat layer, lalu Klik Filter > blur > motion blur,<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga11.jpg"><img alt="" class="alignnone size-medium wp-image-524" height="218" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga11-300x218.jpg" title="bunga11" width="300" /></a><br /> Terus Tekan CTRL+ E untuk menggabungkan layer. Sekarang kita duplikat layer 1 dengan menekan CTRL +J lalu putar hasil duplikatnya sebesar kira2 60 derajat. Duplikat sekali lagi.. dan putar, jadinya seperti ini :<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga11-a.jpg"><img alt="" class="alignnone size-medium wp-image-531" height="299" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga11-a-300x299.jpg" title="bunga11-a" width="300" /></a><br /> Sekarang kita warnain, klik add new layer untuk membuat layer baru, lalu klik gradient Settingan warnanya sesuai selera aja. Saya gunain warna ini :<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga12.jpg"><img alt="" class="alignnone size-medium wp-image-525" height="259" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga12-300x259.jpg" title="bunga12" width="300" /></a><br /> Tarik gradient dari pojok kanan atas ke pojok kiri bawah.<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga13.jpg"><img alt="" class="alignnone size-medium wp-image-526" height="281" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga13-300x281.jpg" title="bunga13" width="300" /></a><br /> Ubah settingan layer menjadi OVERLAY<br /> Hasilnya jadi gini :<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga16.jpg"><img alt="" class="alignnone size-full wp-image-529" height="381" src="http://ilmuphotoshop.com/wp-content/uploads/2008/09/bunga16.jpg" title="bunga16" width="387" /></a><br /> Selamat mencoba.. dan Selamat Berpuasa<br /> <br /> <br /> <br /> <br /> Artikel <a href="http://julpeack-ajmi.blogspot.com/2010/04/tool-tool-photoshop-cs.html?zx=853ec62809a219ea">Design dengan PEN </a>tool ini dipersembahkan oleh <a href="http://ilmuphotoshop.com/" title="Tutorial Adobe Photoshop Gratis">Tutorial Photoshop.</a><br /> selamat mencoba....??

Design PEN tool di photoshop

Free design atau design bebas biasanya agak susah karena idenya itu yang suka gak keluar, saya coba-coba design pake pen tool untuk membuat...

lengkapnya

Tool Tool photoshop Cs

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.<br /> <img alt="toolbox.jpg" src="http://ilmuphotoshop.com/wp-content/uploads/2008/03/toolbox.jpg" /><br /> <b>A. SELECTION TOOL</b><br /> <ul><li><i>A.1. Marquee Tool</i><br /> <br /> Saat kita klik Marquee Tool kita bisa melihat <span id="more-12"></span>ada 4 jenis marquee tool<br /> <br /> 1. Rectangular Marquee (Shortcut keyboard: M, atau Shift + M)<br /> <br /> Digunakan untuk membuat area selection berbentuk segi empat pada image.<br /> <br /> 2. Elliptical Marquee (Shortcut keyboard: M, atau Shift + M)<br /> <br /> Digunakan untuk membuat area selection berbentuk elips atau lingkaran pada image.<br /> <br /> 3. Single Row Marquee<br /> <br /> Digunakan untuk membuat area selection satu baris pada image (ukuran tinggi selection adalah 1 pixel)<br /> <br /> 4. Single Column Marquee<br /> <br /> Digunakan untuk membuat area selection satu kolom pada image (ukuran lebar selection adalah 1 pixel). </li> <li><i>A.2. Move Tool</i><br /> <br /> Shortcut keyboard: V<br /> <br /> Digunakan untuk menggeser/memindah selection, layers, dan guides.</li> <li><i>A.3. Lasoo Tool</i><br /> <br /> (Shortcut keyboard: L, atau Shift + L untuk mengubah jenis Lasoo) Terdiri dari 3 jenis yaitu:<br /> <br /> 1. Lasoo<br /> <br /> Digunakan untuk membuat area selection dengan bentuk bebas<br /> <br /> 2. Polygonal Lasoo<br /> <br /> Digunakan untuk membuat area selection berbentuk polygon<br /> <br /> 3. Magnetic Lasoo<br /> <br /> Digunakan untuk membuat area selection dengan cara menempelkan<br /> <br /> tepi selection pada area tertentu pada image.</li> <li><i>A.4. Magic Wand Tool</i><br /> <br /> Shortcut keyboard: W<br /> <br /> Digunakan untuk membuat area selection yang memiliki warna serupa.Perbedaan toleransi warna dapat diatur pada tool option bar.</li> </ul><b>B. CROP & SLICE TOOL</b><br /> <ul><li><i>B.1. Crop Tool</i><br /> <br /> Shortcut keyboard: C<br /> <br /> Digunakan untuk memangkas image (memotong dan membuang area tertentu dari image)<br /> <br /> <i>B.2. Slice Tool<br /> <br /> </i>(Shortcut keyboard: K, atau Shift + K untuk mengubah slice)<br /> <br /> Terdiri dari 2 jenis yaitu:<br /> <br /> 1. Slice Tool<br /> <br /> Digunakan untuk membuat potongan-potongan dari suatu image<br /> <br /> 2. Slice Select Tool<br /> <br /> Digunakan untuk memilih potongan pada suatu image</li> </ul><b>C. RETOUCHING TOOL</b><br /> <ul><li><i>C.1. Patch/Healing Brush Tool</i><br /> <br /> (Shortcut keyboard: J, atau Shift + J mengubah tool)<br /> <br /> 1. <i>Patch Tool</i><br /> <br /> Digunakan untuk mengecat/melukis pada area tertentu image dengan pola (pattern) atau sample tertentu. Cocok untuk memberbaiki image yang rusak.<br /> <br /> 2.<i> Healing Brush Tool</i><br /> <br /> Digunakan untuk mengecat/melukis image dengan pola atau sample tertentu. Cocok untuk memperbaiki image yang agak rusak.</li> <li>C.2. <i>Stamp Tool</i><br /> <br /> (Shortcut keyboard: S, atau Shift + S untuk mengubah tool) terdiri dari 2 jenis yaitu:<br /> <br /> 1. Clone Stamp Tool<br /> <br /> Digunakan untuk melukis image dengan sample image tertentu<br /> <br /> 2. Pattern Stamp Tool<br /> <br /> Digunakan untuk melukis image dengan menggunakan pola tertentu<br /> <br /> <i> </i></li> <li><i>C.3. Eraser Tool</i><br /> <br /> (Shortcut keyboard: E, atau Shift + E untuk mengubah jenis eraser)<br /> <br /> Terdiri dari 3 jenis yaitu:<br /> <br /> 1. Eraser<br /> <br /> Digunakan untuk menghapus pixel image dan mengembalikannya ke state tertentu.<br /> <br /> 2. Background Eraser<br /> <br /> Digunakan untuk menghapus area tertentu image menjadi transparan.<br /> <br /> 3. Magic Eraser<br /> <br /> Digunakan untuk menghapus area tertentu image yang memiliki warna yang serupa menjadi transparan dengan satu kali klik.</li> <li><i>C.4. Sharpen, Blur, Smudge Tool</i><br /> <br /> (Shortcut keyboard: R, atau Shift + R)<br /> <br /> 1. Sharpen Tool<br /> <br /> Digunakan untuk menajamkan area tertentu pada image.<br /> <br /> 2. Blur Tool<br /> <br /> Digunakan untuk menghaluskan/mengaburkan area tertentu pada image.<br /> <br /> 3. Smudge Tool<br /> <br /> Digunakan untuk menggosok/mencoreng area tertentu pada image</li> <li><i>C.5. Dodge, Burn, Sponge Tool</i><br /> <br /> (Shortcut keyboard: O, atau Shift + O)<br /> <br /> 1. Dodge Tool<br /> <br /> Digunakan untuk menerangkan warna di area tertentu pada image<br /> <br /> 2. Burn Tool<br /> <br /> Digunakan untuk menggelapkan warna di area tertentu pada image<br /> <br /> 3. Sponge Tool<br /> <br /> Digunakan untuk mengubah saturation di area tertentu pada image.</li> </ul><b>D. PAINTING TOOL</b><br /> <ul><li><i>D.1. Brush Tool</i><br /> <br /> (Shortcut keyboard: B, atau Shift + B untuk mengubah tool) Terdiri dari 2 jenis yaitu:<br /> <br /> 1. Brush Tool<br /> <br /> Digunakan untuk melukis image dengan goresan kuas<br /> <br /> 2. Pencil Tool<br /> <br /> Digunakan untuk melukis image dengan goresan pencil</li> <li><i>D.2. History Brush Tool</i><br /> <br /> (Shortcut keyboard: Y, atau Shift + Y untuk mengubah jenis)<br /> <br /> Terdiri dari 2 jenis yaitu:<br /> <br /> 1. History Brush Tool<br /> <br /> Digunakan untuk melukis image menggunakan snapshot atau state history dari Image<br /> <br /> 2. Art History Tool<br /> <br /> Digunakan untuk melukis image menggunakan snapshot atau state<br /> <br /> history dari image, dengan model artistik tertentu. </li> <li><i>D.3. Gradient, Paint Bucket Tool</i><br /> <br /> (Shortcut keyboard: G, atau Shift + G)<br /> <br /> 1. Gradient Tool<br /> <br /> Digunakan untuk mengecat area yang dipilih (selected area) dengan<br /> <br /> perpaduan banyak warna.<br /> <br /> 2. Paint Bucket Tool<br /> <br /> Digunakan untuk mengecat area yang dipilih dengan warna foreground<br /> <br /> atau pola tertentu.</li> </ul><b>E. DRAWING AND TYPE TOOL</b><br /> <ol><li><i>E.1. Selection Tool</i><br /> <br /> (Shortcut keyboard: A, atau Shift + A untuk mengubah jenis) Terdiri dari 2 jenis yaitu:<br /> <br /> 1. Path Selection Tool<br /> <br /> Digunakan untuk melakukan selection path<br /> <br /> 2. Direct Selection Tool<br /> <br /> Digunakan untuk mengubah anchor dan direction point dari path.<br /> <br /> <i>E.2. Type Tool<br /> <br /> </i>(Shortcut keyboard: T, atau Shift + T untuk mengubah jenis) Terdiri dari 4 jenis yaitu:<br /> <br /> 1. Horizontal Type Tool<br /> <br /> Digunakan untuk membuat tulisan secara horizontal<br /> <br /> 2. Vertical Type Tool<br /> <br /> Digunakan untuk membuat tulisan secara vertikal<br /> <br /> 3. Horizontal Type Mask Tool<br /> <br /> Digunakan untuk membuat selection berbentuk tulisan secara horizontal<br /> <br /> 4. Vertical Type Mask Tool<br /> <br /> Digunakan untuk membuat selection berbentuk tulisan secara vertikal</li> <li><i>E.3. Pen Tool</i><br /> <br /> 1. Pen Tool<br /> <br /> (Shortcut keyboard: P, atau Shift + P)<br /> <br /> Digunakan untuk membuat path dengan lengkung-lengkung yang halus<br /> <br /> 2. Freeform Pen Tool<br /> <br /> (Shortcut keyboard: P, atau Shift + P)<br /> <br /> Digunakan untuk membuat path berbentuk bebas (sesuka kita )<br /> <br /> 3. Add Anchor Point Tool<br /> <br /> Digunakan untuk menambah anchor point atau titik editor pada path<br /> <br /> 4. Delete Anchor Point Tool<br /> <br /> Digunakan untuk menghapus anchor point tertentu pada path </li> </ol><blockquote>5. Convert Point Tool<br /> <br /> Digunakan untuk mengubah anchor dan direction point tertentu pada path</blockquote><ul><li><i>E.4. Shape Tool<br /> <br /> </i>(Shortcut keyboard: U, atau Shift + U untuk mengubah jenis)<br /> <br /> 1. Rectangle Tool<br /> <br /> Digunakan untuk menggambar bentuk segi empat<br /> <br /> 2. Rounded Rectangle Tool<br /> <br /> Digunakan untuk menggambar segi empat melengkung<br /> <br /> 3. Ellipse Tool<br /> <br /> Digunakan untuk menggambar ellipse<br /> <br /> 4. Polygon Tool<br /> <br /> Digunakan untuk menggambar polygon<br /> <br /> 5. Line Tool<br /> <br /> Digunakan untuk menggambar garis lurus<br /> <br /> 6. Custom Shape Tool<br /> <br /> Digunakan untuk menggambar bentuk tertentu dari daftar bentuk yang ada</li> </ul><b>F. ANNOTATION, MEASURING & NAVIGATION TOOL</b><br /> <ul><li><i>F.1. Notes Tool</i><br /> <br /> (Shortcut keyboard: N, atau Shift + N untuk mengubah jenis)<br /> <br /> 1. Notes Tool<br /> <br /> Digunakan untuk membuat catatan pada image seperti copyright.<br /> <br /> 2. Audio AnnotationTool<br /> <br /> Digunakan untuk membuat suara/audio pada image</li> <li><i>F.2. Eyedropper, Measure Tool</i><br /> <br /> (Shortcut keyboard: I, atau Shift + I)<br /> <br /> 1. Eyedropper Tool<br /> <br /> Digunakan untuk mengambil sample warna pada image untuk warna<br /> <br /> foreground<br /> <br /> 2. Color Sampler Tool<br /> <br /> Digunakan untuk mengambil berbagai sample warna pada image<br /> <br /> 3. Measure Tool<br /> <br /> Digunakan untuk mengukur jarak atau sudut pada image</li> <li><i>F.3. Hand Tool</i><br /> <br /> Shortcut keyboard: H<br /> <br /> Digunakan untuk menggeser/memindah bidang pandang image di dalam window view area.</li> <li><i>F.4. Zoom Tool</i><br /> <br /> Shortcut keyboard: Z<br /> <br /> Digunakan untuk memperbesar atau memperkecil tampilan image.</li> <li><i>F.5. Background and foreground color</i><br /> <br /> Supaya default tekan tombol D maka warna foreground dan background menjadi putih dan hitam. Untuk menukar warna background dan foreground tekan tombol X.</li> <li><i>F.6. Normal and Quickmask Mode<br /> <br /> </i>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.</li> <li><i>F.7. Screen Mode</i><br /> <br /> Untuk melihat tampilan area kerja windows.</li> </ul>Huaa.. lumayan pegel juga bapak-bapak, ibu-ibu… hehehe.. (masih Bersambung)<br /> <br /> <br /> <br /> <br /> Artikel <a href="http://julpeack-ajmi.blogspot.com/2010/04/design-pen-tool-di-photoshop.html">Tool-tool photoshop</a>..sambungan ini dipersembahkan oleh <a href="http://ilmuphotoshop.com/" title="Tutorial Adobe Photoshop Gratis">Tutorial Photoshop.</a>

Tool Tool photoshop Cs

Sambungan dari tool-tool photoshop yang pertama, sekarang ke area ToolBox. Toolbox fungsinya sangat penting karena memudahkan kita. Berikut ...

lengkapnya

Cara Mempertajam Gambar

Ada beragam cara untuk mempertajam gambar, saya kasih salah satu caranya. Mungkin ini cara umum yang dipake orang orang-orang editing, atau mungkin juga blom pada tau :D… Saya share aja deh.. cuman buat yang blom tau.. Sederhana tapi lumayan membuat foto atau gambar menjadi lebih tajam.<br /> Buka file gambar yang mau diedit..<br /> <img alt="" src="http://ilmuphotoshop.com/wp-content/uploads/2008/07/awal.jpg" /><br /> <span id="more-211"></span><br /> lalu duplikat dengan menekan ctrl + J<br /> <img alt="" height="289" src="http://ilmuphotoshop.com/wp-content/uploads/2008/07/21.jpg" width="312" /><br /> Desaturate gambar dengan menekan Ctrl + Shift + U atau image > adjustment > desaturate<br /> <img alt="" height="300" src="http://ilmuphotoshop.com/wp-content/uploads/2008/07/31.jpg" width="326" /><br /> Blur pake gaussian blur, filter > blur > gaussian blur<br /> <img alt="" height="348" src="http://ilmuphotoshop.com/wp-content/uploads/2008/07/41.jpg" width="448" /><br /> FIlter layer ganti sama HardLight<br /> <img alt="" height="401" src="http://ilmuphotoshop.com/wp-content/uploads/2008/07/51.jpg" width="436" /><br /> Hasilnya :<br /> <img alt="" height="256" src="http://ilmuphotoshop.com/wp-content/uploads/2008/07/hasil.jpg" width="342" /><br /> <br /> <br /> <br /> <br /> Artikel Cara mudah mempertajam gambar ini dipersembahkan oleh Tutorial Photoshop Gratis.

Cara Mempertajam Gambar

Ada beragam cara untuk mempertajam gambar, saya kasih salah satu caranya. Mungkin ini cara umum yang dipake orang orang-orang editing, atau ...

lengkapnya

Buat Header Website 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..<br /> Syaratnya :<br /> <ul><li>Kita musti tau ukuran Header template blog kita,  biasanya berkisar antara 720 – 760 px lebarnya.. untuk standar panjang nya 150 -200 px.</li> <li>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..</li> <li>Kita juga musti tahu Text judulnya berada disisi mana, ini gunanya untuk menempatkan gambar supaya gak ketimpa sama Text.</li> <li>Tau juga Tema blog nya apa  ( misal : photography, computer, camera, celebrity, dll)</li> <li>Kita juga harus tahu warna dasar blog nya biar nanti pas diberi header tidak Saltum ( salah kostum ) <img alt=":)" class="wp-smiley" src="http://ilmuphotoshop.com/wp-includes/images/smilies/icon_smile.gif" /> </li> <li>Itu aja kayaknya syarat yang penting.</li> </ul>Kalo udah tau lebar blog nya… bikin dokumen baru sesuai lebar nya ..<br /> <img alt="header1" class="alignnone size-full wp-image-1918" height="288" src="http://ilmuphotoshop.com/wp-content/uploads/2009/10/header1.jpg" title="header1" width="365" /><br /> Tau tema website / blog, tujuannya untuk mencari gambar-gambar yang berkaitan dengan blog atau website nya.<br /> saya biasa nyari gambar di <a href="http://images.google.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/images.google.com');">Google Images</a> 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.<br /> <img alt="header2" class="alignnone size-full wp-image-1919" height="436" src="http://ilmuphotoshop.com/wp-content/uploads/2009/10/header2.jpg" title="header2" width="399" /><br /> Buka salah satu gambar untuk diedit sebelum dimasukan ke dokumen header,<br /> <br /> Gunakan rectangle marquee tool untuk menyeleksi bagian sisi gambar, ini tujuannya untuk membuat batas putih di setiap sisi.<br /> Klik Select > Inverse  sehingga yang terseleksi sekarang adalah selain seleksi sebelumnya. Delete deh..<br /> <br /> Tekan CTRL+ D untuk menghilangkan seleksi..<br /> Drag ( Klik + Tahan + tarik ) gambar camera tadi ke dalam dokumen header baru.<br /> <img alt="header5" class="alignnone size-full wp-image-1922" height="364" src="http://ilmuphotoshop.com/wp-content/uploads/2009/10/header5.jpg" title="header5" width="484" /><br /> <br /> 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.<br /> Untuk pemberian efek, cukup dengan memberi bayangan alias pake DROP Shadow aja.<br /> Klik 2x layer 1 atau klik kanan > blending Option,<br /> <img alt="header6" class="alignnone size-full wp-image-1923" height="406" src="http://ilmuphotoshop.com/wp-content/uploads/2009/10/header6.jpg" title="header6" width="457" /><br /> Klik Ok.<br /> Untuk mempermudah pemberian efek yang sama untuk gambar yang lainnya, Klik kanan layer 1 > copy layer style<br /> <img alt="header7" class="alignnone size-full wp-image-1924" height="485" src="http://ilmuphotoshop.com/wp-content/uploads/2009/10/header7.jpg" title="header7" width="278" /><br /> Skarang ulangi langkah mengedit gambar, lalu drag ke dokumen header.<br /> untuk pemberian efek, cukup klik kanan di gambar yang mau diberi efek > Paste layer style.<br /> hasilnya nanti :<br /> <img alt="header8" class="alignnone size-full wp-image-1925" height="203" src="http://ilmuphotoshop.com/wp-content/uploads/2009/10/header8.jpg" title="header8" width="459" /><br /> Untuk pemberian warna background supaya sesuai tema, tinggal klik Layer background, warnai dengan Paint Bucket tool atau gradient tool<br /> <img alt="header9" class="alignnone size-full wp-image-1926" height="372" src="http://ilmuphotoshop.com/wp-content/uploads/2009/10/header9.jpg" title="header9" width="490" /><br /> Hasil akhir nya<br /> <br /> Kalo mau ditambah tulisan, silahkan tambahin sendiri. hehehe.<br /> Save sesuai nama file header di template nya, misal : header.jpg ,<br /> <img alt="header11" class="alignnone size-full wp-image-1928" height="373" src="http://ilmuphotoshop.com/wp-content/uploads/2009/10/header11.jpg" title="header11" width="394" /><br /> Selesai… sekarang tinggal UPLOAD deh ke server website / blog nya.<br /> Ini contoh cara buat header website dengan kategori pemotretan dan lainnya.<br /> Selamat mencoba..<br /> From: ilmuphotoshop.com

Buat Header Website 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 ...

lengkapnya

Dasar Menggambar Vektor Pake' Photoshop

<script type="text/javascript"> <!-- google_ad_client = "pub-8666771403233011"; /* 468x60, created 11/03/10 */ google_ad_slot = "9050159488"; google_ad_width = 468; google_ad_height = 60; //--> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script><script src="http://pagead2.googlesyndication.com/pagead/expansion_embed.js"> </script><script src="http://googleads.g.doubleclick.net/pagead/test_domain.js"> </script><script> google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad); </script><ins style="border: medium none; display: inline-table; height: 60px; margin: 0pt; padding: 0pt; position: relative; visibility: visible; width: 468px;"></ins><br /> <strong><a href="http://ilmuphotoshop.com/about/" onclick=""></a></strong><br /> Setelah banyak yang minta tutorial tentang gambar vektor <a href="http://julpeack-ajmi.blogspot.com/2010/04/pengertian-adobe-photoshop.html?zx=1c1ba997bc91330" style="color: red;">adobe photoshop</a>, baru kali ini saya sempet bikin tutorialnya.. Inipun gak langsung ke gambar vektor nya.. tapi saya akan bahas tentang tool nya dulu aja.. gimana mau dapet ikan kalo kita gak bisa cara pake pancing nya .. tul ga? :p .<br /> Seejaatinyaaa .. (mengutip dari Republik Mimpi atau Insert Investigasi .. hehehe :p) untuk menggambar vektor itu menggunakan software-software yang sudah dikhususkan seperti Corel draw, Adobe Illustrator atau Freehand. Tapi kalau bisa menggabungkan image dan vektor di photoshop, wiihh.. hasil editan jadinya tambah Woookeh alias Top Markotop (mengutip dari wisata Kuliner ( Om Bondan) ) :p!<br /> Ya udah skarang langsung aja. Tool apa aja sih yang digunain untuk menggambar vektor dengan photoshop..?<br /> Tool nya yaitu <a href="http://ilmuphotoshop.com/2008/03/19/tool-tool-photoshopsambungan/" onclick="">Pen Tool</a> Bersaudara.<br /> <div class="wp-caption alignnone" id="attachment_1349" style="width: 214px;"><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path-tool.jpg" onclick=""><img alt="Pen Tool Bersaudara" class="size-full wp-image-1349" height="184" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path-tool.jpg" title="path-tool" width="204" /></a><div class="wp-caption-text">Vector Tool</div></div>Untuk Memunculkan tool -tool diatas ,  kita tinggal klik yang agak lama di pen tool, nanti keluar menu pilihannya.<br /> Kalo kita sudah memilih  pen tool, di Option bar ada pilihan Shape Layer dan Path.<br /> <h2><span style="text-decoration: underline;"><strong>Shape layer :</strong></span></h2><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/shape-layer.jpg" onclick=""><img alt="shape-layer" class="alignnone size-full wp-image-1351" height="413" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/shape-layer.jpg" title="shape-layer" width="584" /></a><br /> Jika kita gambar menggunakan pen tool dan memilih shape layer. maka gambar yang dihasilkan otomatis akan berwarna sesuai warna yang dipilih. Dan otomatis di layer palette akan terbentuk 1 buah layer dengan nama shape 1.<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/shape.jpg" onclick=""><img alt="shape" class="alignnone size-full wp-image-1352" height="263" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/shape.jpg" title="shape" width="283" /></a><br /> kita bisa ubah gambar tersebut jadi Image dengan cara klik kanan di layer klik Rasterize layer.<br /> <h2><span style="text-decoration: underline;"><strong>Path</strong></span></h2><span style="text-decoration: underline;"><strong><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path.jpg" onclick=""><img alt="path" class="alignnone size-full wp-image-1347" height="482" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path.jpg" title="path" width="489" /></a></strong></span><br /> Kalo kita gambar suatu bentuk dengan menggunakan PATH maka gambar yang dihasilkan tidak ada warna nya ( tidak ke print ) dan hanya berupa garis bantu aja dan bisa diedit.<br /> <h2><span style="text-decoration: underline;"><strong><span style="text-decoration: underline;"><strong><span style="text-decoration: underline;"><strong><span style="text-decoration: underline;"><strong><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/pentools.jpg" onclick=""><img alt="pentools" class="alignnone size-full wp-image-1354" height="26" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/pentools.jpg" title="pentools" width="34" /></a></strong></span></strong></span></strong></span> PenTool<span style="text-decoration: underline;"><strong><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/pentools.jpg"><br /> </a></strong></span></strong></span></h2>Dengan pentool ini kita bisa bikin suatu bentuk bebas sesuai dengan keinginan kita.. Bisa juga berfungsi sebagai selection tool.<br /> cara penggunaannya cukup Klik dan drag aja.<br /> <span style="text-decoration: underline;"><span style="color: #993300;"><strong>Klik :</strong></span></span> kalo mau bikin 1 titik dan lancip atau berbentuk sudut.<br /> <span style="text-decoration: underline;"><strong><span style="color: #993300;">Drag :</span></strong></span> titik berbentuk lengkung.<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/pen-tool.jpg" onclick=""><img alt="pen-tool" class="alignnone size-full wp-image-1350" height="335" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/pen-tool.jpg" title="pen-tool" width="469" /></a><br /> Harus sering latian biar lancar.<br /> <h2><span style="text-decoration: underline;"><strong><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/free-form-pen-tool.jpg" onclick=""><img alt="free-form-pen-tool" class="alignnone size-full wp-image-1356" height="25" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/free-form-pen-tool.jpg" title="free-form-pen-tool" width="33" /></a> Freeform Pen Tool</strong></span></h2>Fungsinya sama dengan <a href="http://ilmuphotoshop.com/2008/03/19/tool-tool-photoshopsambungan/" onclick="">PenTool</a> tapi cara pake nya yang beda.<br /> Cara pake nya dengan menekan terus Mouse sambil digeser sesuai bentuk yang pengen dibuat (DRAG)<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/freeform-pen-tool.jpg" onclick=""><img alt="freeform-pen-tool" class="alignnone size-full wp-image-1346" height="321" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/freeform-pen-tool.jpg" title="freeform-pen-tool" width="469" /></a><br /> <h2><span style="text-decoration: underline;"><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/add-anchor-point-tool1.jpg" onclick=""><img alt="add-anchor-point-tool1" class="alignnone size-full wp-image-1358" height="26" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/add-anchor-point-tool1.jpg" title="add-anchor-point-tool1" width="29" /></a> Add Anchor Point Tool</span></h2>Lambang tool ini ada tanda + nya. Fungsi nya untuk menambahkan titik di garis yang sudah jadi.<br /> Cara pake nya : cuman tinggal klik di tempat yang mau ditambah titik nya.<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/add-anchor-point-tool.jpg" onclick=""><img alt="add-anchor-point-tool" class="alignnone size-full wp-image-1342" height="362" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/add-anchor-point-tool.jpg" title="add-anchor-point-tool" width="424" /></a><br /> <h2><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/delete-anchor-point-tool1.jpg" onclick=""><img alt="delete-anchor-point-tool1" class="alignnone size-full wp-image-1359" height="26" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/delete-anchor-point-tool1.jpg" title="delete-anchor-point-tool1" width="30" /></a><span style="text-decoration: underline;"> Delete Anchor Point Tool</span></h2>Lambang tool ini ada tanda Minus (-) nya.<br /> Fungsinya untuk menghapus atau menghilangkan titik yang udah ada sebelumnya.<br /> Cara pake nya : Klik di titik yang mau di hapus / dihilangkan.<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/delete-anchor-point-tool.jpg" onclick=""><img alt="delete-anchor-point-tool" class="alignnone size-full wp-image-1344" height="335" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/delete-anchor-point-tool.jpg" title="delete-anchor-point-tool" width="466" /></a><br /> <h2><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/convert-point-tool1.jpg" onclick=""><img alt="convert-point-tool1" class="alignnone size-full wp-image-1360" height="27" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/convert-point-tool1.jpg" title="convert-point-tool1" width="34" /></a><span style="text-decoration: underline;">Convert Point Tool</span></h2>Fungsi tool ini untuk mengubah titik yang berbentuk sudut ke titik yang berbentuk lengkung dan juga Sebaliknya dari titik berbentuk lengkung ke titik berbentuk sudut..<br /> Cara pake nya :<br /> Lengkung ke Sudut : Cuman Klik di titik lengkung yang mau di jadiin titik sudut.<br /> Sudut Ke Lengkung : Klik sambil geser (drag) ke kiri atau kanan atau atas atau bawah.<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/convert-point-tool.jpg" onclick=""><img alt="convert-point-tool" class="alignnone size-full wp-image-1343" height="631" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/convert-point-tool.jpg" title="convert-point-tool" width="424" /></a><br /> Setelah kita selesai gambar pake pentool biasanya ada yang kurang atau bentuknya kurang bagus. Kita gunakan path editor tool seperti <strong><span style="text-decoration: underline;">Path selection tool</span> </strong>dan <span style="text-decoration: underline;"><strong>direct selection tool</strong></span>.<br /> <h2><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path-selection-tool1.jpg" onclick=""><img alt="path-selection-tool1" class="alignnone size-full wp-image-1361" height="30" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path-selection-tool1.jpg" title="path-selection-tool1" width="33" /></a><span style="text-decoration: underline;">Path Selection tool</span></h2>Fungsinya untuk memindahkan gambar path kemanapun.<br /> Caranya cuman Klik lalu drag ke tempat tujuan.. (jangan lupa bayar ongkos) hehehe.<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path-selection-tool.jpg" onclick=""><img alt="path-selection-tool" class="alignnone size-full wp-image-1348" height="226" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/path-selection-tool.jpg" title="path-selection-tool" width="389" /></a><br /> <h2><span style="text-decoration: underline;"><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/direct-selection-tool1.jpg" onclick=""><img alt="direct-selection-tool1" class="alignnone size-full wp-image-1362" height="28" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/direct-selection-tool1.jpg" title="direct-selection-tool1" width="35" /></a>Direct Selection Tool</span></h2>Untuk mengedit bentuk gambar path yang udah ada.<br /> Caranya dengan mengklik gambar path nya, sampai semua titik berwarna putih. Lalu klik salah satu titik yang mau diedit lalu geser.<br /> <a href="http://ilmuphotoshop.com/wp-content/uploads/2009/05/direct-selection-tool.jpg" onclick=""><img alt="direct-selection-tool" class="alignnone size-full wp-image-1345" height="588" src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/direct-selection-tool.jpg" title="direct-selection-tool" width="409" /></a><br /> Mungkin itu dulu aja teori nya..<br /> Postingan selanjutnya saya coba edit foto digabung dengan Vector.<br /> Sekarang pelajari sendiri dulu aja.<br /> by: ilmu photoshop.com

Dasar Menggambar Vektor Pake' Photoshop

Setelah banyak yang minta tutorial tentang gambar vektor adobe photoshop , baru kali ini saya sempet bikin tutorialnya.. Inipun gak lan...

lengkapnya