Membuat Bubble sederhana

Ini buat yang baru latian photoshop.. lumayan .. barusan iseng-iseng klak-klik.. jadi deh bubble.. hehehe..

Seperti biasa dan akan selalu begini … buka dokumen baru

Buat gradien dengan warna dari putih ke biru muda.. di atur-atur aja yaa.. tapi usahain si warna biru lebih dominan.

buat lingkaran dengan elliptical marquee tool ( catatan : sambil tekan SHIFT biar lingkaran nya bener2 bulet )

Buat layer baru dan gunakan Brush tool dengan size 100

Warnain dengan brush tool tadi setiap sisi dari lingkaran tersebut.. lalu warnai dikit tengahnya biar keliatan lebih realistik,

kalo udah keliatan realistik.. sekarang tekan CTRL+J untuk menduplikan layer lingkaran tadi.. trus tarik garis bantu tengah atas ke bawah…untuk membuat bayangan..

sekarang atur Opacity layer baru tadi menjadi 50% atau 30 % .. hapus setengah lingkaran yang bawah..

Sebenernya ini udah beres.. tapi bisa dikreasikan biar keliatan keren.. contohnya gini

Selamat mencoba..

INGIN MEMPUBLIKASIKAN ULANG POSTINGAN INI DI WEB / BLOG ANDA?

<h2>Membuat Bubble sederhana</h2>
<p>Ini buat yang baru latian photoshop.. lumayan .. barusan iseng-iseng klak-klik.. jadi deh bubble.. hehehe..</p>
<p>Seperti biasa dan akan selalu begini …  buka dokumen baru :P</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble1.jpg"><img class="alignnone size-full wp-image-1056" title="bubble1" src="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble1.jpg" alt="bubble1" width="320" height="250" /></a></p>
<p>Buat gradien dengan warna dari putih ke biru muda.. di atur-atur aja yaa.. tapi usahain si warna biru lebih dominan.</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble2.jpg"><img class="alignnone size-full wp-image-1057" title="bubble2" src="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble2.jpg" alt="bubble2" width="361" height="354" /></a></p>
<p>buat lingkaran dengan elliptical marquee tool ( catatan : sambil tekan SHIFT biar lingkaran nya bener2 bulet )</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble3.jpg"><img class="alignnone size-full wp-image-1058" title="bubble3" src="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble3.jpg" alt="bubble3" width="306" height="287" /></a></p>
<p>Buat layer baru dan gunakan Brush tool dengan size 100</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble4.jpg"><img class="alignnone size-full wp-image-1059" title="bubble4" src="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble4.jpg" alt="bubble4" width="298" height="311" /></a></p>
<p>Warnain dengan brush tool tadi setiap sisi dari lingkaran tersebut..  lalu warnai dikit tengahnya biar keliatan lebih realistik,</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble5.jpg"><img class="alignnone size-full wp-image-1060" title="bubble5" src="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble5.jpg" alt="bubble5" width="311" height="313" /></a></p>
<p>kalo udah keliatan realistik.. sekarang tekan CTRL+J untuk menduplikan layer lingkaran tadi.. trus tarik garis bantu tengah atas ke bawah…untuk membuat bayangan..</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble6.jpg"><img class="alignnone size-full wp-image-1061" title="bubble6" src="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble6.jpg" alt="bubble6" width="280" height="312" /></a></p>
<p>sekarang atur Opacity layer baru tadi menjadi 50% atau 30 % .. hapus setengah lingkaran yang bawah..</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble7.jpg"><img class="alignnone size-full wp-image-1062" title="bubble7" src="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble7.jpg" alt="bubble7" width="309" height="450" /></a></p>
<p>Sebenernya ini udah beres.. tapi bisa dikreasikan biar keliatan keren.. contohnya gini</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble89.jpg"><img class="alignnone size-full wp-image-1063" title="bubble89" src="http://ilmuphotoshop.com/wp-content/uploads/2009/02/bubble89.jpg" alt="bubble89" width="392" height="388" /></a></p>
<p>Selamat mencoba..</p>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;">
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;">
<table id="seolinx-paramtable" style="border: 1px solid gray; margin: 0pt; border-collapse: separate;" border="0">
<tbody>
<tr>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://toolbarqueries.google.com/favicon.ico" alt="" width="12" height="12" /> PR: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google pagerank" href="javascript:{}">wait…</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google index" href="javascript:{}">wait…</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> L: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google links" href="javascript:{}">wait…</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteexplorer.search.yahoo.com/favicon.ico" alt="" width="12" height="12" /> LD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Yahoo linkdomain" href="javascript:{}">wait…</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://search.msn.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="MSN index" href="javascript:{}">wait…</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Sitemap.xml" href="javascript:{}">wait…</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteanalytics.compete.com/favicon.ico" alt="" width="12" height="12" /> C: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Compete Rank" href="javascript:{}">wait…</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://seodigger.com/favicon.ico" alt="" width="12" height="12" /> SD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Seodigger" href="javascript:{}">wait…</a></td>
</tr>
</tbody>
</table>
</div>
</td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>

