tag:blogger.com,1999:blog-69427740900960071372024-03-13T09:09:03.125+07:00Indonesia GIMP and Inkscape TutorialsLearn and Share GIMP and Inkscape Tutorials, Photoshop and Coreldraw Alternative, Mari Belajar Bersama...toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.comBlogger22125tag:blogger.com,1999:blog-6942774090096007137.post-57139280503623850932012-01-12T21:20:00.005+07:002012-01-12T23:11:38.652+07:00Inkscape Tutorial: Membuat Flashdisk (Update)<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-zrM8YMMKpK8/Tw7sBdO1WUI/AAAAAAAAAYY/aY-xyB7OuZQ/s1600/flashdisk.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/-zrM8YMMKpK8/Tw7sBdO1WUI/AAAAAAAAAYY/aY-xyB7OuZQ/s320/flashdisk.png" width="320" /></a></div><br />
Salam<br />
<br />
Lama juga tidak membuat tutorial, akhirnya Penulis memutuskan untuk menulis kembali <a href="http://gimpscape.blogspot.com/2010/10/inkscape-tutorial-membuat-flasdisk.html">tutorial membuat flashdisk</a> yang tempo hari hilang karena harddisk tidak sengaja terpartisi, hehe. Alhamdulillah Pendrive Sliq, flashdisk yang Penulis gunakan sebagai model dalam tutorial ini masih dalam kondisi baik.<br />
<br />
<a name='more'></a><br />
1. Buat Persegi Panjang dengan tiap sisi melengkung. Caranya adalah dengan membuat kotak terlebih dahulu kemudian klik dua kali (perhatikan pojok kanan atas menjadi bulat) lalu tahan klik kiri sambil tarik ke bawah untuk membuat lengkungan sesuai selera Teman.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-tr5FQ0fsE2o/Tw7uTBigm7I/AAAAAAAAAYg/MvJvVMy54kM/s1600/1-membuat-rounded-square.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-tr5FQ0fsE2o/Tw7uTBigm7I/AAAAAAAAAYg/MvJvVMy54kM/s320/1-membuat-rounded-square.png" width="305" /></a></div><br />
<br />
2. 3. 4. Setelah tahu langkah membuat "rounded square" seperti langkah pertama, sekarang buat <i>body flashdisk</i> sesuai dengan yang saya pakai untuk model yaitu Pendrive Sliq. Silahkan digoogle dulu gambarny. Jadi lengkungan pada langkah 2 > langkah 3 namun < dari langkah 4. <br />
<div style="text-align: center;"></div><div style="text-align: center;"><a href="http://4.bp.blogspot.com/-55tbTpJ_ByE/Tw7u_4FPtUI/AAAAAAAAAYo/cjVAuWdMI-s/s1600/2-membuat-body-flashdisk.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-55tbTpJ_ByE/Tw7u_4FPtUI/AAAAAAAAAYo/cjVAuWdMI-s/s320/2-membuat-body-flashdisk.png" width="138" /></a></div><div style="text-align: left;">5. Membuat tombol <i>sliding</i>. Buat bulatan. Jangan lupa tahan CTRL+SHIFT agar bulat sempurna</div><div style="text-align: left;"><br />
</div><div style="text-align: left;">6. Langkah 1-5 akan menghasilkan gambar nomor 6</div><div style="text-align: left;"><br />
</div><div style="text-align: left;">7. Membuat <i>connector</i> USB (Be Creative :P) </div><div style="text-align: left;"><br />
</div><div style="text-align: left;">8. Tambahkan <i>emblem</i> agar mirip <i>flashdisk</i> beneran, hehe</div><div style="text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-f_z1-uU2N60/Tw70lGvzOKI/AAAAAAAAAY4/QjhFYeGub7w/s1600/3-flashdisk-bw.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-f_z1-uU2N60/Tw70lGvzOKI/AAAAAAAAAY4/QjhFYeGub7w/s320/3-flashdisk-bw.png" width="320" /></a></div><div style="text-align: left;"><br />
</div><div style="text-align: left;">udah malam, lanjut besok :D</div><div style="text-align: left;"><br />
</div>toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com19tag:blogger.com,1999:blog-6942774090096007137.post-85470095606563045222011-05-19T04:50:00.006+07:002011-05-19T17:13:19.261+07:00Inkscape Tutorial: ATM DEWE<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-TOjXJUeKwVM/TdQ5yCnrBzI/AAAAAAAAAW8/dX-5l7jwA5I/s1600/inkscape-atmdewe.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="188" src="http://2.bp.blogspot.com/-TOjXJUeKwVM/TdQ5yCnrBzI/AAAAAAAAAW8/dX-5l7jwA5I/s400/inkscape-atmdewe.jpg" width="400" /></a></div><br />
Salam<br />
<br />
Penulis mendapat ide membuat tutorial <a href="http://gimpscape.blogspot.com/2011/05/inkscape-tutorial-atm-dewe.html">ATM DEWE</a> dari tutorial membuat <b>ATM Sendiri</b> dengan <a href="http://gimpscape.blogspot.com/search/label/gimp">GIMP</a> dari pingoein.com, cek tutorialnya di <a href="http://pingoein.com/wp-content/uploads/2011/02/ATM_SENDIRI___Tutorial_GIMP_by_dzinc.png">sini</a>. Oke Kita mulai :)<br />
<br />
<a name='more'></a><br />
<br />
1. Buat bulatan oval, buat sesuai selera Anda. Warnai dengan biru tua (Saya menggunakan #002154)<br />
<br />
2. Duplikat gambar langkah 1 <b>(CTRL+D)</b>. Warnai putih (#FFFFFF) kemudian kecilkan.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-WsoWpFQAo0M/TdTrbD0WhbI/AAAAAAAAAXA/TJddZ7j4Jhk/s1600/inkscape-atmdewe-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="219" src="http://3.bp.blogspot.com/-WsoWpFQAo0M/TdTrbD0WhbI/AAAAAAAAAXA/TJddZ7j4Jhk/s320/inkscape-atmdewe-1.jpg" width="320" /></a></div><br />
<i>TIPS: Agar tetap proporsional, jangan lupa menahan SHIFT ketika memperkecil (juga memperbesar) gambar</i><br />
<br />
3. Pada gambar langkah 2. Gunakan <b>Gradient</b> (dari atas ke bawah) untuk membuat efek glossy.<br />
<br />
4. Duplikat lagi gambar langkah 1 <b>(CTRL+D)</b>. Warnai biru yang lebih muda (Saya menggunakan #0048b4)<br />
<br />
5. Pada gambar langkah 4. Gunakan <b>Gradient</b> lagi (dari bawah ke atas)<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-MEoajyRedpU/TdTrdWHpiZI/AAAAAAAAAXE/4XWkV1mPYd4/s1600/inkscape-atmdewe-2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="219" src="http://3.bp.blogspot.com/-MEoajyRedpU/TdTrdWHpiZI/AAAAAAAAAXE/4XWkV1mPYd4/s320/inkscape-atmdewe-2.jpg" width="320" /></a></div><br />
<br />
<i>TIPS: Jika Anda kesulitan ketika membuat gradient (warna mengikuti gambar yang lebih besar), Anda bisa menarik tool Gradient dari gambar yang hendak kita buat gradient. Baru setelah itu disesuaikan</i><br />
<br />
6. Duplikat lagi gambar langkah 1. Kecilkan kira seperti di gambar, kemudian warnai dengan biru lebih muda (Saya menggunakan #41b6df)<br />
<br />
7. Pada gambar langkah 6. Masukkan <b>Blur: 2.0</b> dan <b>Opacity:80.0</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-hheB3EObVqc/TdTrgS98ABI/AAAAAAAAAXI/Uwk2dI8k4BY/s1600/inkscape-atmdewe-3.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="219" src="http://3.bp.blogspot.com/-hheB3EObVqc/TdTrgS98ABI/AAAAAAAAAXI/Uwk2dI8k4BY/s320/inkscape-atmdewe-3.jpg" width="320" /></a></div><br />
Lho? Mana lanjutannya? Sekarang giliran kreatifitas Anda untuk membuat sesuai selera Anda, hehe. Selain itu, tutorial ini hampir mirip kok tekniknya sama <a href="http://gimpscape.blogspot.com/2010/11/inkscape-tutorial-glossy-dragonball.html">tutorial membuat glossy dragonball</a> :)<br />
<br />
Selamat berkreatifitas :Ptoomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com9tag:blogger.com,1999:blog-6942774090096007137.post-41848061395484231402011-04-05T17:44:00.006+07:002011-04-05T20:53:30.833+07:00Gimp Tutorial: Bermain dengan Layer Gradasi<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-JIaZast9PoQ/TZrxtFa48sI/AAAAAAAAAWg/TajP92zMjjA/s1600/jadi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-JIaZast9PoQ/TZrxtFa48sI/AAAAAAAAAWg/TajP92zMjjA/s320/jadi.jpg" width="296" /></a></div><br />
Salam,<br />
<br />
Tutorial ini dibuat ketika penulis sedang bingung dengan skripsi (nepuk jidat)<br />
<br />
Pada tutorial kali ini Kita akan bermain-main dengan gradasi layer untuk membuat efek "perpindahan" misalnya ketika menggabungkan gambar yang dibuat <a href="http://gimpscape.blogspot.com/2010/11/gimp-tutorial-photo-to-sketch-update.html">sketsa</a> dengan gambar asli, Oke langsung ya :)<br />
<br />
Oiya, tutorial kali ini menggunakan foto teman Saya, Ega, ini kali kedua beliau tampil di blog <a href="http://gimpscape.blogspot.com/">Belajar Gimp dan Inkscape</a> ini sebagai objek tutorial (many thank for her :), silahkan lihat di tutorial <a href="http://gimpscape.blogspot.com/2009/05/gimp-tutorial-edit-photo-dengan.html">photo selection dan colorize</a> :)<br />
<br />
<br />
<a name='more'></a><br />
<br />
1. Buka gambar yang akan Kita edit. Renama layer menjadi gambar #1, lalu gandakan (ctrl+shift D) jadi "gambar #2", layer ini saya beri efek canvas (Filters > Aristic > Apply Canvas)<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-VBzB5Id3NeI/TZrxfK1GMUI/AAAAAAAAAWQ/w4pRlD63qXo/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="322" src="http://4.bp.blogspot.com/-VBzB5Id3NeI/TZrxfK1GMUI/AAAAAAAAAWQ/w4pRlD63qXo/s400/1.jpg" width="400" /></a></div><br />
2. Buat layer baru (ctrl+shift+N lalu enter) namai dengan "Gradien"<br />
3. klik Blend tool lalu gradient pilih FG to transparent, lalu buat gradient di layer "Gradien", Buat agar hasilnya baik sesuai gambar Anda.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-KrYI_VQsyiw/TZrxjCRUflI/AAAAAAAAAWU/dUPZg3Z_Isk/s1600/2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="323" src="http://1.bp.blogspot.com/-KrYI_VQsyiw/TZrxjCRUflI/AAAAAAAAAWU/dUPZg3Z_Isk/s400/2.jpg" width="400" /></a></div><br />
4. Pada Layer "Gradien", Layer > Transparency > Alpha to Selection<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-tsDTTA0vXqU/TZrxmqEljuI/AAAAAAAAAWY/TE3LEqewux0/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="http://2.bp.blogspot.com/-tsDTTA0vXqU/TZrxmqEljuI/AAAAAAAAAWY/TE3LEqewux0/s400/3.jpg" width="400" /></a></div><br />
5. Sembunyikan layer "Gradien" (lihat gambar), Biarkan seleksi aktif, pilih layer "gambar #2" lalu klik delete. Ini akan menghapus wilayah seleksi sesuai layer "Gradien"<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-eEd9THYAhvg/TZrxpgmGESI/AAAAAAAAAWc/_n9_VkkSvhM/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="http://1.bp.blogspot.com/-eEd9THYAhvg/TZrxpgmGESI/AAAAAAAAAWc/_n9_VkkSvhM/s400/4.jpg" width="400" /></a></div><br />
Mudah bukan? Contoh lain yang saya buat (gambar sketsa+asli), biar gak saingan yang ini tak perlu ditampilkan wajahnya, hahahaha<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-sGzM-icaP9c/TZr55lfP21I/AAAAAAAAAWk/rm5CTkSaqTA/s1600/iik-tut.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-sGzM-icaP9c/TZr55lfP21I/AAAAAAAAAWk/rm5CTkSaqTA/s320/iik-tut.jpg" width="320" /></a></div>Go Gimp!!!toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com11tag:blogger.com,1999:blog-6942774090096007137.post-5657604085947035092011-02-14T23:27:00.001+07:002011-02-15T04:58:34.979+07:00GIMP Tutorial: Membuat Favicon<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-n0HwQKAkGtk/TVlSWET0auI/AAAAAAAAAV8/mVLy6Z7HG7I/s1600/7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/-n0HwQKAkGtk/TVlSWET0auI/AAAAAAAAAV8/mVLy6Z7HG7I/s320/7.jpg" width="279" /></a></div><br />
<br />
Salam<br />
Hari ini adalah hari lahir manusia paling mulia. Semoga Sholawat dan Salam selalu tercurahkan pada Nabi Muhammad Shallahu 'Alaihi Wa Alihi Wasallam<br />
<br />
Oke kali ini Kita akan membuat favicon atau bookmark icon dengan GIMP. Lets Go :)<br />
<br />
<a name='more'></a><br />
<br />
1&2. Buka GIMP Agan, Klik<i> File > Open Location</i>. Isikan path url dari logo yang akan kita jadikan favicon. Bisa juga menggunakan open file (selera Anda)<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-oWQk7BecDnI/TVlSMr5WlTI/AAAAAAAAAVk/1tX1Uo5s5JU/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="109" src="http://2.bp.blogspot.com/-oWQk7BecDnI/TVlSMr5WlTI/AAAAAAAAAVk/1tX1Uo5s5JU/s320/1.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-kMgNpR1EybE/TVlSOK53uQI/AAAAAAAAAVo/yN_v6VZUFGE/s1600/2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="115" src="http://3.bp.blogspot.com/-kMgNpR1EybE/TVlSOK53uQI/AAAAAAAAAVo/yN_v6VZUFGE/s320/2.jpg" width="320" /></a></div><br />
3. Bersihkan text "Komunitas Publisher Indonesia" dengan <i>Erase Tool</i> agar Kita bisa mengambil logo Adsense-ID, lalu Klik<i> Image > Autocrop Image</i><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-vweoWklYLDE/TVlSP23nQ9I/AAAAAAAAAVs/PjBvK3K8Flc/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="http://3.bp.blogspot.com/-vweoWklYLDE/TVlSP23nQ9I/AAAAAAAAAVs/PjBvK3K8Flc/s320/3.jpg" width="320" /></a></div><br />
<i> 4. </i>Hasil crop masih belum rapi karena panjang dan lebarnya tidak sama, maka Kita samakan ukurannya dengan klik <i>Image > Canvas Size...</i><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-X90VI8JbFCo/TVlSRGgdPBI/AAAAAAAAAVw/NqFVkm9hoJ0/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-X90VI8JbFCo/TVlSRGgdPBI/AAAAAAAAAVw/NqFVkm9hoJ0/s320/4.jpg" width="195" /></a></div><br />
<div class="separator" style="clear: both; text-align: left;">5. Oke. Ukuran sudah sama. Sebuah favicon.ico akan tampil maksimal pada ukuran 16x16. Klik Image > Scale Image... isikan 16px</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-2OO_vi8wy5Q/TVlSSoxvVfI/AAAAAAAAAV0/x-975AejSxg/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="http://3.bp.blogspot.com/-2OO_vi8wy5Q/TVlSSoxvVfI/AAAAAAAAAV0/x-975AejSxg/s320/5.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div>6. Terakhir kita simpan dalam format Microsoft Windows Icon (*.ico). Anda cukup manamai file dengan akhiran ".ico"<br />
<div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-EfcHO_42cbI/TVlSTxuoiXI/AAAAAAAAAV4/el3zwLAe3-0/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="http://4.bp.blogspot.com/-EfcHO_42cbI/TVlSTxuoiXI/AAAAAAAAAV4/el3zwLAe3-0/s320/6.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><br />
Mudah kan, Tutorial ini spesial untuk 500 post saya di ads-id. Silahkan kirim komentar dan pertanyaan kalau ada :) <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-3dgBYF3KsKA/TVlXbwPadzI/AAAAAAAAAWA/xTgokFYFF3E/s1600/8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="170" src="http://3.bp.blogspot.com/-3dgBYF3KsKA/TVlXbwPadzI/AAAAAAAAAWA/xTgokFYFF3E/s640/8.jpg" width="640" /></a></div>toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com5tag:blogger.com,1999:blog-6942774090096007137.post-45805748477205940792010-11-25T08:33:00.004+07:002010-11-25T10:23:06.892+07:00Inkscape Tutorial: Glossy Dragonball<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/TO28NLmjHuI/AAAAAAAAATE/pFaQ95-lYP4/s1600/dragonball.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/TO28NLmjHuI/AAAAAAAAATE/pFaQ95-lYP4/s400/dragonball.png" width="400" /> </a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Salam</div><div class="separator" style="clear: both; text-align: left;">Di<i>request</i> teman yang ngobrol via YM untuk menambah <a href="http://gimpscape.blogspot.com/search/label/inkscape">Tutorial Inkscape</a>, semoga yang <a href="http://gimpscape.blogspot.com/2010/11/inkscape-tutorial-glossy-dragonball.html">ini</a> membantu. Lets GO!</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Dalam tutorila Kita kali ini akan <a href="http://gimpscape.blogspot.com/">belajar</a> membuat <i><b>dragonball</b></i> yaitu sebuah bola naga yang dalam serial anime legendaris dengan judul yang sama yang bila dikumpulkan semuanya (total tujuh buah) dapat mengabulkan segala permintaan setahun sekali (Hahahaha). <b>Inkscape</b> dapat membuat dragonball dengan mudah :)</div><a name='more'></a><br />
<div class="separator" style="clear: both; text-align: left;">1. Buat lingkaran dengan warna kuning dragonball (silahkan bereksperimen). Jangan lupa menahan <b>SHIFT+CTRL</b> ketika membuat lingkaran untuk menghasilkan bulatan yang sempurna.</div>2. Duplikat <b>(CTRL+D)</b> gambar pada poin 1. Warnai dengan warna putih lalu kecilkan sepeti terlihat di gambar.<br />
<br />
<div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_1aeKc7bcwbM/TO3RkqbZpXI/AAAAAAAAATI/XduUji9845A/s1600/dragonball-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/_1aeKc7bcwbM/TO3RkqbZpXI/AAAAAAAAATI/XduUji9845A/s320/dragonball-1.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">3. Klik gambar pada poin 2 dengan tool "Gradient", tarik dari atas ke bawah hingga Anda rasa cukup. Lihat gambar.</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_1aeKc7bcwbM/TO3R2nSNQSI/AAAAAAAAATM/7L-z2pNXMzA/s1600/dragonball-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/_1aeKc7bcwbM/TO3R2nSNQSI/AAAAAAAAATM/7L-z2pNXMzA/s320/dragonball-2.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"> </div><div class="separator" style="clear: both; text-align: left;">4. Duplikat <b>(CTRL+D)</b> lagi gambar poin 1. Warnai dengan warna kuning.</div>5. Seperti langkah poin 3. Gunakan <b>tool "Gradient"</b>, namun kali ini Anda tarik dari bawah ke atas sampai Anda merasa nyaman. Jadilah bola <i>dragonball</i> Kita :)<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_1aeKc7bcwbM/TO3SbP3tafI/AAAAAAAAATQ/Pkkyhn2tFGE/s1600/dragonball-3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="187" src="http://3.bp.blogspot.com/_1aeKc7bcwbM/TO3SbP3tafI/AAAAAAAAATQ/Pkkyhn2tFGE/s320/dragonball-3.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><br />
<div class="separator" style="clear: both; text-align: left;">6. Buat bintang dengan warna yang lebih gelap dari warna bola dragonball yang sebelumnya telah Kita buat, atur sedemikian rupa. Saya membuat 3 bintang lalu saya "group".</div>7. Pindah bintang yang Kita buat pada poin 6 pada bola dragonball. Letakkan di bawah gambar yang Kita buat pada poin 2 dan poin 4 namun di atas gambar poin 1 dengan tool <b>"Lower Selection"</b>. Ole dragonball Kita telah jadi :)<br />
<br />
<div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/TO3TUXIjBwI/AAAAAAAAATU/JnZq2M5K6sY/s1600/dragonball-4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/TO3TUXIjBwI/AAAAAAAAATU/JnZq2M5K6sY/s320/dragonball-4.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">8. Untuk mempercantik. Duplikat <b>(CTRL+D)</b> gambar poin 1. Warnai dengan warna hitam. Perbesar sedikit ukurannya sambil menahan <b>SHIFT+CTRL</b>. Letakkan diurutan terbawah seperti terlihat di gambar. Lalu blur (masukkan nilai 3).</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/TO3T0vQX0HI/AAAAAAAAATY/gXuuGpPQ_GU/s1600/dragonball-5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/TO3T0vQX0HI/AAAAAAAAATY/gXuuGpPQ_GU/s320/dragonball-5.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Mudah bukan? Silahkan bertanya dibagian komentar, semoga Penulis bisa membantu :)</div><div class="separator" style="clear: both; text-align: left;"><br />
</div>toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com30tag:blogger.com,1999:blog-6942774090096007137.post-83763267723774520622010-11-20T14:30:00.002+07:002010-11-20T14:30:01.365+07:00Inkscape Tutorial: Logo UM (Universitas Negeri Malang) Baru<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_1aeKc7bcwbM/TN49qL2SaxI/AAAAAAAAASA/J_BH4nnchFQ/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="http://1.bp.blogspot.com/_1aeKc7bcwbM/TN49qL2SaxI/AAAAAAAAASA/J_BH4nnchFQ/s400/6.jpg" width="400" /></a></div>Salam, posting tengah bulan nich :)<br />
<br />
Tutorial kali ini Kita akan membuat logo <b>Universitas Negeri Malang (UM)</b> yang baru hasil pemenang lomba beberapa waktu lalu. Logo baru UM yang baru menguatkan <i>branding</i> UM sebagai <b>The Learning University </b>kalau dilihat memang sederhana, bahkan ada yang "bilang pemenang kok logonya begini?"<br />
Sehingga Penulis mencoba membuat tutorialnya, dan ternyata tidak semudah yang terlihat, namun jika hanya "menjiplak" Penulis tidak menemui permasalahan berarti.<br />
<br />
Tutorial ini menggunakan <b><a href="http://gimpscape.blogspot.com/search/label/inkscape">Inkscape</a> 0.48</b> yang rilis belum lama ini, makin nyaman lho :)<br />
<a name='more'></a><br />
<b style="background-color: red; color: white;">Persiapan:</b><br />
Anda memerlukan sebuah huruf "U" yang telah dimodifikasi agar sama dengan font logo UM baru. Kalau ribet, Silahkan unduh file SVG yang telah penulis siapkan di bawah<br />
<br />
1. Buat <b>"pembantu"</b> agar logo kita lebih rapi. Klik huruf<b> "U"</b> dengan <b>Path Tool</b>. Masih dengan <b>Path Tool</b>, blok area merah dengan menahan klik kiri kemudian <b>Delete</b>, lalu rapikan sampai gambar di bawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/TN5cx4mZAkI/AAAAAAAAASE/GaoqrerCzuI/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="198" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/TN5cx4mZAkI/AAAAAAAAASE/GaoqrerCzuI/s320/1.jpg" width="320" /></a></div>2. Klik huruf <b>"U"</b> kemudian gandakan (<b>CTRL+D</b>), ubah warnanya untuk memudahkan, lalu balik hingga nampak seperti huruf <b>"N"</b>. Letakkan <b>"pembantu" </b>di posisi teratas. Seleksi huruf <b>"N"</b> dan <b>"pembantu" </b>dengan menahan <b>SHIFT</b>. Gunakan <b>Align and Ditribute</b>, ubah Relative to<i><b> "Smallest object"</b></i> lalu pilih <i><b>"Align left edges"</b></i>. Lihat Gambar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_1aeKc7bcwbM/TN5dcR9tujI/AAAAAAAAASI/Xa2maLCAV9Y/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="116" src="http://3.bp.blogspot.com/_1aeKc7bcwbM/TN5dcR9tujI/AAAAAAAAASI/Xa2maLCAV9Y/s400/2.jpg" width="400" /> </a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;">3. Pindah <b>"pembantu"</b> ke sisi kanan huruf <b>"N"</b>, cara dengan menyeleksi keduanya lalu Gunakan <b>Align and Ditribute</b>, ubah Relative to <b><i>"Biggest object"</i></b> lalu pilih <b><i>"Align right edges"</i></b>, hasilnya seperti di bawah</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/TN5eGU38k9I/AAAAAAAAASM/yhukn6_foqI/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/TN5eGU38k9I/AAAAAAAAASM/yhukn6_foqI/s400/3.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><ul><li>Logo UM baru Kita sudah terlihat, Anda bisa menghapus "pembantu" Anda. Pastikan jangan digabung, atau di"group".</li>
<li>Seleksi huruf "M" lalu geser sedikit ke atas (seperti logo aslinya)</li>
<li>Seleksi huruf "M" dengan Path Tool, lalu blok warna merah seperti gambar dibawah, lalu "pendekkan"</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/TN5emIDx-cI/AAAAAAAAASQ/kd-LqG55yoo/s1600/8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="163" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/TN5emIDx-cI/AAAAAAAAASQ/kd-LqG55yoo/s320/8.jpg" width="320" /></a></div><br />
4. Seleksi huruf <b>"U"</b> dan huruf <b>"N"</b> dengan menahan <b>SHIFT.</b> Gandakan <b>(CTRL+D)</b>. <b style="background-color: red; color: white;">TAK PERLU DIPINDAH</b>. Klik <b>Path - Intersection</b>. Klik hasil <b>Intersection</b> tadi lalu ubah warnaya menjadi putih lalu atur <b>Opacity 50%</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/TN5fHziVRbI/AAAAAAAAASU/KxpCpusv3Do/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="233" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/TN5fHziVRbI/AAAAAAAAASU/KxpCpusv3Do/s400/4.jpg" width="400" /></a></div><br />
5. Caranya seperti sudah dijelaskan di atas, intinya adalah merapikan :)<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_1aeKc7bcwbM/TN5fkNsIueI/AAAAAAAAASY/iKia5QdQk7I/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://1.bp.blogspot.com/_1aeKc7bcwbM/TN5fkNsIueI/AAAAAAAAASY/iKia5QdQk7I/s320/5.jpg" width="320" /></a></div>Tambahkan text <b>"The Learning University"</b> dengan font <b>Arial rounded</b>, hasilnya kira-kira sepeti ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/TN5f81IVkbI/AAAAAAAAASc/hqBf_ODeZTE/s1600/7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/TN5f81IVkbI/AAAAAAAAASc/hqBf_ODeZTE/s320/7.jpg" width="320" /></a></div><br />
Bagaimana? Mudah bukan?<br />
<br />
<span style="background-color: red; color: white;">Download</span>: <a href="http://www.manarulhuda.or.id/node/13#attachments">logo-um-baru.zip</a>toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com20tag:blogger.com,1999:blog-6942774090096007137.post-14396649046282766662010-11-10T18:54:00.034+07:002010-11-10T18:54:00.695+07:00Gimp Tutorial: Photo to Sketch (update)<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLhD_FyPKAI/AAAAAAAAARM/PJVrNj_GRQw/s1600/abun.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="319" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLhD_FyPKAI/AAAAAAAAARM/PJVrNj_GRQw/s320/abun.jpg" width="320" /></a></div>Salam<br />
<br />
<a href="http://gimpscape.blogspot.com/">Tutorial gimp</a> kali ini Kita akan membuat sketsa dari foto, teman mungkin bertanya, apa bedanya dengan tutorial yang <a href="http://gimpscape.blogspot.com/2009/05/gimp-tutorial-membuat-sketsa-dari-foto.html">ini</a>? Ya sebenarnya niatnya sama, namun dalam proses belajar penulis jadi tahu cara yang lebih baik untuk membuat sebuah sketsa dari foto, jadi coba liat dan bandingkan perbedaanya ;)<br />
<a name='more'></a><br />
<a href="http://1.bp.blogspot.com/_1aeKc7bcwbM/TLhJW-jrTiI/AAAAAAAAARQ/CR6VYG0KFcs/s1600/1.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/_1aeKc7bcwbM/TLhJW-jrTiI/AAAAAAAAARQ/CR6VYG0KFcs/s320/1.jpg" width="170" /></a><br />
<br />
<br />
<br />
<br />
<br />
<span style="background-color: red; color: white;">Note:</span><br />
Hasil sketsa akan tergantung dari foto Anda<br />
<br />
1. Buka foto dengan GIMP, lalu duplikat layer itu dua kali, rename masing-masing duplikat layer menjadi "1" dan "2"<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLhJbwMSobI/AAAAAAAAARU/Ot44uI-B01k/s1600/2.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="241" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLhJbwMSobI/AAAAAAAAARU/Ot44uI-B01k/s320/2.jpg" width="320" /></a></div><div style="text-align: justify;"><br />
<br />
2. Pada layer teratas / "1". Klik <b>Colors > Invert</b></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLhJbwMSobI/AAAAAAAAARU/Ot44uI-B01k/s1600/2.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a>3. Masih pada layer teratas, klik <b>Filters > Gaussian Blur</b></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">4. Saya menggunakan <b>Radius Blur</b> masing-masing 10px</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b> </b></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><a href="http://3.bp.blogspot.com/_1aeKc7bcwbM/TLhJdcMo7NI/AAAAAAAAARY/6yDyEw5GAo4/s1600/3.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/_1aeKc7bcwbM/TLhJdcMo7NI/AAAAAAAAARY/6yDyEw5GAo4/s320/3.jpg" width="167" /></a><b> </b></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"> 5. Pada dialog layer, pilih layer teratas lalu ubah mode layer menjadi <b>Dodge</b></div><br />
<a href="http://3.bp.blogspot.com/_1aeKc7bcwbM/TLhJdcMo7NI/AAAAAAAAARY/6yDyEw5GAo4/s1600/3.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</a><br />
6. Gabung layer teratas dengan bawahnya / "2" dengan klik <b>kanan > Merge Down</b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
7. Layer hasil langkah 6. Klik <b>Colors > Threshold</b>. Saya memberi nilai 245. Sesuaikan agar efek sketsanya makin bagus (be creative!)<br />
<a href="http://3.bp.blogspot.com/_1aeKc7bcwbM/TLhJdcMo7NI/AAAAAAAAARY/6yDyEw5GAo4/s1600/3.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a> <br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_1aeKc7bcwbM/TLhJe_CwBfI/AAAAAAAAARc/lH1VS3JN_XU/s1600/4.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="303" src="http://3.bp.blogspot.com/_1aeKc7bcwbM/TLhJe_CwBfI/AAAAAAAAARc/lH1VS3JN_XU/s320/4.jpg" width="320" /></a></div><br />
Hasilnya kira-kira akan seperti ini. Oiya, foto dalam tutorial ini adalah teman satu offering dengan penulis di Fakultas Ekonomi Universitas Negeri Malang :)<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLhJlQ96-YI/AAAAAAAAARg/3BbPwvaclHk/s1600/5.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLhJlQ96-YI/AAAAAAAAARg/3BbPwvaclHk/s400/5.jpg" width="400" /></a></div>toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com15tag:blogger.com,1999:blog-6942774090096007137.post-53905724042794912942010-10-20T14:44:00.001+07:002010-10-20T14:45:11.218+07:00Inkscape Tutorial: Membuat Flashdisk<a href="http://1.bp.blogspot.com/_1aeKc7bcwbM/Sizzk9XrTMI/AAAAAAAAAKw/kj3i2VOG_yg/s1600-h/packfd.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5344914674056645826" src="http://1.bp.blogspot.com/_1aeKc7bcwbM/Sizzk9XrTMI/AAAAAAAAAKw/kj3i2VOG_yg/s400/packfd.png" style="cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />
<br />
Padahal sudah siap posting, tapi data di salah satu partisi saya hilang dan beruntung sekali tutorialnya juga ikut hilang :Dtoomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com8tag:blogger.com,1999:blog-6942774090096007137.post-3084098047773699092010-10-14T11:48:00.004+07:002010-10-14T12:18:20.274+07:00Inkscape Tutorial: Simpel Stempel<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/TLaLcV47hQI/AAAAAAAAAQ4/dW9E6dCIDkk/s1600/stempel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/TLaLcV47hQI/AAAAAAAAAQ4/dW9E6dCIDkk/s320/stempel.jpg" width="320" /></a></div>Assalamulaikum, hampir setahun blog ini tidak pernah diisi, semoga teman-teman tidak bosan :)<br />
<br />
Kali ini kita akan <a href="http://gimpscape.blogspot.com/">belajar</a> membuat stempel (simpel) dengan <a href="http://gimpscape.blogspot.com/search/label/inkscape">Inkscape</a>.<br />
<a name='more'></a><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLaOIGWaaeI/AAAAAAAAAQ8/0HUOHGjHk7I/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> </a><a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLaOIGWaaeI/AAAAAAAAAQ8/0HUOHGjHk7I/s1600/1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLaOIGWaaeI/AAAAAAAAAQ8/0HUOHGjHk7I/s1600/1.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLaOIGWaaeI/AAAAAAAAAQ8/0HUOHGjHk7I/s1600/1.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a></div><ol><a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLaOIGWaaeI/AAAAAAAAAQ8/0HUOHGjHk7I/s1600/1.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"> </a></ol><a href="http://3.bp.blogspot.com/_1aeKc7bcwbM/TLaOPFFLWpI/AAAAAAAAARA/ChDZIctVxhc/s1600/2.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a>1. Buat lingkaran. Tahan SHIFT+CTRL untuk menghasilkan bulatan yang sempurna.<br />
<a href="http://3.bp.blogspot.com/_1aeKc7bcwbM/TLaOPFFLWpI/AAAAAAAAARA/ChDZIctVxhc/s1600/2.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="http://3.bp.blogspot.com/_1aeKc7bcwbM/TLaOPFFLWpI/AAAAAAAAARA/ChDZIctVxhc/s400/2.jpg" width="183" /></a><br />
2. Buat lingkaran yang lebih kecil.Tetap gunakan SHIFT+CTRL untuk menjaga lingkaran konsisten di tengah<br />
<br />
3. Buat lagi lingkaran lalu Buat tulisan <a href="http://gimpscape.blogspot.com/2010/10/inkscape-tutorial-simpel-stempel.html">"Tutorial GIMP dan Inkscape"</a> atau terserah Anda ;). Select keduanya lalu klik Text > Put on Path<br />
<br />
<div style="color: white;"><span style="background-color: red;">Tips:</span></div><ul><li>Untuk berjaga-jaga, sebelum memindah, duplikat lebih dulu tulisan tadi (CTRL+D)</li>
<li>Untuk memutar, memperbesar atau memperkecil luas lingkar tulisan cukup putar lingkaran yang Kita buat pada poin 3 (lingkaran tempat mem-<i>Put on Path</i>) </li>
</ul><br />
4. Pindah tulisan pada poin 3 ke lingkaran yang telah Kita buat pada poin 1 dan 2. Ubah dan sesuaikan ukuran hingga pas (be creative!)<a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLaPHEISRNI/AAAAAAAAARE/gThAaOeM0p8/s1600/3.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="206" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLaPHEISRNI/AAAAAAAAARE/gThAaOeM0p8/s400/3.jpg" width="400" /></a><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLaPHEISRNI/AAAAAAAAARE/gThAaOeM0p8/s1600/3.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a></div><br />
5. Mudahkan? Silahkan Kostumasi sesuai keinginan Anda, dan jangan pernah menyerah untuk <a href="http://gimpscape.blogspot.com/">belajar GIMP dan Inkscape</a> <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLaQL1FYW6I/AAAAAAAAARI/ADfzsTxP1uM/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/TLaQL1FYW6I/AAAAAAAAARI/ADfzsTxP1uM/s320/4.jpg" width="320" /></a></div><br />
<ol></ol>toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com24tag:blogger.com,1999:blog-6942774090096007137.post-77463402778432843832009-12-13T20:00:00.014+07:002010-10-21T13:37:55.097+07:00Gimp Tutorial: Banner Anti Korupsi<div style="text-align: center;"><img alt="[stop2.gif]" border="0" src="http://3.bp.blogspot.com/_1aeKc7bcwbM/SyTnJrGWsnI/AAAAAAAAAOk/PS3JIxjVgVg/s1600/stop2.gif" /><br />
<br />
<div style="text-align: left;">Tidak mau kalah dengan teman-teman yang antusias merayakan Hari Anti Korupsi sedunia pada 9 Desember lalu, Saya juga mau buat tutorial banner Anti Korupsi sederhana, lets Go!!!<br />
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="640" id="BLOGGER_PHOTO_ID_5414711956440076642" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/SyTr1gSr0WI/AAAAAAAAAO8/d5zTMV9i6gI/s640/1.JPG" style="height: 320px; margin-top: 0pt; width: 214px;" width="428" /><span id="goog_984161555"></span><span id="goog_984161556"></span><a href="http://www.blogger.com/"></a></div><ol><li>Buka GIMP Anda, Saya menggunakan foto sebuah warung di Bali, klik gambar lalu simpan ke komputer Anda<br />
</li>
<li style="text-align: left;">Gunakan Clone tool <a href="http://3.bp.blogspot.com/_3hI1DeOF2qY/SV1Ct5jgYhI/AAAAAAAAAeM/rSZ5aOe8zFY/s1600-h/stock-tool-clone-22.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5286454893914120722" src="http://3.bp.blogspot.com/_3hI1DeOF2qY/SV1Ct5jgYhI/AAAAAAAAAeM/rSZ5aOe8zFY/s200/stock-tool-clone-22.png" /></a> . CTRL + Klik untuk menentukan daerah yang akan Kita <span style="font-style: italic;">clone</span>. Lakukan hingga tulisan "makan yuuk" tertutupi. Ganti nama layer dengan <span style="font-style: italic; font-weight: bold;">"bersih"</span> Saya sekalian menghapus label HALAL menjadi HARAM :D<a href="http://1.bp.blogspot.com/_1aeKc7bcwbM/SyTvSOf-jFI/AAAAAAAAAPE/aEPryB7NwLg/s1600-h/2.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5414715748415081554" src="http://1.bp.blogspot.com/_1aeKc7bcwbM/SyTvSOf-jFI/AAAAAAAAAPE/aEPryB7NwLg/s320/2.jpg" style="cursor: pointer; display: block; height: 320px; margin: 0px auto 10px; text-align: center; width: 184px;" /></a></li>
<li>Gunakan Text Tool <a href="http://1.bp.blogspot.com/_3hI1DeOF2qY/SV1DTfwIHPI/AAAAAAAAAfM/nj7T54zuoRs/s1600-h/stock-tool-text-22.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5286455539822763250" src="http://1.bp.blogspot.com/_3hI1DeOF2qY/SV1DTfwIHPI/AAAAAAAAAfM/nj7T54zuoRs/s200/stock-tool-text-22.png" /></a> untuk membuat kata Korupsi, Kolusi, dan Nepotisme, lalu klik <span style="font-style: italic;">Colors > Colorize. </span>Masukkan<span style="font-style: italic;"> </span>nilai Hue : Saturation : Lightness masing-masing 210 : 50 : -21<a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/SyTysONJ9xI/AAAAAAAAAPM/u9grhPZqIHc/s1600-h/3.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5414719493547620114" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/SyTysONJ9xI/AAAAAAAAAPM/u9grhPZqIHc/s320/3.jpg" style="cursor: pointer; display: block; height: 233px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></li>
<li>Duplikat (shift+ctrl+D) layer <span style="font-style: italic; font-weight: bold;">"bersih" </span>3 kali, letakkan di bawah layer Korupsi, Kolusi, dan Nepotisme. Kemudian pada masing-masing layer klik <span style="font-style: italic;">Layer</span> > <span style="font-style: italic;">Merge Down </span>dengan layer <span style="font-style: italic; font-weight: bold;">"bersih". </span>Hapus layer selain yang Kita <span style="font-style: italic;">Merge Down </span>sehingga tersisa cuma tiga layer<a href="http://3.bp.blogspot.com/_1aeKc7bcwbM/SyT1AAL84EI/AAAAAAAAAPU/rje297yX5Ps/s1600-h/4.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5414722032405110850" src="http://3.bp.blogspot.com/_1aeKc7bcwbM/SyT1AAL84EI/AAAAAAAAAPU/rje297yX5Ps/s320/4.jpg" style="cursor: pointer; display: block; height: 194px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></li>
<li>Pada <span style="font-style: italic;">Dialog Layer</span>, Klik 2 kali pada nama layer kemudian atur lama waktu tampil tiap layer dengan menambahkan (1000ms) - berarti Saya mengatur layer ini untuk tampil selama 1000 milisecond atau 1 detik - juga pada layer lain.</li>
<a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/SyT2e0IWPWI/AAAAAAAAAPc/FBwjh3DpaBo/s1600-h/5.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5414723661256342882" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/SyT2e0IWPWI/AAAAAAAAAPc/FBwjh3DpaBo/s320/5.jpg" style="cursor: pointer; display: block; height: 304px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a>
<li>Klik Filters > Animation > Optimize (for Gif)</li>
<li>Klik File > Save > <a href="http://gimpscape.blogspot.com/">BannerAntiKorupsi.GIF</a> > Pilih Save as Animation <a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/SyT5XasSHEI/AAAAAAAAAPk/JskaX8fB2MA/s1600-h/6.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5414726832703544386" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/SyT5XasSHEI/AAAAAAAAAPk/JskaX8fB2MA/s320/6.jpg" style="cursor: pointer; display: block; height: 222px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></li>
<li style="text-align: center;">Selesai, mari terus dukung pemberantasan korupsi, kolusi dan nepotisme di Indonesia :)<img alt="[stop.gif]" border="0" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/SyT5-NW7YfI/AAAAAAAAAPs/4WBw48abhKc/s1600/stop.gif" /></li>
</ol></div></div>toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com9tag:blogger.com,1999:blog-6942774090096007137.post-52250276545256418802009-11-18T19:45:00.009+07:002010-10-21T13:38:53.682+07:00Gimp Tutorial: The Batik Fighter<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_1aeKc7bcwbM/SwPkBRTwiTI/AAAAAAAAANw/9dEj2ax0BxU/s1600/batik.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_1aeKc7bcwbM/SwPkBRTwiTI/AAAAAAAAANw/9dEj2ax0BxU/s320/batik.jpg" /></a></div>Saya tidak tahu ini teknik apa. Kali ini Kita akanmembuat efek batik di muka <strike>teman</strike> foto teman Saya. ampun saya belum ijin sama empunya foto, Lets Go..<br />
<br />
<a name='more'></a><br />
<ol><a href="http://1.bp.blogspot.com/_1aeKc7bcwbM/SwPmg9J0yKI/AAAAAAAAAN4/uxlgc9CydRo/s1600/Screenshot.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://1.bp.blogspot.com/_1aeKc7bcwbM/SwPmg9J0yKI/AAAAAAAAAN4/uxlgc9CydRo/s320/Screenshot.png" /></a>
<li>Siapkan foto dan gambar batik, buka semua dengan <a href="http://gimpscape.blogspot.com/search/label/gimp">GIMP,</a> letakkan gambar batik di bawah layer "foto"<a href="http://gimpscape.blogspot.com/search/label/gimp"><br />
</a></li>
<li>Saya terlebih dulu menyeleksi bagian wajah agar tampilannya lebih fokus. Coba lihat <a href="http://gimpscape.blogspot.com/2009/05/gimp-tutorial-mengganti-background.html">tutorial menyeleksi backgound</a> </li>
<li>Dengan klik Colors > Colorize untuk membuat nuansa sepia, kemudian klik Colors > Brightness/Contrast untuk mengatur kontras fot<a href="http://1.bp.blogspot.com/_1aeKc7bcwbM/SwPoAwucLBI/AAAAAAAAAOA/1cHFJz0yGF0/s1600/Screenshot-*1.jpg-2.0+%28RGB,+1+layer%29+826x768+%E2%80%93+GIMP.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="212" src="http://1.bp.blogspot.com/_1aeKc7bcwbM/SwPoAwucLBI/AAAAAAAAAOA/1cHFJz0yGF0/s320/Screenshot-*1.jpg-2.0+%28RGB,+1+layer%29+826x768+%E2%80%93+GIMP.png" width="220" /></a>o kita. Lihat gambar di Samping :)</li>
<li>Klik Colors > Color to Alpha</li>
<li>Tambahkan teks untuk memperkuat kesan, di sini Saya ingin mengesankan seorang ksatria batik huahahahaha :D<br />
</li>
<li>Jadi dech.... Mudah khan :P<br />
<br />
</li>
</ol><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_1aeKc7bcwbM/SwPs6ljldCI/AAAAAAAAAOI/0SUVLTUftZM/s1600/batikfighter.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_1aeKc7bcwbM/SwPs6ljldCI/AAAAAAAAAOI/0SUVLTUftZM/s320/batikfighter.png" /></a></div>Enggak bingung khan :D ?<br />
Selamat bereksperimen dengan <a href="http://gimpscape.blogspot.com/">GIMP</a> Anda :)toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com12tag:blogger.com,1999:blog-6942774090096007137.post-10205889257574605412009-11-17T10:12:00.000+07:002009-11-17T10:12:52.950+07:00Gimp Tutorial: Membuat PopArt<div style="text-align: center;"><img class="preview" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/SwIUP1V-i-I/AAAAAAAAANo/OVUlPGI2aaw/s400/3gila.jpg" /><br />
</div>toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com14tag:blogger.com,1999:blog-6942774090096007137.post-24185887779260421122009-10-15T19:42:00.000+07:002009-11-16T21:39:35.594+07:00Gimp Tutorial: Colorize Marijuana<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://lh5.ggpht.com/_1aeKc7bcwbM/Sg1hcl5dvyI/AAAAAAAAAGw/v-d6XpQPzzc/bad4u.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 430px; height: 400px;" src="http://lh5.ggpht.com/_1aeKc7bcwbM/Sg1hcl5dvyI/AAAAAAAAAGw/v-d6XpQPzzc/bad4u.jpg" alt="" border="0" /></a>Sepertinya sangat mudah ya? Memang mudah, jadi Saya pajang gambar jadinya saja :D<br /><ol><li>Download gambar ganjanya di <a href="http://i34.tinypic.com/91i8e8.png">sini</a> </li><li>Gunakan tool seleksi, blur dan bleend tool dengan "gradient full saturation"</li><li>Kreasikan sekreatif mungkin, dan pamerkan hasil terbaik Anda di sini</li></ol>Selamat berkreasi :)toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com2tag:blogger.com,1999:blog-6942774090096007137.post-41414095225091944422009-06-08T16:37:00.006+07:002010-11-21T13:11:35.849+07:00Inkscape Tutorial: Membuat Label Harga<a href="http://1.bp.blogspot.com/_1aeKc7bcwbM/Siz2Gb0NRYI/AAAAAAAAALA/tvcIEK05Bj8/s1600-h/jadi.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5344917448188315010" src="http://1.bp.blogspot.com/_1aeKc7bcwbM/Siz2Gb0NRYI/AAAAAAAAALA/tvcIEK05Bj8/s400/jadi.png" style="cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 383px;" /></a><br />
Lama banget ya nunggunya (o.0) ?<br />
Tutorial Inksape pertama di blog ini, Lets GO :)<br />
<a name='more'></a><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/SwFW2uLC2aI/AAAAAAAAAM0/zwbGnke6BT0/s1600/1.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="194" id="BLOGGER_PHOTO_ID_5404696525928585634" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/SwFW2uLC2aI/AAAAAAAAAM0/zwbGnke6BT0/s200/1.jpg" style="float: left; height: 266px; margin: 0pt 10px 10px 0pt; width: 274px;" width="200" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<ol><li>Buka Inkscape Anda. Gunakan ikon "bintang" untuk membuat bintang segi banyak sebanyak yang Anda suka, lalu atur "rounded"nya agar tampak tumpul seperti di samping. duplikat image (ctrl+D), warnai dengan pink, lalu kecilkan dengan menahan Ctrl+Shif agar tetap rapi</li>
<li>Buat lingkaran lonjong diatas image tadi, lalu tekan Shift untuk menggbungkan seleksi dengan gambar di bawah lingkaran persis, bukan yang paling bawah</li>
<li><a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/SwFbOjiGzKI/AAAAAAAAAM8/mHKJp8dpfDs/s1600/jadik.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5404701333435894946" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/SwFbOjiGzKI/AAAAAAAAAM8/mHKJp8dpfDs/s320/jadik.jpg" style="float: right; height: 320px; margin: 0pt 0pt 10px 10px; width: 197px;" /></a>Nah, sekarang buat efek glosssy dengan dengan ikon "gradient" lalu beri tulisan sesuka hati dan sekreatif Anda. Seperti gambar yang saya buat dibagian atas sendiri, mudah kan? Inkscape :)<a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/SwFdmGtQANI/AAAAAAAAANE/k4PfiEbK_ic/s1600/4.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5404703937038123218" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/SwFdmGtQANI/AAAAAAAAANE/k4PfiEbK_ic/s320/4.jpg" style="cursor: pointer; float: left; height: 272px; margin: 0pt 10px 10px 0pt; width: 320px;" /></a></li>
</ol><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="http://1.bp.blogspot.com/_1aeKc7bcwbM/SwFe8iOvD1I/AAAAAAAAANM/2MllsaGGCSg/s1600/5.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5404705421895077714" src="http://1.bp.blogspot.com/_1aeKc7bcwbM/SwFe8iOvD1I/AAAAAAAAANM/2MllsaGGCSg/s320/5.jpg" style="cursor: pointer; display: block; height: 313px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a>Jangan sungkan untuk bertanya atau memberi saran dan kritik karena Saya juga masih belajar, Insya Allah kalau Saya kalau bisa saya pasti membantu :)toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com5tag:blogger.com,1999:blog-6942774090096007137.post-23390808123910704532009-06-06T15:55:00.015+07:002010-10-21T13:41:33.825+07:00Gimp Tutorial: Violet Sharingan<a href="http://1.bp.blogspot.com/_1aeKc7bcwbM/SipR_3ftaMI/AAAAAAAAAKk/U4ECD496vaA/s1600-h/matabaru.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5344174065499072706" src="http://1.bp.blogspot.com/_1aeKc7bcwbM/SipR_3ftaMI/AAAAAAAAAKk/U4ECD496vaA/s400/matabaru.jpg" style="cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 367px;" /></a><br />
<br />
<br />
Kata siapa dalam klan uchiha hanya ada red sharingan??? Ternyata ada pula violet sharingan :) . Kok bisa?? Pastinya bisa karena kita akan membuatnya dengan <a href="http://gimp.org/">GIMP</a> Lets Go :)<br />
<a name='more'></a> <br />
<br />
1. Buka GIMP Anda, lalu klik File > Open 1. Buka GIMP anda, lalu klik <span style="font-style: italic;">File > Open (tekan ctrl+O)</span>. Gunakan <span style="font-style: italic;">tool Fuzzy Select (M)</span> untuk menyeleksi sampai rapi. Setelah itu klik Colors > Colorize > isikan Hue : Saturation : Ligthness masing <span style="font-weight: bold;">310 : 70 : 0</span>. Kalau belum tahu silahkan baca <a href="http://gimpscape.blogspot.com/2009/05/gimp-tutorial-edit-photo-dengan.html">ini</a> (semoga bisa membantu :P )<br />
<br />
<a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/Sioy0VkYdkI/AAAAAAAAAJs/bd9Z5m5Z8lo/s1600-h/1.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5344139782552843842" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/Sioy0VkYdkI/AAAAAAAAAJs/bd9Z5m5Z8lo/s320/1.png" style="cursor: pointer; display: block; height: 211px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a><a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/Sio19SJiQKI/AAAAAAAAAJ0/x7dO0Xgh4XY/s1600-h/2.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5344143234788638882" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/Sio19SJiQKI/AAAAAAAAAJ0/x7dO0Xgh4XY/s320/2.png" style="cursor: pointer; display: block; height: 193px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a><br />
Sekarang buat garis hitam di kelopak mata<br />
2. Buat Layer Baru <span style="font-style: italic;">(Ctrl+Shift+N)</span>, namai dengan "kelopak" kemudian warnai dengan warna hitam memakai <span style="font-style: italic;">Bucket Fill Tool </span><span style="font-style: italic;">(Shift+B)</span> atau <span style="font-style: italic;">Paintbrush Tool</span> <span style="font-style: italic;">(P)</span><br />
<br />
3. Masih di layer "kelopak", Klik<span style="font-style: italic;"> Select > Shrink ></span> <span style="font-weight: bold;">3 pixels</span>. Setelah itu Hapus Seleksi (Del). Klik <span style="font-style: italic;">Select > None (Crtl+Shif+A)</span><br />
<br />
<a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/Sio465u8ipI/AAAAAAAAAJ8/AYnOTs078Io/s1600-h/kelopak-sharingan.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5344146492409809554" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/Sio465u8ipI/AAAAAAAAAJ8/AYnOTs078Io/s320/kelopak-sharingan.jpg" style="cursor: pointer; display: block; height: 320px; margin: 0px auto 10px; text-align: center; width: 243px;" /></a><br />
<span style="font-weight: bold;">Membuat pupil sharingan</span><br />
<br />
4. Buat Layer Baru <span style="font-style: italic;">(Ctrl+Shift+N)</span>, namai dengan "Bulatan-Pupil". Lalu buat seleksi yang ukurannya lebih besar dari pupil dengan <span style="font-style: italic;">Ellipse Select Tool (E). </span>Sesuaikan agar tidak kelihatan norak :P. Kemudian isi dengan warna hitam. Lalu Klik <span style="font-style: italic;">Select > Shrink ></span> <span style="font-weight: bold;">5 Pixels</span>. Lalu hapus seleksi <span style="font-style: italic;">(Del)</span>. Klik <span style="font-style: italic;">Select > None (Crtl+Shif+A)</span><br />
<br />
<a href="http://3.bp.blogspot.com/_1aeKc7bcwbM/SipBgQJlb_I/AAAAAAAAAKM/WqXGrr2RQ4o/s1600-h/pupil.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5344155930175303666" src="http://3.bp.blogspot.com/_1aeKc7bcwbM/SipBgQJlb_I/AAAAAAAAAKM/WqXGrr2RQ4o/s400/pupil.jpg" style="cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 202px;" /></a><br />
<span style="font-weight: bold;">Membuat mata sharingan (betul??)</span><br />
<br />
5. Buat layer baru <span style="font-style: italic;">(Ctrl+Shift+N)</span>, namai dengan "mata". Buat lingkaran tepat dijalur pupil yang kita buat tadi, lalu warnai dengan warna hitam. Lalu gunakan <span style="font-style: italic;">Path Tool (B) </span>untuk membuat ujung yang meruncing (klik gambar dibawah untuk memperjelas).<br />
<br />
6. Duplikat layer "mata" 2X <span style="font-style: italic;">(Ctrl+Shif+D)</span>. Lalu gunakan <span style="font-style: italic;">Rotare Tool</span> <span style="font-style: italic;">(Shif+R)</span> layer duplikat tadi masing-masing 120 dan 240 derajat. Setelah itu Klik <span style="font-style: italic;">Layer > Merge Down </span>ketika layer "mata". Putar lagi seperlunya agar terlihat lebih natural<span style="font-style: italic;"> </span>(klik gambar dibawah untuk memperjelas).<br />
<br />
<a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/SipNQNUd8XI/AAAAAAAAAKc/sMFPSiOyCtU/s1600-h/mata.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5344168848677269874" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/SipNQNUd8XI/AAAAAAAAAKc/sMFPSiOyCtU/s400/mata.jpg" style="cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 174px;" /></a><br />
Kira-kira begini jadinya :)<br />
<br />
<a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/Siov8SGeE7I/AAAAAAAAAJk/_LDchXqUUm4/s1600-h/violet-sharingan.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5344136620526146482" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/Siov8SGeE7I/AAAAAAAAAJk/_LDchXqUUm4/s400/violet-sharingan.jpg" style="cursor: pointer; display: block; height: 219px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a>Semoga tidak bingung :)toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com0tag:blogger.com,1999:blog-6942774090096007137.post-32607688121796191992009-05-31T11:10:00.009+07:002010-10-21T13:45:57.572+07:00Gimp Tutorial: Photo Selection dan Colorize<a href="http://2.bp.blogspot.com/_1aeKc7bcwbM/SiIHCbAEobI/AAAAAAAAAIw/058c6fDTYBM/s1600-h/front.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5341839846204023218" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/SiIHCbAEobI/AAAAAAAAAIw/058c6fDTYBM/s320/front.jpg" style="float: left; height: 320px; margin: 0pt 10px 10px 0pt; width: 224px;" /></a> <br />
Dalam tutorial kali ini kita akan mengubah warna kerudung dengan fasilitas colorize, bahan tutorial menggunakan foto teman saya, <span style="font-style: italic; font-weight: bold;">Rengga Fiazry</span> yang make kerudung warna coklat akan kita manipulasi jadi warna pink dalam 3 langkah ( yang cakep yang bikin semangat :P )<br />
<br />
Lets Go...!!! :D<br />
1. Buka GIMP anda, lalu klik <span style="font-style: italic;">File > Open (tekan ctrl+O)</span>. Gunakan <span style="font-style: italic;">tool Fuzzy Select (M)</span> untuk meyeleksi bagian yang akan kita ubah warnanya. Gunakan tekan tombol <span style="font-style: italic;">SHIFT </span>untuk memperluas seleksi<br />
<a name='more'></a><br />
<br />
<a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/SiIL411svpI/AAAAAAAAAI4/hrCw0mXHOAA/s1600-h/engga.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5341845179167719058" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/SiIL411svpI/AAAAAAAAAI4/hrCw0mXHOAA/s320/engga.jpg" style="display: block; height: 320px; margin: 0px auto 10px; text-align: center; width: 216px;" /></a>2. Seleksinya kurang rapi ya? Makanya kita rapikan dengan menggunakan <span style="font-style: italic;">Quick Mask (Shift+Q)</span>. Ingat, warna merah adalah bagian yang tidak diseleksi. Gunakan<span style="font-style: italic;"> Paintbrush Tool</span> (P) dengan <span style="font-style: italic;">Brush Circle Fuzzy. </span>Untuk <span style="font-style: italic;">masking</span> gunakan warna putih atau hitam. Kalau salah dalam proses masking, tinggal <span style="font-style: italic;">Undo</span> <span style="font-style: italic;">(Ctrl+Z)</span>. Setelah rapi tekan lagi <span style="font-style: italic;">Quick Mask</span>-nya<br />
<br />
<a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/SiIOny2IAWI/AAAAAAAAAJA/ezc4OYDJf7w/s1600-h/engga2.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5341848184841306466" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/SiIOny2IAWI/AAAAAAAAAJA/ezc4OYDJf7w/s320/engga2.jpg" style="cursor: pointer; display: block; height: 320px; margin: 0px auto 10px; text-align: center; width: 216px;" /></a>3. Sekarang kita akan mengubah warna coklat kerudung dengan warna pink agar si Engga keliatan lebih cakep (hehe). Klik <span style="font-style: italic;">Colors > Colorize. </span>Isikan nilai Hue : Saturation : Lightness masing-masing 330 : 70 : 10. Setelah itu klik <span style="font-style: italic;">Select > None (Ctrl+Shift+A). Tara....<br />
<br />
</span><a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/SiIR8KpXNkI/AAAAAAAAAJI/N5E1euogbu8/s1600-h/engga4.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5341851833362495042" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/SiIR8KpXNkI/AAAAAAAAAJI/N5E1euogbu8/s320/engga4.jpg" style="cursor: pointer; display: block; height: 296px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a><br />
Dengan edikit modifikasi (seperti menghilangkan kemilau di wajah :P), teman saya cocok juga ditempelin di Poster :)<br />
<br />
<a href="http://3.bp.blogspot.com/_1aeKc7bcwbM/SiITSgA4FdI/AAAAAAAAAJQ/StKvfTEIQmE/s1600-h/iniengga.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5341853316567012818" src="http://3.bp.blogspot.com/_1aeKc7bcwbM/SiITSgA4FdI/AAAAAAAAAJQ/StKvfTEIQmE/s400/iniengga.png" style="cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 288px;" /></a>Semoga bermanfaat. Go Open Source. Go Indonesia.... :)toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com14tag:blogger.com,1999:blog-6942774090096007137.post-26339399422237988792009-05-15T20:14:00.005+07:002010-10-21T13:47:33.815+07:00Gimp Tutorial: Membuat Sketsa dari Foto<a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/Sg1tPpOOpcI/AAAAAAAAAHw/VtpNU1U__5E/s1600-h/faqih.JPG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5336041249034905026" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/Sg1tPpOOpcI/AAAAAAAAAHw/VtpNU1U__5E/s320/faqih.JPG" style="cursor: pointer; float: left; height: 240px; margin: 0pt 10px 10px 0pt; width: 320px;" /></a><br />
Pada tutorial kali ini kita akan membuat sketsa dari sebuah foto dengan GIMP hanya dalam 3 langkah :)<br />
<br />
1. Buka <span style="font-style: italic;">file</span> foto yang akan kita ubah dengan GIMP, lalu klik kanan<span style="font-style: italic;"> > Colors > Desature</span>.<br />
<br />
2. Duplikat <span style="font-style: italic;">layer background (shift+ctrl+D)</span> lalu klik kanan<span style="font-style: italic;"> > Colors > Invert</span> kemudian pada <span style="font-style: italic;">layer dialog</span> ubah layer yang Kita <span style="font-style: italic;">invert</span> menjadi mode <span style="font-style: italic;">Dodge</span>.<br />
<a name='more'></a><a href="http://4.bp.blogspot.com/_1aeKc7bcwbM/Sg1xcu36OYI/AAAAAAAAAH4/kzQmy-dVJ8A/s1600-h/faqihi.JPG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5336045871936715138" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/Sg1xcu36OYI/AAAAAAAAAH4/kzQmy-dVJ8A/s320/faqihi.JPG" style="float: right; height: 197px; margin: 0pt 0pt 10px 10px; width: 198px;" /></a><br />
<br />
3. Pada layer teratas klik kanan <span style="font-style: italic;">> Filters > Blur > Gaussian Blur ></span> isikan masing-masing 10 px (tergantung dari gambar Anda, silahkan dicoba untuk mendapatkan hasil sketsa yang memuaskan). Klik<span style="font-style: italic;"> File > Save As</span>. Selesai<br />
<br />
Semoga bermanfaat<br />
<br />
Versi PDF nyusul ya :)toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com1tag:blogger.com,1999:blog-6942774090096007137.post-66919307893975404112009-05-14T10:52:00.005+07:002009-05-15T17:07:38.952+07:00Gimp Tutorial: Membuat Animasi Banner Exchange<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://i257.photobucket.com/albums/hh218/mas_atta/ban.gif"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 150px; height: 150px;" src="http://i257.photobucket.com/albums/hh218/mas_atta/ban.gif" alt="" border="0" /></a>Tutorial kali ini akan membahas cara membuat animasi banner exchange (biasanya untuk tukeran link antar blogger) sederhana dengan menggunakan GIMP :)<p>1. Buka program GIMP Anda, klik <span style="font-style: italic;">File > New ></span> isikan kolom width dan height dengan 150 px. Warnai hitam dengan <span style="font-style: italic;">Bucket Fill Tool (tombol shift+B)</span></p><p> 2. Buat kata “BLOG” menggunakan font dan ukuran sesuai selera Anda. Warnai dengan warna putih. Pindah ke tengah dengan <span style="font-style: italic;">Move Tool (M)</span>. Pada Layer Dialog, Klik kanan <span style="font-style: italic;">> Alpha to Selection</span>. Klik <span style="font-style: italic;">Select > Grow</span> isikan dengan 1 px<br /></p><p>3. Pada Layer Dialog, klik kanan > <span style="font-style: italic;">New Layer (shift+ctrl+N)</span> lalu beri warna merah dengan <span style="font-style: italic;">Bucket Fill Tool (shift+B) setelah itu klik Select > None (Shif+ctrl+A).</span> Agar muncul efek bercahaya, klik <span style="font-style: italic;">Filters > Blur > Gaussian Blur</span> isikan dengan 1 px lalu taruh di bawah teks kemudian klik <span style="font-style: italic;">layer > Merge Down</span><br /></p><p>4. Lakukan aksi yang sama pada kata “Orang” dan “Biasa”. Gunakan warna sesuai keinginan Anda. Kalau sudah maka akan terlihat seperti tiga gambar di atas :)</p><p>5. Duplikat <span style="font-style: italic;">layer</span> background <span style="font-style: italic;">(shift+ctrl+D)</span> 3 kali, tempatkan masing di bawah layer “Blog” “Orang” dan “Biasa” kemudian Merge Dawn kecuaki yang tulisan “BIASA” karena Kita akan membuat efek animasi sederhana :)</p><p>6. Duplikat (shift+ctrl+D) layer “Biasa” 3 kali. Pada duplikat pertama, klik <em>Filters > Blur > Gaussian Blur</em>, isikan kolom Horizontal: 7 px, Vertical: 0 px, pada duplikat kedua H: 15 V: 0, pada duplikat ketiga H: 25 V: 0</p><p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_1aeKc7bcwbM/Sg09y2tifkI/AAAAAAAAAGo/CB3NtJdbcbc/s1600-h/blur.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 102px;" src="http://1.bp.blogspot.com/_1aeKc7bcwbM/Sg09y2tifkI/AAAAAAAAAGo/CB3NtJdbcbc/s320/blur.jpg" alt="" id="BLOGGER_PHOTO_ID_5335989077393178178" border="0" /></a></p><p>7. Duplikat <span style="font-style: italic;">(shift+ctrl+D)</span> layer background 3 kali, lalu tempatkan masing-masing di bawah layer biasa yang telah kita blur tadi, kemudian <em>Merge Down</em></p><p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_1aeKc7bcwbM/Sg05WfdrhZI/AAAAAAAAAGg/CTJOjvaJ7dk/s1600-h/4.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 207px;" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/Sg05WfdrhZI/AAAAAAAAAGg/CTJOjvaJ7dk/s320/4.jpg" alt="" id="BLOGGER_PHOTO_ID_5335984192069797266" border="0" /></a></p><p style="text-align: left;">8. Langkah terakhir adalah menentukan berapa milisecond (ms) / detik dari setiap layer tampil. Caranya adalah dengan Klik 2X pada layer, lalu tambahkan (<waktu-tampil>ms) lebih jelasnya lihat gambar di bawah</waktu-tampil></p><p style="text-align: center;"><waktu-tampil></waktu-tampil><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_1aeKc7bcwbM/Sg01xaWJ3PI/AAAAAAAAAGI/rnzq9RLRXnM/s1600-h/1.jpg.jpeg"><img style="cursor: pointer; width: 226px; height: 208px;" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/Sg01xaWJ3PI/AAAAAAAAAGI/rnzq9RLRXnM/s320/1.jpg.jpeg" alt="" id="BLOGGER_PHOTO_ID_5335980256506010866" border="0" /></a></p><p><waktu-tampil> </waktu-tampil></p><p>9. Setelah time setiap layer kita atur, klik <span style="font-style: italic;">Filters > Animation > Optimize (For GIF)</span> agar ukuran file banner kita tidak terlalu besar :)<br /><waktu-tampil></waktu-tampil></p><p>10. Klik <span style="font-style: italic;">File > Save As > namafile.GIF</span>. Pilih Save as Animation lalu klik Export. Selesai :)</p><p>Download versi PDF di<span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.4shared.com/file/105241975/a1a8a29d/membuat_banner_exchangepdf.html">sini</a></p><em><waktu-tampil></waktu-tampil></em><p><em><br /></em></p><em></em><p></p>toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com2tag:blogger.com,1999:blog-6942774090096007137.post-28855303270864349692009-05-10T15:45:00.000+07:002009-06-06T15:48:55.017+07:00Gimp Tutorial: Mengganti Background<p>Ini adalah tutorial yang (sangat) sederhana menggunakan <a href="http://gimp.org/">Gimp</a>, Free Image Manipulation Program alias program manipulasi gambar yang gratis. Kalau Anda belum punya, softwarenya bisa langsung di unduh di <a href="http://gimp.org/downloads/">sini</a> Lewatkan tutorial ini jika Anda bukan pemula seperti Saya :P</p><p>Tutorial berisi alternatif (karena ada beberapa teknik berbeda) untuk mengganti latar atau bakground foto. See image below </p><span class="fullpost"><p align="center">Sebelum</p><p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_1aeKc7bcwbM/SeqvHcYEscI/AAAAAAAAAFc/osSCpPzOvOs/s1600-h/11.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 218px; height: 320px;" src="http://2.bp.blogspot.com/_1aeKc7bcwbM/SeqvHcYEscI/AAAAAAAAAFc/osSCpPzOvOs/s320/11.jpg" alt="" id="BLOGGER_PHOTO_ID_5326262051730141634" border="0" /></a></p><p align="center">Sesudah</p><div align="center"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_1aeKc7bcwbM/SeqvHg6FI3I/AAAAAAAAAFk/p8lQozeQWKc/s1600-h/10.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 303px;" src="http://4.bp.blogspot.com/_1aeKc7bcwbM/SeqvHg6FI3I/AAAAAAAAAFk/p8lQozeQWKc/s320/10.jpg" alt="" id="BLOGGER_PHOTO_ID_5326262052946518898" border="0" /></a></div><p>Oiya, tutorialnya saya tulis dengan bahasa Indonesia agar bisa dishare dan sudah saya jadikan ebook yang siap unduh agar lebih praktis, di samping saya juga kesulitan menulisnya di blog :(</p><p>Semoga bermanfaat :)</p><p>Download <a href="http://www.ziddu.com/download/4360195/GimpTutorialbyTooman.pdf.zip.html">TutorialGimp by Tooman</a> (Ziddu)</p></span>toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com1tag:blogger.com,1999:blog-6942774090096007137.post-70502227520562421632009-05-08T21:30:00.000+07:002009-05-31T11:12:37.605+07:00Gimp Tutorial: Membuat Teks Efek "Windshock"Kali ini saya akan memberikan tutorial text effect "windshock" dengan menggunakan Gimp. Jadi jika Anda belum punya, silahkan download Gimp secara gratis di sini<br /><br />1. Buka Gimp Anda, buat image baru (CTRL+N) isi width (lebar) 720 px dan height (tinggi) 240 px, lalu fill (warnai) dengan warna hitam (#000000) menggunakan Bucket Fill Tool (CTRL+B)<br /><p>2. Buat tullisan mig33 Pantura atau terserah Anda, Saya menggunakan ukuran 50 px atau terserah Anda. Klik Kanan > Filters > Distorts > iWrap. Atur sesuai kemauan Anda</p><p><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 200px; height: 100px;" src="http://i257.photobucket.com/albums/hh218/mas_atta/iwrap.jpg" alt="" border="0" /></p>3. Gandakan layer (Duplicate Layer) dua kali<br /><br />4. Di layer baru yang pertama, Klik Kanan > Filters > Blur > Gaussian Blur, pilih 15 px.<br /><br /><p>5. Layer baru yang kedua, Klik Kanan > Filters > Distorts > Wind, pertama pilih direction left, ulangi lagi, pilih direction right.</p><p><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 200px; height: 100px;" src="http://i257.photobucket.com/albums/hh218/mas_atta/windhorizontal.jpg" alt="" border="0" />6. Masih layer baru yang kedua, Klik Kanan > Layer > Transform > Putar 90° (rotare 90° clockwise). Ulangi langkah 5. Setelah itu putar ke posisi semula (Klik Kanan > Layer > Transform > Putar 90° (rotare 90° counterclockwise). Ubah nama layer menjadi angin ribut atau terserah Anda lalu ubah Opacity menjadi 70%<br /></p><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 100px; height: 200px;" src="http://i257.photobucket.com/albums/hh218/mas_atta/windvertical-1.jpg" alt="" border="0" /> <img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 200px; height: 100px;" src="http://i257.photobucket.com/albums/hh218/mas_atta/windfinish.jpg" alt="" border="0" /><br />7. Buat layer baru (SHIFT+CTRL+N), beri nama cahaya angin atau terserah Anda. Fill (warnai) dengan warna hijau (#16a21d) menggunakan Bucket Fill Tool. Ubah mode layer menjadi Overlay<br /><br />8. Pada layer berisi text paling bawah, Klik Kanan > Alpha to Selection<br /><br />9. Buat layer baru Lalu (SHIFT+CTRL+N) dengan layer tembus pandang atau transparency. Klik Kanan > Select > Shrink > Pilih 2 px atau sesuaikan teks yang Anda buat. Beri warna biru laut (#008aff) atau terserah Anda. dengan menggunakan Bucket Fill Tool (CTRL+B)<br /><br /><p>Hasilnya.... </p><p><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 140px;" src="http://i257.photobucket.com/albums/hh218/mas_atta/gogog.jpg" alt="" border="0" /></p>Sedikit modifikasi<br /><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 140px;" src="http://i257.photobucket.com/albums/hh218/mas_atta/pekalonganbaruu.jpg" alt="" border="0" /><br /><br />Credit to : <a href="http://www.technomomo.com/">www.technomomo.com</a><br /><br />Masih belum jelas? download ebooknya di <a href="http://www.ziddu.com/download/4392925/Tutorial-CreativeTextWithGimpbyTooman.pdf.zip.html">sini</a> (ziddu)<br /><br />Semoga bermanfaattoomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com0tag:blogger.com,1999:blog-6942774090096007137.post-65638934280078904972009-05-01T20:44:00.005+07:002010-11-13T17:11:52.661+07:00Tentang Kami<a href="http://gimpscape.blogspot.com/">GIMPScape</a> dibuat oleh <a href="http://twitter.com/pekalongan">tooman</a>, pecinta Free Opensource Graphic Editor, The GIMP dan Vector Image Editor, Inkscape.<br />
<br />
Tutorial <a href="http://gimpscape.blogspot.com/search/label/gimp">GIMP</a> maupun <a href="http://gimpscape.blogspot.com/search/label/inkscape">Inkscape</a> berusaha oleh penulis dibuat mudah untuk dipahami bahkan untuk yang baru menggunakan kedua software tersebut, setiap tutorial dilengkapi dengan ilustrasi dan screenshot sehingga membuat proses belajar lebih menyenangkan<br />
<br />
Seluruh <a href="http://gimpscape.blogspot.com/">tutorial GIMP dan Inkscape</a> atau yang lain di blog ini dirilis di bawah <b><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License</a></b><br />
<br />
Anda bebas menyalin atau mengedit sebagian dari tutorial hanya untuk keperluan <b>Non-Komersial</b> dengan menyertakan sumber, link atau tautan balik ke <a href="htpp://GIMPScape.blogspot.com">htpp://GIMPScape.blogspot.com</a><br />
<br />
Go Indonesia<br />
<br />
Go Open Sourcetoomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com3tag:blogger.com,1999:blog-6942774090096007137.post-75847565426707765142009-01-17T10:23:00.001+07:002010-10-14T12:34:23.946+07:00Kontak<div style="text-align: left;">Anda ingin menghubungi kami?</div>Mungkin ingin tanya-tanya atau sekedar menyapa untuk merajut silaturahmi, Kami sangat senang menerima kunjungan Anda :)<br />
<div class="separator" style="clear: both; text-align: center;"><a href="ymsgr:sendIM?an_interisti" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="115" src="http://opi.yahoo.com/online?u=an_interisti&m=g&t=14" width="151" /></a></div><div style="text-align: center;"><br />
YM: an_interisti<br />
FB: facebook.com/mas.ata </div><div style="text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div>toomanhttp://www.blogger.com/profile/11039631895184661853noreply@blogger.com