Membuat Chrome Text Effect

Text effect lagi aah.. hehehe.. gpp kan.. sekarang cara bikin chrome text dengan blending option..

pertama buat dokumen ukuran 400 x 400 px, jangan lupa set dulu background (hitam) dan foreground color nya (putih)

chrome-text1

Buat tulisan apa aja asal gak terlalu banyak pake font yang gempal-gempal gitu… hehehe.. Saya pake font Anja Eliane bisa didownload disini

, kalo mau download font silahkan klik disini

klik kanan layer tulisan tadi klik blending option… Contreng gradient overlay untuk menambahkan efek gradasi setting seperti di bawah

Untuk mendapatkan warna gradasi seperti di gambar , setting gradient nya dengan kombinasi warna yang soft.. seperti ini

jangan klik OK dulu, lanjutin dengan contreng satin , setting seperti ini :

Jangan dulu di Ok… skarang contreng inner glow, setting seperti dibawah :

Masih… jangan dulu OK sekarang kita contreng outer glow, setting seperti ini :

Sabar… jangan dulu di OK.. skarang contreng Inner Shadow , setting seperti dibawah :

Nyaris selesai nih..tapi jangan dulu di OK , contreng drop shadow , setting seperti ini :

fiuh… akhirnya..Yang terakhir… contreng Bevel and Emboss, terus setting seperti dibawah :

Hasilnya kita gelapin dikit ya.. biar keliatan mengkilapnya..

klik adjustment layer > exposure ( catatan : adjustment layer adanya di Layer Palette , yang ada panah merah nya dibawah )

Hasil yang dicapai setelah melalui perjalanan panjang, ternyata gak sia-sia..

selamat mencoba..

INGIN MEMPUBLIKASIKAN ULANG POSTINGAN INI DI WEB / BLOG ANDA?

<h2>Membuat Chrome Text Effect</h2>
<p>Text effect lagi aah.. hehehe.. gpp kan.. sekarang cara bikin chrome text dengan blending option..</p>
<p>pertama buat dokumen ukuran 400 x 400 px, jangan lupa set dulu background (hitam) dan foreground color nya  (putih)</p>
<p><img class="alignnone size-medium wp-image-1026" title="chrome-text1" src="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text1-300x196.jpg" alt="chrome-text1" width="300" height="196" /></p>
<p>Buat tulisan apa aja asal gak terlalu banyak pake font yang gempal-gempal gitu… hehehe.. Saya pake font Anja Eliane bisa <a href="http://ilmuphotoshop.com/wp-content/uploads/2009/01/anja-eliane.ttf">didownload disini</a></p>
<p>, kalo mau<a href="http://desktop.93vs.com"> download font</a> silahkan klik disini</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text2.jpg"><img class="alignnone size-medium wp-image-1027" title="chrome-text2" src="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text2-300x224.jpg" alt="chrome-text2" width="300" height="224" /></a></p>
<p>klik kanan layer tulisan tadi klik blending option… Contreng gradient overlay untuk menambahkan efek gradasi setting seperti di bawah</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text4.jpg"><img class="alignnone size-medium wp-image-1029" title="chrome-text4" src="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text4-300x222.jpg" alt="chrome-text4" width="300" height="222" /></a></p>
<p>Untuk mendapatkan warna gradasi seperti di gambar , setting gradient nya dengan kombinasi warna yang soft.. seperti ini</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text3.jpg"><img class="alignnone size-full wp-image-1028" title="chrome-text3" src="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text3.jpg" alt="chrome-text3" width="392" height="420" /></a></p>
<p>jangan klik OK dulu, lanjutin dengan contreng satin , setting seperti ini :</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text5.jpg"><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text5.jpg"><img class="alignnone size-full wp-image-1030" title="chrome-text5" src="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text5.jpg" alt="chrome-text5" width="434" height="295" /></a></a></p>
<p>Jangan dulu di Ok… skarang  contreng inner glow, setting seperti dibawah :</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text6.jpg"><img class="alignnone size-full wp-image-1031" title="chrome-text6" src="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text6.jpg" alt="chrome-text6" width="434" height="368" /></a></p>
<p>Masih… jangan dulu OK sekarang kita contreng outer glow, setting seperti ini :</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text7.jpg"><img class="alignnone size-full wp-image-1032" title="chrome-text7" src="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text7.jpg" alt="chrome-text7" width="417" height="342" /></a></p>
<p>Sabar… jangan dulu di OK.. skarang contreng  Inner Shadow , setting seperti dibawah :</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text8.jpg"><img class="alignnone size-full wp-image-1033" title="chrome-text8" src="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text8.jpg" alt="chrome-text8" width="420" height="496" /></a></p>
<p>Nyaris selesai nih..tapi jangan dulu di OK , contreng drop shadow , setting seperti ini :</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text9.jpg"><img class="alignnone size-full wp-image-1034" title="chrome-text9" src="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text9.jpg" alt="chrome-text9" width="441" height="308" /></a></p>
<p>fiuh… akhirnya..Yang terakhir… contreng Bevel and Emboss, terus setting seperti dibawah :</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text11.jpg"><img class="alignnone size-full wp-image-1035" title="chrome-text11" src="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text11.jpg" alt="chrome-text11" width="454" height="621" /></a></p>
<p>Hasilnya kita gelapin dikit ya.. biar keliatan mengkilapnya..</p>
<p>klik adjustment layer > exposure ( catatan : adjustment layer adanya di Layer Palette , yang ada panah merah nya dibawah )</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text12.jpg"><img class="alignnone size-full wp-image-1036" title="chrome-text12" src="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text12.jpg" alt="chrome-text12" width="377" height="414" /></a></p>
<p>Hasil yang dicapai setelah melalui perjalanan panjang, ternyata gak sia-sia..</p>
<p><a href="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text13.jpg"><img class="alignnone size-full wp-image-1037" title="chrome-text13" src="http://ilmuphotoshop.com/wp-content/uploads/2009/01/chrome-text13.jpg" alt="chrome-text13" width="389" height="377" /></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%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; 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%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; 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%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; 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%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; 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%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; 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%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; 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%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; 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%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; 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/01/28/membuat-chrome-text-effect/">Membuat Chrome Text Effect</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