<p>

Artikel <a href="http://ilmuphotoshop.com/2009/02/02/membuat-bubble-sederhana/">Membuat Bubble sederhana</a> ini dipersembahkan oleh <a href="http://ilmuphotoshop.com" title="Tutorial Adobe Photoshop Gratis">Tutorial Photoshop Gratis</a>. Kunjungi <a href="http://desktop.93vs.com" title="Wallpaper, Font, Desktop Theme Gratis"> Wallpaper, Font, Desktop Theme Gratis</a> Pokoknya Serba Gratis. Baca Juga <a href="http://ilmuphotoshop.com/fotokevektor/" title="Membuat foto ke Vektor"> Cara Membuat Foto manjadi Vektor</a>,</p>

*copy-paste kode di atas ke dalam form posting blog Anda

38 Responses to “Membuat Bubble sederhana”

Tedy says:

February 2, 2009 at 7:23 am

hehehe… nice tutorial… simple dan jelas… Thanx yach
bengkur says:

February 2, 2009 at 9:54 am

bencusss ….. mana yang animasina beul ..
sakalian .. urang menta izin (tapi maksa) arek make tutorial ente JANG ngajar ka siswa.

hatur nuhun kang bencuss
bengkur says:

February 2, 2009 at 9:58 am

upami aya waktu mah… tutorial siga nu kiye teh dijadikeun kana format pdf atuh kang bencus. mun tos loba posting tutorialna… asupkeun ka penerbit laku jigana. jadi wee si bencus pengarang buku… hehehe …
masa kalah sama saya …
bang kamal says:

February 2, 2009 at 10:05 am

exaitisss
Sigit eko says:

February 2, 2009 at 3:50 pm

@bengkur : mangga… tapi sayang nya gak ada yang mau nerbitin tutorial ginian Om.. hehehe..
animasi ? waduh.. disini mah khusus tutorial photoshop.. itu mah nanti mungkin kedepannya bikin ilmuflash.com hehehe..
mangga wae kalo mau pake tutorial ini buat ngajar siswa… tapi link ke ilmuphotoshop yaa.. hahaha..
Dedy Luxe says:

February 3, 2009 at 7:10 am

Thanks banget mas….
wong jowo says:

February 3, 2009 at 7:46 am

Uuuwih. cakep bok…?! segar gile.
ngomong2 saya pake ps3. Kenapa kontrol keyboardnya kok suka macet ya. Padahal keyboard its ok. nyatanya bisa kirim koment, tak ada masalah. Kalo masuk ps3 udah pasti sering ngadat. tapi dari tool bar ok. Mohon pak guru kasih info. Matur Nuwun
Rush Side says:

February 4, 2009 at 1:03 am

mas… kan di photoshop CS3 ada animation pada menu window nah saya minta ajarin buble nya pake gaya melayang keatas lalu pecah
kalo di PS7 ada adobe image ready
terima kasih
ie_Dzoels says:

February 5, 2009 at 10:33 am

waduh….kacau ne….makin keren aja….

good……:)
arifliwa says:

February 9, 2009 at 12:53 pm

duh, w gk bisa ne..
w yg gk bisa…
pa gimana yah…???
juan says:

February 10, 2009 at 10:41 am

Kereeeen, lumayan buat slide power point ^_^
trim’s share @ ya………
abib says:

February 10, 2009 at 11:41 am

kalow mau tulisan format gitu gimana ni cara nya di photoshop lo maksud nya
Bagonk says:

February 11, 2009 at 2:32 am

Boz, aku pingin cetak ukuran 3m x 2m, supaya gambar gak pecah mesti pake pixel berapa ya?…sori masih pemula
gunawan says:

February 13, 2009 at 12:15 am

iiih hebat banget ta coba2 bikin ah, bagus banget tuh
anak medan says:

February 13, 2009 at 3:31 pm

hallo haloo …
mantahb kali tutorial nya om …
om, mau tanya, text BUBBLES nya itu Font apaan cih ?
keren banget dech kayak nya …
harap di email ya om, ke …
dhuo_net_boy@yahoo.com
makasi …
^_^
ariansyah says:

February 14, 2009 at 10:12 am

hu..hu..hu…..keren bnget….it’s funtastic….
kala says:

February 16, 2009 at 6:28 am

kang, punten, pemula ni… yang bagian hapus setengah lingkaran teh diapus pake apa? *jangan blg pake apusan ya!* layernya yang diapus apa bgimana? nuhun kang
manipulation effects says:

February 17, 2009 at 6:58 am

di hapus pake eraser tool kang…
moga aja bener..
cut nila f says:

February 18, 2009 at 6:44 am

keren bngt kang sigit…bageur eui…smoga elmuna nambah…
Sigit eko says:

February 18, 2009 at 9:51 am

@cut nila f : Amin ….
Mom of five says:

February 19, 2009 at 6:45 am

Ikut belajar Ah… tapi kok q ga nemu tool gradient ya. Please tanggepin cepet ya. eh.. kq maksa… Trims a lot…
t00ghe says:

February 23, 2009 at 1:34 am

thanks berat wat tutornya om sigit…
tetap semangaaaaaaaaatttttttttttt ^_^
bunda says:

February 23, 2009 at 7:26 am

Ya ikut belajar nih …. semoga ngga ribet2 banget ngikuti-nya

terimakasih banyak
fErRy_aJah says:

March 3, 2009 at 8:53 am

awal’a ga nyangka sy bisa’
tp.. karna penasaran bgt.. hasil’a keren bgt loch..
makasih ya atas tutorial’a.. (”,)
Yd.I says:

March 12, 2009 at 6:52 am

Bagus-bagus tips & triks photosopnya. Saya baru tahu tentang pembuatan buble di atas padahal saya sudah cukup lama belajar photoshop. Eh… ada aja yang saya belum tahu padahal sederhana……..!

Bagi teman2 yang ingin tahu tutorial pembuatan frame unik dan artistik dengan photoshop kunjungi aja :
http://pictureframes.net46.net

Terima kasih.
Taufik hidayat says:

March 26, 2009 at 12:17 pm

thanks………………..klihatanny spele……….tp dahsyat jg klo d improv…………..
abdul says:

April 4, 2009 at 5:19 am

wah makasih mas tutornya bagus2
dens says:

April 22, 2009 at 2:47 am

thanks mas, skrg lumayan teknik adob Q, berkait panduan mas, cumna aku masih bingung gmn cara bikin logo yang 3D boleh donk tutornya kasih tau.
E_R says:

April 28, 2009 at 5:27 am

baguzzzz buangt…..
yoedich says:

May 21, 2009 at 7:58 am

om minta teknik-tekniknya y, om klo boleh usul tutorialnya di masukin format pdf aja
abdul wahid says:

June 2, 2009 at 2:42 pm

mungkin bagian…
“Warnain dengan brush tool tadi setiap sisi dari lingkaran tersebut.. lalu warnai dikit tengahnya biar keliatan lebih realistik”
u/ opocity gimana? aku 100% gambar putih semua
thnks
Sigit eko says:

June 2, 2009 at 2:49 pm

@abdul wahid : jangan gede-gede Brush nya.. kecilin aja..
jay says:

June 5, 2009 at 9:20 am

trimah kasih ….bagus …mas ..kapan- ke palembang
yanuar says:

June 5, 2009 at 1:53 pm

thank’s untuk informasinya…………………
triharyanto says:

July 10, 2009 at 3:57 pm

makasih banyak…it’s cool
semoga barokah dan lindungan tuhan selalu beserta anda.
djon says:

October 16, 2009 at 2:27 pm

nah… ini dia yang gua cari2, simple tapi hasilnya realistis bror
Thanks ya buat tutorialnya. Mantap dah….
budicokro says:

October 16, 2009 at 2:58 pm

cool man
Wahyu says:

January 26, 2010 at 5:43 pm

Wah,.. ! Tutorial ‘y Bagus,.. “Master ”
Klo Ad Lg Share Ya,..!~ sya tunggu ,..
Hatur nuhun,…

LANGGANAN TUTORIAL GRATIS.. mau ?

Ilmuphotoshop SEARCH

Banner Ilmuphotoshop

Copy paste Script di bawah :

<a href="http://ilmuphotoshop.com" target="blank"><img src="http://ilmuphotoshop.com/wp-content/uploads/2009/05/logoilmuphotoshop.jpg" width="200" height="48" /></a>

Facebook

Sigit Eko on Facebook