cara mengganti icon internet exploler

Agar terlihat lebih unik dan menarik, kita bisa coba mengganti icon folder yang ada di komputer kita. Kita bisa sesuaikan gambar icon folder sesuai dengan isi yang ada di dalam folder. Misalnya saja gambar kamera untuk folder yang berisi foto, gambar CD untuk folder yang berisi file video atau lainnya.

Untuk cara merubah atau mengganti icon folder sangatlah mudah. Caranya:

    Cari folder yang akan diganti gambar icon-nya
    Klik kanan pada folder yang ingin dirubah tampilannya, kemudian pilih properties.
    Cara Merubah atau Mengganti Gambar Icon Folder di Windows Explorer
    Pada jendela properties pilih tab Customize kemudian klik Change icon.
    Selanjutnya nanti pada jendela yang muncul pilih salah satu icon yang anda sukai
    Klik OK > OK

Semoga informasi tentang cara merubah atau mengganti gambar icon di Windows Explorer diatas dapat bermanfaat.
cara mengganti icon windows exsplorer, cara ganti icon explorer windows 7, cara mengubah icon exploler, cara merubah icon folder di explorer windows 7, cara merubah seluruh icon folder explore windows 7, cara permanen mengganti icon folder, ganti icon folder windows explorer, ganti icon windows explore, Mengganti ICON Folder Di Windows Explorer, mengganti icon folder permanen

Continue Reading

kode-kode dasar html

Kode-kode dasar HTML
Dalam HTML seperti pemformatan text berupa tebal,miring,garis bawah,membuat tabel,dll,dapat di lakukan dengan kode-kode.Bagi anda yang belum begitu mengerti HTML,bisa baca disini
Di bawah ini ada beberapa kode-kode untuk mewakili pemformatan text maupun mebuat berbagai object dalam halaman anda,meskipun sekarang sudah banyak pembuatan halamanHTML dengan software instant seperti Dreamweaver dll.

Membuat Center,gunakan kode : <p align="center">Belajar</p> hasilnya seperti:
Belajar

Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya seperti :
Belajar

Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p> hasilnya seperti :
Belajar

Membuat Huruf Tebal gunakan kode: <b>Belajar</b> hasilnya seperti :
Belajar

Membuat Huruf Garis Bawah gunakan kode : <u>Belajar</u> hasilnya seperti :
Belajar

Membuat Huruf bercetak Miring gunakan kode : <i>Belajar</i> hasilnya seperti :
Belajar

Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :
<b><i><u>Belajar</u></i></b> hasilnya seperti :
Belajar

Membuat Huruf tebal strong gunakan kode : <strong>Belajar</strong> hasilnya seperti :
Belajar

Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span>hasilnya seperti :
Namanya juga hidden..ya..ga keliatan..

Membuat Huruf Besar semua (uppercase) gunakan kode :
<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :
BELAJAR

Membuat Huruf Small caps gunakan kode:
<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:
BELAJAR

Membuat Huruf Subscribe / kecil di bawah gunakan kode:
<p>4₂</p>hasilnya seperti ini:
42

Membuat Huruf Superscribe / pangkat gunakan kode:
<p>4²</p> hasilnya seperti ini:
42

Membuat Huruf bergaris atas gunakan kode:
<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:
Belajar mengganti huruf

Membuat Huruf bergaris tengah gunakan kode:
<strike>Belajar</strike> hasilnya seperti ini:
Belajar

Menentukan jenis huruf gunakan kode:
<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:
Belajar

Menentukan ukuran huruf gunakan kode:
<p><font-size="3" >Belajar</font></p> hasilnya seperti ini:
Belajar

Menentukan warna huruf gunakan kode:
<p style="color: green; >Belajar</p> hasilnya seperti ini:
Belajar

Membuat bullet dot bolong gunakan kode:
<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
    DOT 1
    DOT 2
    DOT 3

Membuat bullet dot kotak gunakan kode:
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
    DOT 1
    DOT 2
    DOT 3

Membuat bullet dot bulat gunakan kode:
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
•    DOT 1
•    DOT 2
•    DOT 3

Mengatur posisi bullet gunakan kode:
<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
hasilnya seperti ini:

•    DOT 1
•    DOT 2
•    DOT 3

Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>
hasilnya seperti ini:
Belajar

Membuat tabel border solid gunakan kode:
<table border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>
hasilnya seperti :
Text


Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text


Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text


Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text


Membuat tabel border Ridge gunakan kode:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text


Membuat tabel border Insert gunakan kode:
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text


Membuat tabel border Outset gunakan kode:
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text


Membuat Tabel Biasa gunakan kode :
<table border="1"width="200"><td>Text</td></table>
hasilnya seperti:
Text


Membuat Tabel berwarna gunakan kode :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :
Text


Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:
Text


Untuk kode-kode HTML yang lain anda bisa mengulik lewat software-software web designer atau situs-situs penyedia layanan HTML.

**Tabel-tabel diatas,akan terlihat sempurna jika dibuka pada browser IE (Internet Explorer)
Sebagai Misi dari Daput Tutorial Blogspot yaitu memberikan Tutorial tentang cara membuat sebuah blog profesional, Dapur Tutorial Blogspot akan menyampaikan dari tehnik paling dasar mengenai sebuah blog. Seperti yang sudah Dapur Tutorial Blogspot sampaikan Sebelumnya Mengenai Hal-Hal yang harus anda ketahui sebelum membuat sebuah blog, Persiapan untuk membuat sebuah blog, Mengenal kemudahan yang dimiliki blog/blogspot sampi pada pendaftaran akun blogger.

Kita akan membahas satu persatu dari bawah sampai atas dan sekarang pembahasan kita sudah sampai pada Pengenalan dasar kode HTML. Pengenalan tentang kode HTML ini Dapur Tutorial rasa sangat penting kerana anda akan banyak berhubungan dengan namanya kode HTML ini , Untuk itu Dapur Tutorial Blogspot akan menyampaikan mengenai dasar-dasar pengetahuan kode HTML ini.

Mungkin anda bertanya apa sih HTML itu ?, HTML (Hyper Text Markup Languange) merupakan suatu standar bahasa progam yang digunakan untuk menampilkan dokumen-dokumen web. HTML ini berupa kode-kode tag yang memberikan instruksi pada browser untuk menghasilkan tampilan sesuai dengan yang kita pilih.

Ok kita langsung saja lihat Seperti apa HTML kode dan kenerjanya :

HTML kode pada umumnya terdiri perintah sebagai berikut :

<HTML>
<BODY>

Mengenal Dasar-Dasar dari Kode-Kode HTML

</BODY>
</HTML>

Coba perhatikan kode diata, kode kode HTML selalu di batasi dengan tag pembuka dan penutup <....>

Sekarang bagaimana tampilan tag untuk membuat Title pada Sebiah blog atau web ?. Untuk membuat title pada sebuah web atau blog anda harus menambahkan kode <HEAD><TITLE>..........</TITLE></HEAD>
Diantara kode <HTML> dan <BODY>

Contohnya seperti ini :

<HTML>
<HEAD>
<TITLE>Dasar-Dasar dari Kode-Kode HTML</HEAD>
</HEAD>
<BODY>

Mengenal Dasar-Dasar dari Kode-Kode HTML

</BODY>
</HTML>

Ok Berikutnya Dapur Tutorial Blogspot akan jelaskan bagaiman mengatur sebuah text menggunakan HTML Kode.

Kode-kode HTML yang banyak digunakan untuk memanipulasi text dalam  sebuah web/Blog

<b>....</b> kode ini digunakan untuk membuat cetak tebal pada tulisan
<i>.....</i>   kode ini digunakan untuk membuat text miring pada tulisan
<u>.....</u> Kode ini digunakan untuk membuat garis bawah pada tulisan
<b><i><u>.......</u></i></b> ini dalah kode kombinasi yang menghasilkan text seperti ini

Selain Kode Diatas anda jugadapat menggunakan kode berikut ini :

<strong>........</strong> Kode ini untuk membuat cetak tebal pada tulisan
<em>..............</em>     kode ini untuk membuat text miring

Selain itu anda dapat menggunakan Kode HTML untuk memanipulasi warna dan besar huruf pada Text :

<FONT SIZE=”....” COLOR=”.....” FACE=”......”>
........</FONT>.

SIZE untuk mengatur ukuran huruf
COLOR untuk mengatur warna huruf
FACE untuk mengatur jenis huruf

Misalnya anda ingin mengatur warna pada sebuah Text :