30 Responses to “Membuat Chrome Text Effect”

Tedy says:

January 29, 2009 at 1:33 am

Sepppppppppppppp…. muantab nich tutorialnya…
btw… kaosnya gmn mas ? jadi dibuat ga ?
oche says:

January 29, 2009 at 3:23 am

cara ganti background di photoshop cs3 gmn yach…….thanks
rawa™ says:

January 29, 2009 at 6:11 am

thx a lot para bliger
juan says:

January 29, 2009 at 10:12 am

thank u mas, trus berkarya dan jangan lupa dibagikan lagi ilmu@………^_^
Dedy luxe says:

January 31, 2009 at 8:46 am

thanks mas
lia says:

February 3, 2009 at 5:30 am

thx bgt…tp di adobe photoshop 7.0 adjustment layer ga ada exposure ya?atau aku ajah yang gag liat?hehehehehe….maklum….di kantor pakenya adobe photoshop 7.0
Rush Side says:

February 4, 2009 at 1:12 am

thank mas… ajarin dong teks effect berdarah-darah
adriani says:

February 9, 2009 at 8:18 pm

wdh, di adobe photoshop cs2 jg ga ad exposure’a…
gmna ya..???
kaman says:

February 14, 2009 at 4:48 pm

THX a lot
lebay skaventa mulmed says:

February 17, 2009 at 3:18 pm

mas nya keren bget…..
SUMPAH……

I LOVE YOU FULL FOR YOUR ,,,,,,pokoke karyamu

terus b’karya dan jangan lupa bagi-bagi ilmu nya ea ma
kita-kita

SEMANGAT !!!

MUUUUUAAAAAACCCCCHHHH………..
donar says:

February 19, 2009 at 2:28 pm

tank yu!!!
widuri says:

February 27, 2009 at 2:02 am

q b’Hrap bsa lbih di perbnanyak lagi teori yg keren2!!!!!!!!!!!!!!1

biar q tmbh pinter menguasai photoshop………….

thanks
Ryu says:

February 27, 2009 at 8:06 am

good …good……kamsia…..
cummank says:

March 1, 2009 at 9:15 am

salut gwa sama tutorialnya mas……btw boleh ga’ tutorialnya aq posting diblog aq????
Bayu says:

March 10, 2009 at 3:52 am

Thanks a Lot….
Mantap bangets……
achuz says:

April 1, 2009 at 8:55 am

trima kasih ya mas mudah-mudahan banyak pahalanya,
tlah memberikan ilmunya..
“…..ilmu yg bermanfaat adlah satu perkara untuk amal yang tidak akan terputus…”
arbiva says:

April 4, 2009 at 11:11 pm

wow 5 Jempol
keren bgt
ronns says:

April 6, 2009 at 4:54 pm

cari wangsit d mana sih mbah?
toppppppppppppppppppppppppppppppppp!!!!!!!!!!!!!!!!!!!!!!
ADHE says:

April 9, 2009 at 2:20 pm

wah keren banget tu mas.

lumayan buat nambah ilmu n di prktekin di sekolah.

sumpah keren abis……….
kenyo says:

May 17, 2009 at 1:30 pm

pusing ngeliat tanda panahe, tapi trimakasih mas…
komikers says:

May 19, 2009 at 12:18 am

Keren. Thanks atas informasinya…
Dee says:

June 4, 2009 at 2:19 pm

hu uh mas di sotosop 7 g ada exposure…. ntah karena belom nemu mungkin… bantuin dunks… berhenti di tengah jalan neeh… at least thx tapi kueren tuh
dea says:

June 25, 2009 at 2:34 pm

photoshop Cs2 kok nggak ada exposure sih? apa gue yang nggak tau? :p
dhe2 says:

June 27, 2009 at 4:38 am

kok aku gak isa ngelihat expoure nya gak isa klik,kenapa ya?
ryan says:

August 2, 2009 at 7:23 pm

terus berkarya ye
yuni says:

September 1, 2009 at 3:00 pm

assalamualaikum mas, aq baru ja nyampe di situs nih, ternyata ada ya yang maw bagi2 ilmu kayak mas, moga aq bs mempraktekkan smua ilmu mas, dan semoga makin banyak aja orang2 seperti mas, thanx very much
rifki says:

October 24, 2009 at 4:09 pm

mantab mas..
boleh dong tutorial yang lian nya…
RRJ says:

November 4, 2009 at 11:22 am

Wei keren abis & useful. Thanks.
ipoenk says:

November 26, 2009 at 2:07 am

wah. .. . .. sangat begitu memuaskan mkc ilmuny jk saya desain meniru langkah2 ini selalu sukses melangkah truz pak sukses

salam,

anak madura
Henri says:

February 6, 2010 at 1:00 pm

wah… mantap… btw cara makein font ttfnya itu gimana ya ke photoshop.. maklum masih pemula di PS

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