tag:blogger.com,1999:blog-46013833221383473942024-02-08T08:47:51.243-08:00Tehnik PhotoshopJ.S. Amberto, B.B.A. http://www.blogger.com/profile/00543381774609219902noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-4601383322138347394.post-49821479828070740042011-01-14T06:00:00.000-08:002011-01-14T06:03:30.732-08:00Mengubah Background pada Adobe Photoshop<h2>Teknik Dasar Resize Image, Warna Sephia dan Menghilangkan Background</h2><br /><p>Setelah saya posting banyak banget.. ternyata banyak yang kirim email yang isinya pada nanya gimana cara resize image, gimana buat warna sephia dll. waah.. ternyata saya ngelupain dasar-dasar photoshop nya.. maaf ya :D.. ya udah skarang saya coba posting dasar-dasar penggunaan photoshop.. mungkin ini akan berseri.. soalnya banyak banget.. dikit-dikit aja yaa.</p><br /><p><span style="text-decoration: underline;"><strong>Resize Image</strong></span></p><br /><p>Resize image bisa digunakan buat membesarkan atau mengecilkan image. Untuk mengubah image dari besar ke kecil tentunya gak ada masalah di hasilnya nanti.. karena kualitas dari image besar lebih bagus.. nah kalo kebalikannya? pasti lah bermasalah.. soalnya image bisa dipastikan berkualitas jelek.. kecuali image yang memiliki resolusi besar. Gimana kalo kita memiliki image kecil (resolusi 72 px) trus diganti menjadi 300 px? image yang dihasilkan membesar tapi kualitas nya gak bagus. Saya pernah pake <a href="http://software.93vs.com/">software</a> buat membesarkan image tanpa pecah.. tapi lupa namanya.. hehehe.. nanti kalo udah nemu pasti diposting deh.</p><br /><p>Sekarang.. gimana cara nya resize image? …</p><br /><p>Misalkan kita punya gambar besar ukuran 1000 pixel x 1000 pixel ke atas, dengan resolusi 300 px.</p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/1.jpg"><img class="alignnone size-full wp-image-1159" title="1" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/1.jpg" alt="1" width="293" height="387" /></a></p><br /><p>Klik Zoom tool atau tekan tombol Z. Klik kanan di area gambar pilih actual pixel.</p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/2.jpg"><img class="alignnone size-full wp-image-1160" title="2" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/2.jpg" alt="2" width="351" height="399" /></a></p><br /><p>Hasilnya seperti ini :</p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/3.jpg"><img class="alignnone size-full wp-image-1161" title="3" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/3.jpg" alt="3" width="257" height="346" /></a></p><br /><p>Klik Image > image size , terlihat ukuran file asli :</p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/4.png"><img class="alignnone size-full wp-image-1162" title="4" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/4.png" alt="4" width="406" height="355" /></a></p><br /><p>Kita ubah menjadi :</p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/5.png"><img class="alignnone size-full wp-image-1163" title="5" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/5.png" alt="5" width="413" height="358" /></a></p><br /><p>kalo kita ubah resolusi nya otomatis weight dan height nya berubah juga.. karena Resample Image nya di contreng. Nanti otak atik sendiri aja ya..</p><br /><p>72 pixel itu resolusi standard website. jadi kalo lebih dari 72 px biasanya lambat banget di akses nya.</p><br /><p>hasilnya :</p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/6.jpg"><img class="alignnone size-full wp-image-1164" title="6" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/6.jpg" alt="6" width="287" height="378" /></a></p><br /><p>Ini hasil resize image. Save ke JPG.. ukuran file nya juga pasti menyusut.</p><br /><p><strong><span style="text-decoration: underline;">Membuat Warna Sephia</span></strong></p><br /><p>Lanjutin dengan gambar yang tadi ya..</p><br /><p>Untuk membuat warna sephia, cukup menggunakan <a href="http://ilmuphotoshop.com/2008/03/21/tool-tool-lain-yang-penting-di-adobe-photoshop/">Hue/Saturation</a>..</p><br /><p>Klik Image > Adjustment > hue/saturation</p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/7.jpg"><img class="alignnone size-full wp-image-1165" title="7" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/7.jpg" alt="7" width="419" height="322" /></a></p><br /><p>Hasilnya :</p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/8.jpg"><img class="alignnone size-full wp-image-1166" title="8" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/8.jpg" alt="8" width="280" height="364" /></a></p><br /><p>Coba otak-atik lagi dengan menggeser slider nya .. Selamat mencoba..</p><br /><p><span style="text-decoration: underline;"><strong>Menghilangkan Background</strong></span></p><br /><p>Seleksi objek gambar menggunakan <a href="http://ilmuphotoshop.com/2008/03/19/tool-tool-photoshopsambungan/">polyonal lasso tool</a>. Untuk gambar ini digunakan seleksi manual, soalnya warna background dan gambar nyaris sama. Bagian ini dibutuhkan kesabaran.. hehehe.. jadi selain buat design, photoshop bisa digunakan buat latihan sabar.. (halah lebay) hehehe..</p><br /><p>nah Kalo misal pas proses seleksi ada yang salah.. jangan diulang semua.. Tekan aja tombol<span style="text-decoration: underline;"><strong> <span style="color: rgb(255, 0, 0);">BackSpace</span></strong></span><span style="color: rgb(255, 0, 0);">.</span></p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/9.jpg"><img class="alignnone size-full wp-image-1167" title="9" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/9.jpg" alt="9" width="390" height="379" /></a></p><br /><p>setelah selesai semua.. sekarang seleksi bagian rongga mata, hidung dan mulut si tengkorak. Tekan Tombol ALT untuk menambah seleksi di bagian dalam hasil seleksi tadi. Kalau kita tekan tombol ALT maka akan muncul tanda minus (-) di samping cursor. Ini juga membutuhkan kesabaran.. kalo perlu pake zoom tool untuk memperbesar bagian yang akan diseleksi.</p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/101.jpg"><img class="alignnone size-full wp-image-1171" title="101" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/101.jpg" alt="101" width="391" height="564" /></a></p><br /><p><em><strong>Tambahan : </strong>untuk menyeleksi bagian luar tengkorak tekan tombol SHIFT. </em></p><br /><p>hasil seleksi :</p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/11.jpg"><img class="alignnone size-full wp-image-1169" title="11" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/11.jpg" alt="11" width="280" height="371" /></a></p><br /><p>Karena yang mau dihapus adalah background nya..Kita harus seleksi bagian background nya dengan Inverse selection. klik Select > inverse</p><br /><p>Supaya halus hasil nya gunakan Feather.. klik Select > feather ( untuk Photoshop CS2 ke bawah ) atau Select>modify> feather ( untuk photoshop CS3 ke atas)</p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/12.jpg"><img class="alignnone size-full wp-image-1170" title="12" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/12.jpg" alt="12" width="292" height="412" /></a></p><br /><p>Sekarang Duplikat Background layer dengan DRAG ( geser sambil menekan tombol mouse kiri) ke AddNew Layer.. Muncul layer Background COPY.</p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/13.jpg"><img class="alignnone size-full wp-image-1172" title="13" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/13.jpg" alt="13" width="258" height="238" /></a></p><br /><p>Sekarang Hapus Layer background dengan men DRAG ( ( geser sambil menekan tombol mouse kiri) Ke tombol Delete Layer ( gambar tong sampah)</p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/14.jpg"><img class="alignnone size-full wp-image-1173" title="14" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/14.jpg" alt="14" width="268" height="244" /></a></p><br /><p>sekarang tinggal layer Background Copy</p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/15.jpg"><img class="alignnone size-full wp-image-1174" title="15" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/15.jpg" alt="15" width="260" height="236" /></a></p><br /><p>Tekan Delete untuk menghapus seleksi Background tadi..</p><br /><p>Hasilnya :</p><br /><p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/03/16.jpg"><img class="alignnone size-full wp-image-1175" title="16" src="http://ilmuphotoshop.com/wp-content/uploads/2009/03/16.jpg" alt="16" width="280" height="370" /></a></p><br /><p>Tekan CTRL + D untuk menghilangkan Seleksi..</p><br /><p>Setelah itu Save File dengan format : PNG atau GIF.. gambar PNG tadi siap dimasukan ke MS Word atau editan gambar lain..</p><br /><p>Selamat Mencoba..</p><br /><div id="seolinx-tooltip" style="border: 1px solid rgb(0, 0, 0); margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;"><br /><table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0"><br /><tbody><br /><tr><br /><td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"><br /><div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;"><br /><table id="seolinx-paramtable" style="border: 1px solid gray; margin: 0pt; border-collapse: separate;" border="0"><br /><tbody><br /><tr><br /><td style="border: 1px solid gray; padding: 2px; background: none repeat scroll 0% 0% rgb(240, 240, 240); color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://toolbarqueries.google.com/favicon.ico" alt="" width="12" height="12" /> PR: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google pagerank" href="javascript:{}">wait…</a></td><br /><td style="border: 1px solid gray; padding: 2px; background: none repeat scroll 0% 0% rgb(240, 240, 240); color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google index" href="javascript:{}">wait…</a></td><br /><td style="border: 1px solid gray; padding: 2px; background: none repeat scroll 0% 0% rgb(240, 240, 240); color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> L: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google links" href="javascript:{}">wait…</a></td><br /><td style="border: 1px solid gray; padding: 2px; background: none repeat scroll 0% 0% rgb(240, 240, 240); color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteexplorer.search.yahoo.com/favicon.ico" alt="" width="12" height="12" /> LD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Yahoo linkdomain" href="javascript:{}">wait…</a></td><br /><td style="border: 1px solid gray; padding: 2px; background: none repeat scroll 0% 0% rgb(240, 240, 240); color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://search.msn.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="MSN index" href="javascript:{}">wait…</a></td><br /><td style="border: 1px solid gray; padding: 2px; background: none repeat scroll 0% 0% rgb(240, 240, 240); color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Sitemap.xml" href="javascript:{}">wait…</a></td><br /><td style="border: 1px solid gray; padding: 2px; background: none repeat scroll 0% 0% rgb(240, 240, 240); color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.semrush.com/favicon.ico" alt="" width="12" height="12" /> Rank: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="SEMRush Rank" href="javascript:{}">wait…</a></td><br /><td style="border: 1px solid gray; padding: 2px; background: none repeat scroll 0% 0% rgb(240, 240, 240); color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.semrush.com/favicon.ico" alt="" width="12" height="12" /> Traffic: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="SEMRush SE Traffic" href="javascript:{}">wait…</a></td><br /><td style="border: 1px solid gray; padding: 2px; background: none repeat scroll 0% 0% rgb(240, 240, 240); color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.semrush.com/favicon.ico" alt="" width="12" height="12" /> Price: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="SEMRush SE Traffic price" href="javascript:{}">wait…</a></td><br /><td style="border: 1px solid gray; padding: 2px; background: none repeat scroll 0% 0% rgb(240, 240, 240); color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteanalytics.compete.com/favicon.ico" alt="" width="12" height="12" /> C: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Compete Rank" href="javascript:{}">wait…</a></td><br /></tr><br /></tbody><br /></table><br /></div><br /></td><br /><td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td><br /></tr><br /></tbody><br /></table><br /></div><br /><br /><br /><p><br />Artikel <a href="http://ilmuphotoshop.com/2009/03/10/teknik-dasar-resize-image-warna-sephia-dan-menghilangkan-background/">Teknik Dasar Resize Image, Warna Sephia dan Menghilangkan Background</a> ini dipersembahkan oleh <a href="http://ilmuphotoshop.com/" title="Tutorial Photoshop Gratis">Tutorial Photoshop Gratis</a>. Kunjungi <a href="http://desktop.93vs.com/" title="Wallpaper, Font, Desktop Theme Gratis"> Wallpaper, Font, Desktop Theme Gratis</a> Pokoknya Serba Gratis. Baca Juga <a href="http://photoshopedit.com/" title="Adobe Photoshop Tutorial"> Adobe Photoshop Tutorials</a> </p>J.S. Amberto, B.B.A. http://www.blogger.com/profile/00543381774609219902noreply@blogger.com0