<FONT COLOR="blue"> text akan berwarna biru </FONT>
<FONT COLOR="red"> Text akan berwana merah </FONT>
<FONT COLOR="white"> text akan berwanar putih </FONT>

 Apabila anda ingin mengatur Ukuran text contohnya sebagai berikut :

<FONT SIZE=”1″>Ukuran 1 akan seperti in.</FONT>
<FONT SIZE=”2″>Ukuran 1 akan seperti in.</FONT>
<FONT SIZE=”3″>Ukuran 1 akan seperti in.</FONT>

Bagaimana jika ingin memilih jenis text :

<FONT FACE=”Arial”>Ini memakai font arial black.</FONT>
<FONT FACE=”Helvetica”>Ini memakai font Helvetica.</FONT>
<FONT FACE=”Gorgia”>Ini memakai font Impact.</FONT>

Bagaimana jika ingin di kombinasikan ?. mudah adan culkup menggabungkan kode-kode diatas :

Contoh :

Dapur tutorial menggabungkan kode warna besar huruf dan jenis hurup, cetak tebal , miring dan bergaris bawah seperti ini.

<FONT SIZE=”3” COLOR=”read” FACE=”Arial”><b><i><u>Hasilnya seperti ini</u></i></u></FONT>.

Bagaiman mudah dan tidak ada masalahkan untuk mengkombinasikan kode-kode HTML tersebut ?

Ok selanjutnya kita bahas cara mengubah text dengan tag heading <h1> sampai dengan <h6>. <h1>  merupakan ukuran huruf yang paling terbesar dan <h6> adalah ukuran huruf terkecil

Perhatikan huruf yang menggunakan <h2> dan <h3>

<h2>ukurannya seperti ini </h2>
<h3>ukurannya seperti ini </h3>

Anda juga harus mengetahui beberapa kode-kode yang digunakan untuk mengetur paragraf :

<p> Untuk membuka paragraf
</p> untuk menutup paragraf
<br> Untuk membuat baris baru
<center> Untuk membuat tulisan berada di tengah </center>

Contohnya :

<P align=”left”><FONT COLOR=”read”><b> Paragraf ini menggunakan rata kiri dengan warna tulisan biru dan bercetak tebal
<br> tag ini membuat tulisan ini dalam baris baru</b></FONT></P>

Hasilnya akan seperti ini :
Paragraf ini menggunakan rata kiri dengan warna tulisan merah dan bercetak tebal

tag ini membuat tulisan ini dalam baris baru

<P align=”center”><FONT COLOR=”blue”><U> Paragraf ini menggunakan rata tengah dengan warna tulisan biru dan bergaris bawah
<br> tag ini membuat tulisan ini dalam baris baru</U></FONT></P>

Hasilnya :
Paragraf ini menggunakan rata tengah dengan warna tulisan biru dan bergaris bawah

tag ini membuat tulisan ini dalam baris baru

Ok kita lanjut pada pembahasan berikutnya.Dengan HTML kode anda juga dapat membuat sebuah link didalam text:

Kode yang digunakan adalah sebagai berikut :

<a href=”Link yang dituju”>Link yang dimaksud/anchor text</a>

Contohnya disini anda memasukan ling http://www.dapur-tutorial.blogspot.com

maka hasilnya adalah sebagai berikut :

Belajar tutorial blogspot di Dapur Tutorial Blogspot

sekarang pada Tulisan FDapur Tutorial Blogspot terdapat link http://www.dapur-tutorial.blogspot.com untuk mengecek silahkan letakan kursor mouse anda diatas Dapur Tutorial Blogspot  dan klik maka text tersebut akan membawa anda kehalaman HOME blog Dapur Tutorial Blogspot.

Anda juga dapat mengatur text link tersebut terbuka pada jendela baru dengan menambahkan kode

TARGET=”_Blank”

Contoh:

<a HREF=”http://www.dapur-tutorial.blogspot.com” TARGET=”_Blank”>Belajar tutorial blogspot<a>

Hasilnya:

Belajar tutorial blogspot

Nah itulah pengenalan dasar mengenai kode-kode dasar HTML dalam sebuah web atau blog. sekian tutorial kali ini dan akan kita lanjutkan ketutorial berikutnya.

Read more: http://dapur-tutorial.blogspot.com/2011/12/mengenal-dasar-dasar-dari-kode-kode.html#ixzz2FO1QO1Hm

Continue Reading

kode warna html

Gold #ffd700
Yellow #ffff00
Lightyellow #ffffe0
Yellowgreen #9acd32
Palegoldenrod #eee8aa
Goldenrod #daa520
Lime #00ff00
Green #008000
Seagreen #f4a460
Palegreen #98f698
Lightseagreen #20b2aa
Forestgreen #228622
Lightgreen #90ee90
Olive #808000
Tan #d2b48c
Teal #008080
Olivedrab #6b8e23
Greenyellow #adff2f
Darkslategray #2f4f45
Darkolivegreen #55662f
Mediumspringgreen #00fa9a
Darkgoldenrod #688606
Darkkhaki #606766
Orchid #da70d6
Fuchsia #ff00ff
Darkmagenta #860086
Darkviolet #940003
Mediumpurple #9370db
Violet #ee82ee
Purple #800080
Plum #dda0dd
Gray #808080
Dimgray #696969
Gainsboro #dcdcdc
Lightslategray #778899
Lightgray #d3d3d3
Slategray #708090
Darkgray #a9a9a9
Silver #c0c0c0
Springgreen #00ff7f
Lightpink #ffb6c1
Navojowhite #ffdead
Darksalmon
Khaki #f0e68c
Aquamarine
Chocolate #d2691e
Chartreuse
Limegreen
Slateblue
Saddlebrow
Aliceblue
Wheat
Bisque
Sienna
Cyan #00ffff
Blue #0000ff
Skyblue #abcdef
Darkcyan #008686
Cadetblue #5f9ea0
Midnightblue #191970
Mediumslateblue #7b68ee
Cornflowerblue #6495ed
Lightsteelblue #b0c4de
Lightskyblue #87cefa
Powderblue #bde0e6
Aquamarine #7fffda
Dodgerblue #1e90ff
Royalblue #4169e1
Blueviolet #8a2be2
Indigo #460082
Lavender #e6e6fa
Lightblue #add8e6
Deepskyblue #00bfff
Darkslateblue #483080
Mediumvioletred #071585
Mediumturquoise #4801cc
Mediumorchid #ba55d3
Darkturquoise #00ccd1
Paleturquoise #afeeee
Darkorchid #9932cc
Slateblue #6454cd
Aqua #00ffff
Red #ff0000
Darkred #860000
Indianred #cd5c5c
Firebrick #622222
Lightsalmon #ffa07a
Lightcoral #f08080
Maroon #800000
Crimson #dc143c
Tomato #ff6347
Salmon #fa8072
Coral #ff7f50
Pink #ffc0cb
Hotpink #ff69ba
Deeppink #ff1493
Lightpink #ffb6c1
Mistyrose #ffe4e1
Moccasin #ffe4b5
Peachpuff #ffdab9
Mintcream #f5fffa
Floralwhite #fffaf0
Oldlace #fdf5e6
Thistle #d8bfd8
White #ffffff
Linen #faf0e6
Navy #000080
Snow #fffafa
Orange #ffd000
Orangered #ff4500
Burlywood #deb887
Darkorange #ff8c00
Palevioletred #db7093
Sandybrown #f4a460
Rosybrown #bc8f8e
Brown #a52a2a
Peru #cd853f

Continue Reading

tutorial photo shop 3

Membuat Lingkaran Spiral di Photoshop
Publish: 11 Agustus 2012 | Author & Copyright: Johan | Status: tutorial photoshop dasar

Tutorial kali ini membahas dasar - dasar photoshop tentang Line (garis) dan merubahnya menjadi seperti obat nyamuk bakar (spiral). Tutorial Photoshop membat Gambar Spiral ini merupakan salah satu request dari Eroz Yeah via twitter.Ok sedikit penjelasan, jika di illustrator maupun coreldraw ada tool khusus untuk membuat spiral maka apakah di photoshop ada? sebetulnya tool ini tidak ada di photoshop namun bisa kita akali dengan filter yaitu Twirl. Bagaimana Caranya?

1. Buka Photoshop, lalu buat lembar kerja baru (CTRL + N)

2. Buat Layer baru dengan menekan CTRL + Shift + N, muncul pop up - Beri Nama "Layer 1" - OK

3. Dengan menggunakan brush tool (rounded brush)


Gambar garis lurus ke Lembar kerja, apa itu lembar kerja ? Klik disini


4. Setelah itu klik Filter > Distort > Twirl...


Setting seperti ini :


Hasilnya :

Kurang melingkar? tenang bisa di doble efek... klik Filter > Twirl... (lagi) atau tekan CTRL + F

Kita bisa merapikan dan menghapus bagian yang tidak diinginkan dengan Erase Tool...

Ok, Spiral obat nyamuk kita sudah jadi :)

Oh ya, Untuk tambahan informasi saja. Gambar spiral sering kita lihat muncul di dunia ini, Beberapa ahli menyimpulkan spiral-spiral itu melambangkan kepercayaan masing-masing suku.



Cara Instal Pemasangan dan Menggunakan Action
Publish: 11 Desember 2012 | Author & Copyright: Johan | Status: Basic Photoshop

Action dan apa fungsi dari Action Photoshop, Bagi yang baru belajar tentang Photoshop pasti masih mencari apa sih kegunaan dan fungsinya, bagaimana cara menggunakan, dan bisakah membuat atau menambahkan action yang lain pada Photoshop kita. Ok, sebelum menjelaskan lebih jauh mari kita mempelajari apa yang dimaksud Action Photoshop. Action Photoshop suatu program di photoshop yang memiliki fungsi merekam kegiatan pengolahan foto yang kita lakukan (history) untuk kemudian dapat kita pergunakan kembali.
Action Photoshop bisa menghemat waktu anda
Bisa dibayangkan bagaimana membuat efek seperti contohnya Membuat Efek Nashville Instagram , membuat Efek Lord Kelvin Instagram , dll. Untuk menerapkan 1x ke foto saja butuh waktu setidaknya beberapa menit, namun dengan Action Photoshop maka kita tinggal klik Play dan dalam hitungan detik maka foto yang kita inginkan akan sama hasilnya dengan cara pengeditan yang kita lakukan karena Action merekam semua history (kegiatan yang kita lakukan) di Photoshop dan menerapkan ke gambar - gambar yang lain. Hasilnya mempercepat pekerjaan dan menghemat waktu.

Ok, bagi yang belum paham sampai disini, tenang saja memang desain grafis di komputer butuh yang namanya praktikum (cie kayak pelajaran biologi saja)... Mari kita praktikkan penggunaan action photoshop ini, langkah - langkahnya :
Cara Instalasi dan Pemasangan Action Photoshop
1. Pertama - tama kita instal dulu action ke Photoshop kita
Bagaimana caranya instal Action Photoshop? Sebagai contoh download action Old Photo di http://shagagraf.deviantart.com/art/Old-Photo-Action-30161032 , download action yang berextensi *.atn di kotak download sebelah kanan.

2. Copy dan paste action tersebut ke Computer > Local Disk (C) > Program Files > Adobe > Adobe Photoshop > Present > Actions


Setelah itu, kita test (praktikkan) caranya buka Photoshop anda, disini saya memakai Photoshop CS3 tapi tidak perlu kuatir karena bisa diterapkan ke photoshop lainnya. Centang Action pada Window


Hasilnya akan muncul panel Action di Photoshop kita. sekarang kita load actionnya, caranya? ikuti petunjuk di gambar di bawah ini :


kemudian pilih action yang akan di LOAD,

Setelah itu tekan Load di pojok kanan bawah. Ok sekarang Action sudah terload di komputer tinggal kita gunakan.

3. Buka Foto yang akan kita beri efek dari action ini, disini saya menggunakan foto Stasiun Kereta Api!! Naik kereta api tuut tut tuut...


4. klik action yang diinginkan, Tekan tombol PLAY di kotak action


5. Hasilnya... Walaw this is it... (ngikuti gaya Farah Quinn) foto berubah efek menjadi .... Seperti ini

Old Photo by Action

Demikian tutorial cara pemasangan dan penggunaan action pada photoshop semoga dapat menjadi tambahan ilmu dan materi serta referensi bagi yang masih pemula dalam mempelajari Photoshop Dasar khususnya action di photoshop. Terima kasih, Selamat Belajar Photoshop dan Semoga Bermanfaat



Keajaiban dari Fill Content Aware
Publish: 26 April 2011 | Author & Copyright: Johan | Status: tutorial dasar
Adobe selaku pengembang Photoshop telah menambahkan fitur baru yang cukup fenomenal bernama content-aware fill di Photoshop CS 4 dan CS 5. Fitur ini terlihat sangat ajaib dan sangat membantu bagi seorang fotografer maupun seorang desainer Grafis.

Kebanyakan dari kita mungkin banyak yang belum mengetahui fitur fenomenal tersebut jadi disini saya ingin membagikannya kepada anda para pengunjung dan pembaca setia IG bagaimana dan apa itu (fill) content-ware.

Penjelasan simple Fill Content Aware seperti ini: bayangkan jika kita harus menghapus obyek pohon yang ada ditengah Pemandangan Savana (rerumputan dan langit), membuat seleksi yang mengellingi pohon lalu menghapusnya, namun foto kita akan tampak bolong dibagian yang dihapus akan tetapi tergantikan dengan padang rumput (savana) tadi karena Photoshop akan mengisi secara otomatis bagian yang bolong tadi secara sempurna dan serasi dengan lingkungan disekitarnya.
Untuk lebih jelasnya mari kita praktikkan, Sebelum memulai Tutorial Photoshop ada baiknya baca doa dulu biar tidak ada gangguan :-) hehehe
Langkah - Langkah cara Penggunaan Content Aware
1. Buka Object dengan photoshop CS 5 (fitur ini hanya ada di CS4 dan CS 5 namun saya lebih merekomendasikan CS5 karena Adobe telah menyempurnakan fitur ini di CS5)
Disini saya menggunakan Photoshop CS 5

anda bisa memakai gambar di atas untuk latihan kali ini, atau jika anda ingin gambar yang lain bisa mencari2 lewat google

2. Seleksi area di sekeliling pohon, anda bisa menggunakan berbagai macam teknik seleksi
tidak perlu menSeleksi secara detail cukup seleksi di sekeliling pohon


Setelah terseleksi

Jika anda bingung apa itu seleksi bisa membaca tutorial ini Seleksi Objek pada Photoshop

3. Ok sekarang anda sudah memiliki seleksi pada pohon tersebut
Nah ini dia MAGic nya:
Pada menu utama klik Edit >> Fill >> Pilih Content Aware

dan Hasilnya:

Fantastis : object pohon hilang dan digantikan dengan background awan dan rumput dan terkesan alami


Membuat Cap Stamp Logo Watermark
Publish: 16 Februari 2011 | Author & Copyright: Johan | Status: FREE tutorial

Lama tidak berjumpa di tutorial Photoshop Dasar, kali ini kita kembali membahas dasar - dasar photoshop yaitu Opacity dan Fill. Keduanya digunakan untuk membuat efek transparansi gambar sehingga bisa dimanfaatkan menjadi Watermark pada gambar yang kita punya agar gambar yang kita pasang di Website termasuk TOKO ONLINE maupun BLOG kita tidak dibajak orang lain.

Sekarang bagaimana kita membuat Stamp Logo atau disebut juga WATERMARK? sebelum memulai, Watermark adalah tulisan / logo / stempel yang sifatnya transparan untuk melindungi dan mencegah penggunaan kembali gambar tersebut secara tidak sah, atau penggunaan tanpa pesetujuan dari pemilik gambar / foto tersebut. Watermark biasanya berbentuk transparan agar sulit untuk dihilangkan.
ikuti langkah-langkah membuatnya hanya di IG:

1. Buka Gambar / Foto yang akan diberi Watermark dengan Photoshop
Misal disini saya menggunakan Gambar Apple sebagai Sample

Gambar Apple sebelum di watermark

2. Ketik dengan Teks Tool, kata - kata atau cap atau note yang akan dijadikan Watermark, misal disini menuliskan ILMUGRAFIS[dot]com

gambar Apple + Tulisan Watermark

3. Setelah itu tinggal atur Opacity dan Fill sesuai kebutuhan, pengaturan di bawah ini hanya sebagai contoh saja, anda bisa mengatur sesuai keiginan anda (improvisasi aja)

watermark sudah jadi

Mudah bukan, anda bisa mengkombinasikan dengan teknik Transform dan menduplikat layer (CTRL + J) sebanyak yang diinginkan sehingga menjadi seperti ini

sedikit tambahkan efek Glossy dan tampilannya jadi extreme seperti ini

Apple dengan watermark ilmugrafis,
download file hasilnya


Setting Shortcut Photoshop
Publish: 27 Juni 2010 | Author & Copyright: Endritaze | Status: FREE tutorial

Kali ini ada tips menarik buat photoshop-er yang tongkrongin komputer tiap hari. Sedia payung sebelum hujan, kalo dunia desain juga ada pepatahnya yaitu sedia kopi sebelum ngantuk di depan komputer =P ditambah sedikit alunan lagu mengiring kerjaan di depan komputer..hehe

Kalo edit foto, usilin temen, iseng2 doank, di depan komputernya pasti lagi nyantai. Untuk yang penghasilannya mank utak atik depan komputer, mesti perlu banyak waktu buat kelarin semua kerjaan kadang sampai mata kering, bibir pecah2, dan susah BAB. =P

Biar kerjaan ontime, ga numpuk mesti diselesaikan segera. Photoshop-er yang biasa pakai Tikus (mouse), klik sana sini pasti makan waktu yang banyak.
Tips agar photoshop-er pada kerjanya cepat:

1. Ganti mouse dengan Tablet (papan pen digital)
2. RAM-nya di upgrade!! =P
3. Hapalin shortcuts Photoshop

Biasanya point ketiga yang jadi masalah berat, karena banyak banget kode-kodenya buat hapalin.
Anda bisa dapatin shortcut2nya di menu Edit - Keyboard Shortcuts atau tekan Alt+ Shift+ Ctrl+ K

Kalo udah dipilih akan muncul berbagai shortcut untuk perintah-perintah yang ada pada menu-menu utama


Belum puas? Masi ada kendala untuk menghapalnya? Terlalu rumit kombinasi kodenya?
Bukan masalah!!
kamu bisa ubah sesuka hati, bebaskan dirimu (sensasi P*ong)=P
caranya Cuma dengan double klik di menu pilihan dan klik pada submenunya. Untuk mengubahnya tekan Delete Shortcut (untuk menghapus SC), mengganti SC-nya langsung tekan kombinasi shortcutnya.



Sesudah menemukan kombinasi shortcut yang pas dan special (bagi kamu), tekan Accept untuk validasi SCnya, dan tekan OK. Barulah Shortcut baru bisa digunakan. Seperti di atas sy contohkan Sekarang membuka file baru bukan Ctrl+ N lagi, tetapi Shift+ Ctrl+.(titik) , anda bisa mengubahnya sesuai keinginan.

Merasa lebih pantas sebelumnya?

Tekan Use Defaultnya aja. Hehe,. (untuk mengembalikan ke keadaan seperti semula)

Untuk submenu yang belum memiliki SC, anda bisa men-Create sendiri SCnya. Caranya Add Shortcut pada submenu yang dipilih. Ingat SC tidak boleh sama pada Submenu atau perintah yang berbeda.

So,. Shortcut untuk mempercepat menyampaian perintah dengan tombol keyboard, bukan memperlambat pastinya.
Anda bisa menghafal Shortcut Photoshop secara Default jika mau dengan melihatnya di Shorcut Photosop
Do your best!!!

Continue Reading

tutorial photo shop 2

Menambahkan Pattern Pada Photoshop
Publish: 27 Mei 2010 | Author & Copyright: Johan | Status: FREE tutorial

Pada Tutorial kali ini kita akan menambahkan Pattern pada adobe photoshop kita sehingga tool desain kita lebih banyak variasi dan lebih imajinatif...
Caranya hampir sama dengan cara Pemasangan dan Penggunaan Brush yang telah dibahas di website IlmuGrafis ini

Penjelasan Tentang Pattern Standart Photoshop
Sebelum kita mulai dapat saya jelaskan sedikit disini, sebetulnya Adobe PHOTOSHOP telah menyediakan Fitur Pattern yang Standart ( bawaan / Default ) namun sebagai seorang desainer Grafis hal tersebut akan sangat membatasi imajinasi dan kreativitas men-Desain dan Berkarya secara maksimal.

Cara Menambahkan Pattern Photoshop:

1. Download Pattern photoshop yang disediakan oleh ilmuGRAFIS sebagai bahan latihan di Download Pattern
Download dan Simpan PATTERN
Midnight Blue Patterns
Photoshop Version: CS3
[Pattern ini bisa digunakan secara baik di Photoshop CS3]
DOWNLOAD

2. Setelah mendownload file Pattern tersebut maka anda akan mendapatkan file bernama "webtreatsetc-midnight-blue-patterns.pat"
Copy dan paste file tersebut ke direktori Folder Pattern Photoshop anda
Secara Default letaknya ada di:
C:\Program Files\Adobe\Adobe Photoshop CS3\Presets\Pattern

3. Buka Photoshop maka Photoshop akan menLOAD pattern tersebut secara otomatis
Untuk mengujinya maka buat lembar kerja baru pada photoshop (File >> Open >> OK)

>>Fill maka akan muncul Pop Up Parameter
Lakukan urutan seperti di gambar bawah ini

Klik Ok , Nah sekarang Ada tambahan pattern bernama webtreatsetc-midnight-blue-patterns di Photoshop anda

Setelah itu akan ada 6 pilihan pattern yang bisa dipilih salah satunya, klik OK
Pattern bisa dipakai sebagai Alternatif background bagi foto atau gambar anda
Misal seperti ini:

Fred Flinstone also like ilmuGRAFIS , hehehe :)
 

Pemasangan dan Penggunaan Brush Photoshop Lengkap
Publish: 02 April 2009 | Author & Copyright: Johan | Status: FREE tutorial

Tutorial Photoshop kali ini mengenai Pemasangan dan Penggunaan Brush Pada Photoshop. Tutorial ini didasari pada banyaknya pertanyaan bagaimana pemasangan dan penggunaan brush photoshop tersebut. Sebelum kita mulai mari kita membaca sedikit penjelasan tentang Brush - Adobe Photoshop. Brush adalah Fitur yang juga sangat penting pada photoshop, terutama dalam hal pembuatan ilustrasi suatu gambar ataupun sapuan gambar dengan beraneka ragam bentuk serta mengukir image dan beberapa fungsi vital lainnya.

Ok, sekarang kita mulai saja, disini saya menggunakan Photoshop CS3 , bagi yang masih menggunakan Photoshop CS 2 ataupun CS , Ataupun Photoshop 7 tidak perlu khawatir karena caranya sama saja

Penjelasan Tentang Brush Standart Photoshop
Sebelum kita mulai dapat saya jelaskan sedikit disini, sebetulnya Adobe PHOTOSHOP telah menyediakan Fitur Brush yang Standart ( bawaan / Default ) namun sebagai seorang desainer Grafis hal tersebut akan sangat membatasi imajinasi dan kreativitas men-Desain dan Berkarya secara maksimal.

Cara Pemakaian brush Photoshop:
1. Untuk memakai brush photoshop maka kita harus mengKlik kanan ikon Brush yang bergambar
 pada Tool Box, atau bisa dengan menggunakan short cut yaitu dengan menekan Tombol (B) pada keyboard
Jika masih belum tahu dimana letak tool box maka silahkan lihat Layout Photoshop

2. Lalu setelah itu aktifkan preview brush dengan dengan menekan panah di samping brush,

panah bawah yang dilingkari hitam, nah sekarang akan muncul standart brush yang disediakan photoshop (standart Brush)

Pemasangan dan Penambahan Brush Pada Photoshop
Setelah membaca penjelasan di atas penulis berharap sekarang para pembaca bisa memahami apa yang dimaksud Brush Standart Photoshop. Namun tenang saja karena Adobe Photoshop bisa menerima Plug-in Brush dari pihak luar dalam hal ini adalah menambahkan Brush yang lain dalam Photoshop anda.

Caranya:
Sebelum mencoba silahkan download Contoh Brush ( FLOWER BRUSH ) yang akan kita gunakan untuk latihan
File Tersebut bisa ilmugrafis.com
klik: Photoshop Tools
Simpan dalam komputer dan Extract ,

nama file Brush tersebut adalah "flower brush-3.abr"
( file Tersebut adalah plug-in Brush untuk menambah koleksi brush photoshop )

Ok sekarang akan saya jelaskan cara pemasangannya hingga Brush tersebut dapat digunakan
Caranya:

1. Copy File "flower brush-3.abr" yang telah kita download dari IG Photoshop Tool dan Paste pada Direktori Folder Brushes Photoshop Anda
Secara Default letaknya ada di:
C:\Program Files\Adobe\Adobe Photoshop CS3\Presets\Brushes\ (Paste Disini)


2. Buka Photoshop anda dan Brush Photoshop akan Ter-LOAD / Terpasang secara otomatis
Untuk mengganti standart brush di photoshop tersebut kita harus meload / mengaktifkan brush yang diinginkan. Caranya klik panah maka akan muncul menu pilihan:

Disini brush yang akan saya aktifkan adalah Flower Brush-3 jadi klik pada Flower Brush-3 Tersebut.
Sekarang tinggal pilih brush dan klik pada kanvas photoshop

Brush Dengan Tema Bunga - Hipp.. Hippp Horaaayyy ;P

Sekarang akan saya jelaskan bagaimana cara Pewarnaan Brush dan cara Mewarnai Brush

Ok Sekarang tinggal bagaimana cara anda berkreasi dengan BRUSH PHOTOSHOP tersebut

Contoh Karya Penulis dengan Brush
 [+] Zoom image
 

Seleksi dengan Color Range
Publish: 25 Mei 2010 | Author & Copyright: Cipto D'Blackz Hydeist | Status: FREE tutorial

Setelah sebelumnya kita mempelajari Copy dan Paste Selection maka kali ini kita saya akan menambahkan cara seleksi object photoshop dengan Color Range...

1. Buka Photoshop , disini sy menggunakan photoshop cs4 namun hal ini bukan masalah bagi anda yg masih menggunakan CS , CS2 maupun CS3 karena teknik ini bisa diaplikasikan di photoshop manapun

2. Open image yang ingin di seleksi (file - Open)

Saya menggunakan image ini "gantungan kunci" yang bisa di download disini -> download file latihan | klik save as dan simpan ke komputer anda

3. Kemudian pada main menu pilih Select >> Color Range
Maka akan anda akan mendapatkan hasil gambar seperti di bawah ini


4. Setelah itu, klik warna dasar yang ingin di seleksi
Disini saya menggunakan warna dasar putih, klik menggunakan eyedropper yg sudah tertera di color range tersebut.

Jika sudah  anda akan mendapat hasil seperti gambar di bawah ini.

lalu klik OK

kemudian anda akan mendapatkan area seleksi seperti gambar di bawah ini.


5. Jika sudah , tingal di Inverse saja.,
SELECT > INVERSE  atau tekan pada keyboard tombol ->   SHIFT + CTRL + I
Hal ini dilakukan untuk membalik proses seleksi sehingga yang sekarang terseleksi adalah gantungan kunci tersebut

Jika sudah maka anda akan menemukan area select yang berbeda, tampak seperti gambar di bawah..


Tahap selanjutnya anda tinngal membuat double layer,Atau tekan “ CTRL + J “
Dan anda akan mendapatkan 2 buah layer, tampak seperti gambar di bawah .


6. Tahap akhir anda Hide layer Background
Daaaaaan… tralaaaa.., anda mempunyai hasil seleksi yg sudah jadi. Tanpa harus melakukan seleksi berulang kali dengann menggunakan Magic Wand Tool.
Lebih menghemat waktu :)

Gantungan kunci yang terseleksi (tanpa background)
 

Mengenal Resolusi Photoshop
Publish: 17 Desember 2008 | Author & Copyright: Afif Pangestu | Status: FREE tutorial

Pada pembuatan document baru untuk Photoshop secara default adalah color mode, RGB resolusi adalah 72 pixel/inch. Bagi disain pemula mungkin belum begitu mengerti tentang color mode RGB resolusi tsb. karena dengan resolusi  72 pixel/inch akan berakibat image kurang maximal untuk cetak/offset dengan Lpi 150/175. Untuk standar cetak pada umumnya file Photoshop adalah resolusi 300 pixel/inch, bukan per cm untuk pemakaian file 100%.


Perbandingan Resolusi 72 dpi dengan 300dpi

Memang untuk tampilan di monitor untuk file resolusi 72 dpi atau 300 dpi tidak begitu kelihatan, tapi untuk hasil cetak 150/175 lpi jauh berbeda. Sedangkan untuk color mode RGB dengan CMYK akan menghasilkan warna yang berbeda pada hasil cetaknya. Dengan begitu kalau  misalkan anda disain mungkin kalau boleh saya sarankan untuk file Photoshop color mode CMYK dan Resolusi 300 DPI.
Semoga penjelasan di atas bermanfaat
 

Mengenal Style Pada Photoshop
Publish: 28 September 2008 | Author & Copyright: Johan | Status: FREE tutorial

Hai teman - teman lama tidak menerbitkan tutorial, senang rasanya bisa berbagi tutorial Photoshop kembali. Kali ini kita akan membahas masalah Style dalam Photoshop, dengan Style Photoshop kita bisa membuat banyak kreasi seperti bingkai / frame foto, banner, efek foto, dll...

Ok tanpa berlama - lama mari kita mulai, pertama adalah memunculkan jendela Style
Caranya:

Pilih Window - Style (Dalam Hal ini Style Harus Sudah TerCENTANG)

Hasilnya:

Gambar di atas adalah jendela STYLE

Kita bisa memilih macam - macam Style sesuai dengan yang disediakan

Ok, Sebagai Contoh:
Coba kita menggambar kotak dengan menggunakan Rectangle Tool, kemudian pilih / klik style yang diinginkan. Disini saya mencoba beberapa Style diantaranya:


Seperti yang telah saya katakan sebelumnya, dengan sedikit kreasi kita bisa membuat efek - efek menarik lainnya:
diantaranya adalah FRAME FOTO
 [+] Klik gambar untuk memperbesar ukuran
mmmm... Bautiful Girl in Chromed Frame


Mengatur Ukuran Kanvas atau Lembar Kerja
Publish: 22 Oktober 2008 | Author & Copyright: Johan | Status: FREE tutorial

Banyak Sekali pertanyaan tentang bagaimana membuat pas foto atau bagaimana cara pengaturan agar ukuran gambar sesuai dengan keinginan kita...

Caranya simple saja yaitu dengan mengatur page setup layaknya pada microsoft word atau semacamnya...

Kuncinya terletak pada setting berikut:

1. Saat kita pertama kali membuat lembar kerja baru atau kanvas baru dalam photoshop ( CTRL + N )
maka akan muncul jendela tampilan seperti ini:

Ket:
No.1 - Name = Adalah nama dari kanvas
No. 2 - Preset = Adalah ukuran (standart) yang disediakan oleh photoshop seperti

Nah ini dia... ada buat pas foto 2 x 3, 4 x 6
Trus A4, A3, B5... dll
Untuk 3 x 4 bisa dibuat sendiri caranya dengan mengutak atik

Width dan Height - ubah dari ukuran pixel ke cm ( centimeter ) trus masukin deh angka 3 dan 4 nya
jadi foto 3 x 4

Gunakan move tool dan transform tool untuk memindahkan / mengedit dan mengepaskan ukuran gambar dengan kanvas

 

Membuat Chrome Frame Dengan Style Photoshop
Publish: 29 September 2008 | Author & Copyright: Johan | Status: FREE tutorial

Menyambung tutorial yang telah diterbitkan yaitu Mengenal Style Pada Photoshop, kali ini saya akan menjelaskan bagaimana caranya mengolah menjadi frame photo yang cantik dan menarik...

LANGKAH-LANGKAHNYA:
1. Pilih Foto yang akan di jadikan kita berikan frame:

Untuk Download Klik Disini - Lalu pilih Save As (untuk menyimpan ke dalam Komputer / Download ke komputer)

Note:
Bagi anda yang punya HP berwarna yang bisa mengakses GPRS bisa memakai gambar ini sebagai wallpaper dengan mengetik di browser anda
http://www.ilmugrafis.net/photoshop/p_foto_30/ilmugrafis-img-30.jpg


2. Buat Lembar Kerja Baru ( CTRL + N)

Lalu OK

3. Buat Gambar Kotak dengan menggunakan Rectangle Tool
Lalu pilih Style yang diinginkan, disini penulis memulih Chromed Satin
Hasilnya:



4. Gunakan Move Tool lalu Drag / Geser gambar  Cantik yang telah kalian donwload di atas ke Lembar kerja Chromed Frame
Setelah itu gunakan Transform ( CTRL + T ) untuk memperkecil atau menyesuaikan ukuran gambar
Setelah Transform sesuai ukuran maka tekan tombol Enter


5. Ok Tinggal Memberikan Efek, Efek Yang diberikan adalah
Caranya: Pilih Pada Menu Utama di bagian atas, LAYER - LAYER STYLE - INNER SHADOW...

OK

Kemudian
LAYER - LAYER STYLE - STROKE...

OK

Hasilnya:


mmmm... Bautiful Girl in Chromed Frame
 

Seleksi Objek pada Photoshop - Select - Deselect - Inverse
Publish: 5 Juli 2008 | Author & Copyright: Johan | Status: FREE tutorial

Mungkin bagi para desainer grafis yang sudah professional dalam mengolah Photoshop, Coreldraw, dan lainnya telah mengetahui apa yang dimaksud seleksi pada object, Deselect, maupun Inverse. Tapi bagi mereka yang pemula baru belajar dan ingin belajar maka tidak ada ruginya membaca penjelasan ini...

Ok, sekarang kita mulai dengan apa yang dimaksud

1. Select atau Seleksi pada Objek
Select / Seleksi pada object adalah pengambilan area atau bagian tertentu pada objek sesuain dengan yang kita inginkan,
Beberapa alat untuk menyeleksi yaitu:

Standart Selection (Untuk Objek yang bersudut)

- Rectangular Marque Tool = Untuk menyeleksi dengan bentuk Kotak
- Eliptical Marquee Tool = Untuk Menyeleksi dengan bentuk bidang Lingkaran
- Single Row Marquee Tool = Menyeleksi 1 Baris Secara Horisontal
- Single Column Marquee Tool = Menyeleksi 1 Kolom Secara Vertical

Dinamic Selection (Untuk Objek yang tidak bersudut)

- Lasso Tool = Menyeleksi bidang layaknya lasso dengan lebih leluasa dan sesuai dengan keinginan
- Polygonal Lasso Tool = Menyeleksi dengan menghubungkan garis - garis poligonal
- Magnetic Lasso Tool = Seperti halnya Polygonal Lasso Tool namun dengan sedikit kecanggihan dan kemudahan dalam seleksi object yang tidak bersudut

Misalkan:
Pada gambar ikan di atas kita ingin menyeleksi bagian 2 ikan lumba - lumba di tengah maka yang paling tepat sebaiknya menggunakan Dinamic Selection

Garis hitam putih tersebut menunjukkan area seleksi jadi kita akan bekerja dengan area seleksi jika mengaktifkan mode seleksi

2. Desellect ( CTRL + D )
Perintah Desellect adalah perintah untuk membatalkan atau mengakhiri proses seleksi - Dengan kata lain keluar dari mode seleksi sehingga memungkinkan kita untuk menyeleksi object yang lain
Hal ini berkaitan dengan Tutorial: Foto Hitam Putih Menjadi Berwarna

3. Inverse ( CTRL + Shift + i )
Inverse adalah membalik area seleksi misalkan kita menjalankan inverse setelah menyeleksi gambar ikan lumba - lumba yang ada di tengah maka wilayah seleksi area kita akan berubah tidak lagi pada ikan lumba lumba tersebut melainkan pada gambar di luar area seleksi lumba lumba
Gambar:

Area Seleksi Berubah menjadi di luar area seleksi lumba lumba
 

Penjelasan Tentang Plug-ins Photoshop
Publish: 08 Juni 2008 | Author & Copyright: Johan | Status: FREE tutorial

Apakah yang dimaksud Plug-in, Plug-in adalah suatu tambahan fitur dari pihak ketiga untuk mengupgrade kemampuan Photoshop anda. Sifatnya sama seperti anti virus yang setiap saat bisa di up-date dan di instal ke photoshop anda. Dengan menambah plug-ins maka akan semakin memudahkan anda dalam mendesain maupun menciptakan sesuatu yang baru serta membuat desain menjadi semakin simple dan cepat....


Macam - macam Plug-ins pada Photoshop:
Sebenarnya ada banyak namun yang terpenting adalah 2 plug-ins ini

- Plug ins untuk BRUSH
Dengan Plug-ins brush maka koleksi BRUSH Tool anda akan semakin banyak

Contoh Plug-ins untuk Brush - Tree Brushes By BlazteR [JavierZhX].abr

Gambar BRUSH di atas tidak akan ada pada default Photoshop kecuali kita sendiri menambahkannya


- Plug-ins untuk FILTERS
Contoh: Reflection Filters - dengan plug-ins tersebut maka kita dapat membuat gambar dengan efek refleksi lebih cepat...


Cara mencari Plug-ins Photoshop
=====================
Sangat mudah karena kita hanya tinggal browsing di Google Services dan mengetikkan kata kunci yang tepat seperti: Photoshop Plug-ins atau Plug-ins for Photoshop


Tutorial Selanjutnya!!!
================
Bagaimana Cara Menginstal atau Load Plug-ins BRUSH ke Photoshop
Misalkan anda telah mendownload suatu plug-ins maka tinggal kita Load saja,,,
Plug-ins berekstensi *.abr

Penjelasan:
Jadi Klik BRUSH TOOL kemudian klik panah segitiga kecil sehingga muncul pilihan menu dan pilih Load Brushes lalu terakhir cari direktori tempat anda mendownload Plug-ins dan pilih Load

Hasilnya:
KOLEKSI BRUSH pun bertambah!!!
Tools: Brush Photoshop

Continue Reading

tutorial photo shop

Dalam Tutorial ini akan dijelaskan apa yang dimaksud layer atau layers, dalam Photoshop. Layers merupakan lapisan yang berfungsi sebagai tempat objek, diibaratkan sebagai kanvas...

Dengan adanya Layers, memungkinkan Anda untuk mengedit sebuah objek tanpa mengganggu objek yang lain Sebagai contoh, jika Anda sedang mengedit gambar 1 maka gambar 2 tidak akan terpengaruh.

Anda dapat mengatur komposisi layers dengan cara mengubah atribut dan urutan layers. Sebagai tambahan, corak
khusus seperti adjustment layers, fill layers, dan layers style dapat diterapkan untuk memberikan efek khusus pada layers
tersebut Untuk lebih jelasnya, perhatikan gambar di bawah.


Layers berisi satu objek sehingga masing-masing objek dapat diedit tanpa mempengaruhi objek yang lain.
Ketika Anda memberikan efek tertentu (layer style) pada sebuah layer, maka Anda dapat menduplikasi layer style ke
layer yang lain dengan corak dan bentuk yang sama.




Mengetahui Kinerja dan Keuntungan Clone Tool
Publish: 02 Nov 2007 | Author & Copyright: Johan | Status: FREE tutorial

Kali ini kita akan mencoba mengetahui kinerja dan keuntungan Clone Tool. Pada saat menscan gambar mungkin tanpa sengaja gambar hasil scan kita tidak maksimal serta terdapat seperti goresan, namun jangan khawatir...
Langkah-Langkahnya:
1. Buka gambar yang ingin diedit dengan Photoshop

contoh gambar yang rusak
2. Carilah dan pilih Clone tool pada tool box sebelah kiri
3. Tekan dan tahan tombol ALT pada keyboad dan arahkan mouse/pointer pada bagian yang ingin di duplikat... sebaga referensi penulis menempatkan pada gambar hati [love]

penempatan clone tool pada obyek yang akan di clone
4. Setelah itu lepasakan tombol ALT dan klik kanan dan tahan pada bagian yang akan diperbaiki, geser sehingga gambar terclone secara merata...
Tidak hanya itu, karena kita menempatkan pada gambar love maka gambar tersebut juga akan terduplikat... itulah kegunaan dari clone tool
Hasilnya:

Gambar yang sebelumnya rusak menjadi bagus kembali...



Mengenal Custom Shape Tool
Publish: 03 Sept 2007 | Author & Copyright: Johan | Status: FREE tutorial

Kali ini kita akan mengenal dan menguasai Custom Shape Tool . Pada Program Photoshop anda dimanjakan oleh Adobe dengan adanya template - template yang bisa langsung kita gunakan, salah satunya yaitu custom shape tool...

Custom Shape Tool sama halnya autoshape pada Microsoft World, namun sayangnya pilihan template yang diberikan tidak sebanyak pada Microsoft World.

Caranya:

Letak Custom Shape Tool
pilh dengan klik kiri

Setelah itu masuk ke properties dari custom shape tool yang terdapat di bawah menu utama

untuk memunculkan template klik kiri panah sehingga muncul pilihan

Untuk mengatur warna dari Custom Shape Tool anda bisa mensetting melalui properties warna


- Setelah melalukan semua setting di atas maka tinggal menggunakan ke dalam kanvas dengan menahan klik kiri
Sebagai contoh saya menggunakan gambar nada 

membuat gambar nada alunan muzik

Contoh Shape Tool nada


Mempelajari dan Menguasai Teknik Croping
Tutorial ini memberikan penjelasan untuk mempelajari dan menguasai Teknik Croping. Teknik croping adalah teknik untuk mengambil sebagian dari keseluruhan gambar sehingga kita mendapatkan gambar yang sesuai dengan kebutuhan. Misalkan kita ingin mengambil salah satu gambar dari foto sekumpulan orang maka kita bisa menggunakan teknik ini.
Langkah - langkahnya adalah sebagai berikut:
1. Siapkan gambar yang akan di croping
sebagai contoh saya akan menggunakan foto teman-teman saya

2. Buka gambar tersebut dengan program photoshop, disini saya menggunakan photoshop 7, namun bagi anda yang sudah menggunakan Photoshop CS caranya sama saja,
[klik kanan] gambar > open with "pilih" Photoshop atau
Start > All Program > Photoshop 7 > File > Open > cari gambar yang diinginkan

3. Pada Toolbox yang terdapat di sebelah kiri kamu cari icon bergambar seperti ini
 "Crop Tool" atau tekan tombol [C]

4. Letakkan pointer di kanvas dan cari bagian yang diinginkan untuk di croping
Setelah itu tahan [klik kiri] dan geser sehingga terbentuk sebuah kotak crop
Lihat Gambar:

Croping Area Terseleksi
keterangan:
Bagian yang terang adalah bagian yang akan kita ambil gambarnya sedangkan bagian yang redup adalah bagian yang akan kita buang

6. Dan Hasilnya adalah seperti ini

Foto Tercroping

Fungsi Tehnik Croping:
Untuk menyeleksi gambar dan memilih gambar secara khusus

Terima kasih ... Semoga bermanfaat... ^_^



Tutorial Membuat Gradien Background
 Tutorial membuat gradien background merupakan tutorial yang menarik. Pada tutorial kali ini kita akan belajar membuat gradien background namun bikinan sendiri...
Tanpa panjang dan lebar serta gak pake lama (GPL) ayo kita buat GRADIEN!!!

1. Jalankan program photoshop.
Caranya: Start --> All Program --> Adobe Photoshop

2. Buat Lembar kerja baru
Caranya: tekan [Ctrl] + [N]
Anda bisa membuat pengaturan anda sendiri, tapi
Disini saya atur seperti ini:
Name = Gradien
preset Sazes = 800 x 600
Width = 800
Height = 600
Resolution = 72 pixels/inch
Mode = RGB Color
Contents = Transparent (*recommended)
Tekan [ok]

2. Setelah itu klik Gradient Tool dengan gambar icon pada tool box sebelah kiri

Gradien Tool

3. Pada layar sebelah atas terdapat properties dari gradien

Klik kiri pada bagian yang saya beri lingkakaran sehingga muncul kotak dialog
Gradien Editor
ini adalah pengaturan normal pada komputer saya


4. Sekarang waktunya mengedit gradien yang diinginkan, sebagai contoh saya akan membuat gradien
"merah - hitam - merah - hitam - merah"
Caranya:
Ubah Name = merah - hitam - merah - hitam - merah
Gradien Type = Solid
Smoothness = 100%

Klik tanda lingkaran dengan no. 1
Lalu ke lingkaran no.2 dan pilih warna merah [OK]

Selanjutnya

Sama seperti langkah sebelumnya
namun kali ini pada no. 4 kalian pilih warna hitam [OK]

Selanjutnya

Yup masih sama namun kali ini pada no. 6 pilih warna merah

Selanjutnya

Sama, ubah warna no. 8 menjadi hitam

Selanjutnya

Sama, ubah warna no. 10 menjadi merah

Hasilnya:

Setelah itu klik tombol new pada dialog Gradien Editor tersebut
Dan Jadi deh........
Anda bisa mengembangkannya sendiri sesuai dengan kreatifitas anda

Sedikit tambahan
Coba dengan mode gradian yang anda buat
Ada 5 Macam mode gradien:


a. Linear Gradien
Gradien searah garis lurus
Pada Lembar kerja tahan klik kiri lalu sapukan dari kiri ke kanan, hasilnya:


b. Radial Gradien
Gradien seolah-olah muncul dari pusat suatu lingkaran
hasilnya:


c. Angle Gradien
Gradien dengan sudut tertentu namun tetap berpusat pada inti
Hasilnya:


d. Reflected Gradien
Sama seperti linear namun dengan effek terbalik

e. Diamond Gradien
Gradien dengan effek belah ketupat / diamond
Hasilnya:

Kegunaan:
Dengan menguasai teknik gradien maka akan membuat disain anda semakin atraktif dan nyata



Penjelasan dan Penguasaan Teknik Transform
Publish: 12 Juli 2007 | Author & Copyright: Johan | Status: FREE tutorial

Tutorial kali ini adalah mengenai pengertian, penjelasan dan penguasaan teknik transform. Kalau mendengar kata transform saya jadi ingat sama film Transformer, seperti itulah maka transform bisa dikatakan perubahan bentuk...

Definisinya Teknik Transform adalah teknik yang digunakan untuk merubah bentuk gambar baik memperkecil, membesarkan, maupun men-skew/miring gambar.

Sebelum kita praktekkan maka kita buka gambar yang akan kita buat percobaan dengan Photoshop
atau pakai gambar contoh dari website ini

[download] - File Format *.zip
setelah itu Pada bagian Menu Utama Pilih Layer --> Duplikat Layer...--> [OK]

Masuk ke mode menu transform yaitu:
Edit --> Transform atau tekan [ctrl] + [T]
NB: Selesai transform tekan [enter]

Teknik transform ada 5 macam:

1. Pertama adalah teknik Scale
Yaitu teknik yang berguna untuk merubah ukuran gambar dalam hal ini memperbesar dan memperkecil gambar
Edit --> Transform --> Scale
Contoh:

berubah menjadi

Hasil Scale
tips: Untuk membuat ukuran gambar yang simetris tahan tombol [shift] sambil resize objek

2. Kedua adalah teknik Rotate
Yaitu teknik yang berguna untuk memutar posisi gambar
Edit --> Transform --> Rotate
Contoh:

berubah menjadi

Hasil Rotate (berputar)

3. Ketiga adalah teknik Skew/miring
Yaitu teknik yang berguna untuk memiringkan posisi gambar sehingga gambar bisa dimanipulasi efek miring
Edit --> Transform --> Rotate
Contoh:

berubah menjadi

Hasil Skew

4. Pertama adalah teknik Distort
Yaitu teknik yang berguna untuk memutar memiringkan secara otomatis / bisa dikatakan fungsi kemiringan otomatis dari teknik skew
Edit --> Transform --> Distort
Contoh:

berubah menjadi

Hasil Distort

5. Kelima adalah teknik Perspective
Yaitu teknik yang digunakan untuk membuat gambar berubah bentuk mengikuti perspektif / bentuk bangun yang dibuat, pada contoh saya membuat gambar mengikuti perspektif trapesium sama kaki
Edit --> Transform --> Perspective
Contoh:

berubah menjadi

Hasil Perspektif / Perspective

Kegunaan:
Dengan menguasai teknik transform maka kita akan lebih luas lagi dalam berkreasi dan berimajinasi, yup semoga penjelasan saya bermanfaat.



Cara Cepat Memisahkan Gambar Dari Background
Publish: 06 Juli 2007 | Author & Copyright: Johan | Status: FREE tutorial

Cara cepat memisahkan gambar dari background ada banyak cara. Disini saya akan menjelaskan cara yang menurut saya paling mudah... Namun kelemahan cara ini sulit diterapkan pada background yang bergradien...

Langkah - langkahnya adalah sebagai berikut:

1. Siapkan gambar yang akan di edit sebagai contoh saya akan menggunakan gambar

Logo UNAIR, Link download gambar

2. Buka gambar tersebut dengan program photoshop, disini saya menggunakan photoshop 7, namun bagi anda yang sudah menggunakan Photoshop CS caranya sama saja yaitu:
[klik kanan] gambar > open with "pilih" Photoshop atau
Start > All Program > Photoshop 7 > Open > cari gambar yang diinginkan 3. Pada Toolbox yang terdapat di sebelah kiri kamu cari icon yang mirip gambar penghapus 
Setelah itu [klik kanan] icon tersebut dan pilih

Magic Eraser Tool

4. Jika kalian mendownload gambar dari sini maka gambar yang akan diedit adalah seperti ini :

Gambar Logo UNAIR dengan Background putih

5. Pada sisi - sisinya tinggal [klik kiri] aja, hehehe...

Klik pada bagian yang ditunjuk tanda panah

6. Dan Hasilnya adalah seperti ini

Logo Unair Tanpa Background

Kegunaan:
Dengan menghilangkan Background maka jika anda ingin menggabungkan 2 gambar, gambar tersebut dapat menyatu tanpa terhalang Background tersebut.




Tutorial Memisahkan Gambar dari Background dengan Extract
Publish: 03 Juli 2007 | Author & Copyright: Johan | Status: FREE tutorial

Tutorial ini menjelaskan bagaimana memisahkan gambar dari background. Cara ini efektif bagi gambar dengan tingkat kontras yang tinggi, dengan begitu selalu ada cara untuk berimajinasi...

Memang ada cara yang lainnya yaitu dengan menggunakan Magic Eraser Tool, tapi kelemahan dari cara ini adalah tool ini tidak bisa membedakan tingkat kontras dalam gradien sehingga tidak bisa digunakan bila background terlalu komplek dengan banyak warna. Baiklah,,, untuk mempersingkat waktu, mari kita mulai saja...

Langkah - langkahnya adalah sebagai berikut:

1. Siapkan gambar yang akan di edit sebagai contoh saya akan menggunakan gambar Olete, kalian bisa download gambar tersebut

Klik disini untuk download gambar

2. Buka gambar tersebut dengan program photoshop, disini saya menggunakan photoshop 7, namun bagi anda yang sudah menggunakan Photoshop CS caranya sama saja,
[klik kanan] gambar > open with "pilih" Photoshop atau
Start > All Program > Photoshop 7 > Open > cari gambar yang diinginkan

3. Setelah itu kalian lihat menu utama di sebelah atas pilih filter > extract
atau kalian bisa menekan (ctrl + alt + x) Maka kalian akan dibawa ke jendela extract

4. Di jendela extact terdapat kalian cari Toolbox dengan gambar spidol di sebelah kiri atas dan [klik kiri] tool tersebut lalu atur properties di sebelah kanan dengan ketentuan berikut:


5. Setelah selesai dengan pengaturan, buatlah garis dengan spidol tersebut pada bagian perbatasan antara object dengan background tersebut, lihat gambar:

(gambar yang telah diblog spidol)
Setelah selesai memblok kalian pilih icon seperti gambar cat di sebelah kiri (atau tekan huruf "G" pada keyboard) lalu [klik kiri] di dalam bagian gambar yang di blok sehingga gambar terisi dengan cat biru, lihat gambar:


(gambar yang telah di fill biru)

5. Jangan menekan [ok], tapi tekan [preview] untuk melihat hasil extract sehingga bisa diperbaiki jika ada kekurangan

6. Ada 2 tool di sebelah kiri untuk memperbaiki hasil extact yaitu Clean up tool & Edge touchup tool
Perbedaan:
Clean up tool = untuk membersihkan sisa noda dengan menghapus bagian tidak diinginkan
Edge touchup tool = untuk memperhalus dengan sentuhan halus / memperhalus object yang telah di extract

7. Jika pengeditan dirasa sudah selesai maka tekan [ok]
Hasilnya adalah:

Hasil Filter...

Kegunaan:
Dengan menghilangkan Background maka jika anda ingin menggabungkan 2 gambar, gambar tersebut dapat menyatu tanpa terhalang Background tersebut.


Menggabungkan Gambar ke Dalam 1 Kanvas
Publish: 01 Juli 2007 | Author & Copyright: Johan | Status: FREE tutorial

Tutorial ini menjelaskan bagaimana cara menggabungkan 2 Gambar atau lebih ke dalam saru kanvas atau lembar kerja photohop...

Menggabungkan 2 Gambar atau lebih merupakan hal yang mudah jika kita mengetahui caranya, untuk itu simak aja tutorial ini. Untuk persiapan mari siapkan gambar-gambar yang ingin digabungkan terlebih dahulu. Anda juga bisa mencari gambar wallpapers yang seru melalui google. Setelah siap...

Langkah - langkahnya adalah sebagai berikut:

1. Siapkan gambar yang akan diedit sebagai contoh saya akan menggunakan gambar Logo UNAIR dan Gambar Gadis Mobil yang kalian bisa download disini
    
gambar 1     gambar 2
[download] - File Format *.zip

2. Buka kedua gambar tersebut dengan program photoshop
caranya: File - Open - Pilih gambar - Open

3. Pada Logo UNAIR sebaiknya kita hilangkan backgroundnya dengan tehnik yang kamu bisa.
Setelah background UNAIR hilang maka...

4. Carilah gambar icon seperti cursor tanda panah  pada Toolbox yang terdapat di sebelah kiri, dan [klik kiri] icon tersebut, sorot/ letakkan pada gambar 2 (UNAIR), Tekan dan tahan [klik kiri] dan geser mouse/gambar 2 (UNAIR) ke gambar 1 sehingga logo tersebut berpindah ke gambar 1 (Gadis Mobil).... Cukup mudah bukan...

5. Tempatkan logo tersebut di tempat yang diinginkan dan atur ukurannya dengan menekan [ctrl + T] ==== Transform

6. Hasilnya

Logo UNAIR menyatu dengan wallpaper gambar Mobil



Color Theme Photoshop CS4
Publish: 05 Juni 2010 | Author & Copyright: Endritaze | Status: FREE tutorial

Apapun yang berhubungan dengan grafis pastilah tidak luput dari vector dan warna. Dua hal ini ada point teratas jika memulai sebuah proyek, diikuti proporsional dan kombinasi.
Kadang merancang kartu nama aja udah bingung mau pake konsep apa, yang tentunya warna. Jika kita mau konsepnya techno, pastinya warna2 yang kalem n unsur2 teknologi dsb.

Layout Katalog Tazewell: warna ( blue, grey, white)


Kalo bingung mau kombinasi warna2 yang dipakai biar ga nabrak, skrg pshop udah ada aplikasinya, namanya Kuler ( bukan tukul tp Kuler , wkwkwk Ke Je Dott,.!=])
Menu Windows- Extention- Kuler


kalo udah dipilih munculnya:


Liat pada Base Color –nya, itu adalah warna pilihan anda dan dengan kuler ini akan ditampilkan warna sinkron-nya atau theme warnanya.

Dikuler juga kita bisa men-setting RGBnya atau CMYK utk masing color setting pada setiap proyeknya. (saya lebih terbiasa dengan RGB).

Kuler sebenarnya bukannya bisa menentukan warna kombinasi yang cocok untuk kita pakai buat desain apapun. Kuler bisa menentukan titik warna khusus pada setiap grafik warna sesuai dengan koordinat Color Picker. Hasil kombinasi yang di tampilkan pada Kuler ini benar2 membantu kita dalam men-campur adukan warna2 yang mungkin saja anda bisa memuja-muji olahan anda sendiri, hehe..

Cara pakainya? Gampang aja,.

Pertama anda tentukan sendiri warna yang anda mau,.kalem?ceria?elegant?warna nabrak tapi keren?=P Ke Je DOT lagi yukk,…

Pada Select Rule-nya, anda bebas memilih jenis grafik kombinasi warnanya.
Misalnya saya ingin membuat kartu nama dengan konsep warna ke ijo2an,.maka kita mesti tentuin dulu Rule-nya. Saya pilih yang Monochromatic. Kombinasi warnanya yang tidak terlalu extrim (namanya juga MONO=satu macam)


Untuk mendapat Base Color-nya bisa kita pilih dengan KLIK n Drag pada color pointnya dengan lingkaran bulat paling BESAR.

Akhirnya dapat kombinasi warna ijo2 yang dapat kita pilih sesuai minat dan selera anda. Jadi tidak susah2 cari warna kombinasi khusus MONO warna HIJAU.

Cara menggunakan warna hasil pencarian dengan kuler ini, cukup double kilik kotak warna hasil nge-KULER-nya, so dapatlah warnanya pindah ke Foreground Color, atau COPAS (copy-paste) angka Hex-nya ke hex di Color Picker.


Bagaimana kalo mau kombinasi warna lebih dari satu jenis warna?
Kita cukup pilih jenis Rule-nya,
Saya pilih yang Triad aja, lebih simple titik2 warnanya,.karna Simple itu yang menarik,.;)
Kalo mau warna yang ceria2 atau Colorful, kita bisa mengatur BC-nya (Brightness & Contrast).


Untuk mencari kombinasi warna yang sesuai selera, kita bisa C&D (Click & Drag) pada bulatan base colornya, bulatan tengah yang paling BESAR.
Selamat ber-INOVASI!! Coloring  Your Style!!

Continue Reading