goldhttp://abduzeedo.com/taxonomy/term/13377/all
enRealistic Golden Text in Pixelmatorhttp://abduzeedo.com/realistic-golden-text-pixelmator
<div class="field field-name-field-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img src="http://abduzeedo.com/files/originals/g/golde-text-pixelmtaor.jpg" width="826" height="395" /></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><h3>In this tutorial I will show you how to create a beautiful golden text in Pixelmator. It might be useful for your next Christmas design. We will use basic tools and gradients to mimic gold with this super easy technique. I also have writen a tutorial showing how to create the same effect but for Photoshop, you can find it at <a href="http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-a-gold-text-effect-in-photoshop/">PSDTUTS</a>.</h3>
<p>This tutorial is part of a series of tutorials I have been writing for the <a href="http://www.pixelmator.com/learn/">Pixelmator Learn Site</a>.</p>
<h3>Step 1</h3>
<p>Open Pixelmator and create a new document. The size is not important but I&#8217;m using 1440&#215;900 pixels. Then go to <strong>View>Show Gradient </strong>to open the Gradient Panel. Create a new <strong>Radial </strong>gradient from a dark brown in the center and blending to black. Fill the background layer with this new gradient.</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/1.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Step 2</h3>
<p>Go to <strong>Filter>Stylize>Noise</strong>. Use <strong>1 for the amount</strong> and make sure that it&#8217;s NOT monochrome.</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/2.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Step 3</h3>
<p>With the <strong>Type Tool (T)</strong> type VIVAVIDA (or any word you want). We will break the text into layers and create a new word. To do that, go to <strong>Layer>Rasterize Type Layer</strong>. Then with the <strong>Lasso Tool (L)</strong>, select each character, then cut and paste it back. Each one will be in a different layer. (The font I used was Adobe Garamond.)</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/3.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Step 4</h3>
<p>Now that you have layers for each letter, let&#8217;s create a new word. The one that I came up with was VIVAD. The VIV is connected and so is the AD. Select the layers that make the word, and go to<strong> Layer>Merge Layers</strong>. You will have the word back in one layer only.</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/4.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Step 5</h3>
<p>Go back to the Gradient Panel and create a new gradient preset. Create a linear one this time. Use dark brown, beige and white for the colors, exactly like the image below.</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/5.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Step 6</h3>
<p>Add a new layer on top of the word VIVAD and go to<strong> Layer> Create Clipping Mask</strong>. Use the <strong>Gradient Tool (G)</strong> to fill the layer with the gradient we created in the previous step. Start from the top of the word and finish at the bottom.</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/6.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Step 7</h3>
<p>Add another layer on top of the previous one and go back to <strong>Layer>Create Clipping Mask</strong>. Change the <strong>Blending to Multiply</strong>. With the <strong>Rectangular Marquee Tool (M)</strong>, create a rectangular selection starting 2 pixels down from the top of the word. With the <strong>Gradient Tool (G)</strong>, fill the layer with the gradient we used for the gold letter; this time the direction will be the opposite, with the dark color at the top. Use the image below for reference.?</p>
<p>The idea is create a tiny line to create the reflection of the gold.</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/7.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Step 8</h3>
<p>Let&#8217;s repeat this step for the bottom of the word. The Blending will have to change, so you can use either <strong>Color Dodge or Screen</strong>. I used <strong>Color Dodge</strong>, but I had to duplicate the layer to get a stronger result.?</p>
<p>Repeat the previous step, but now the idea is to put a shiny line at the bottom of the word that had been dark.</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/8.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Step 9</h3>
<p>This is the result we have to achieve.</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/9.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Step 10</h3>
<p>Duplicate the layer with the word VIVAD and move it beneath the gold effect. Then go to <strong>Edit>Stroke</strong>. Use any color, <strong>1 for the Width and Outside</strong>.</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/10.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Step 11</h3>
<p>Again over the Gradient Panel, add a new preset using dark brown, beige and dark brown. Use the image below for reference. We will use this gradient to create another reflection to our golden text.</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/11.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Step 12</h3>
<p>Create a new layer on top of the layer where we applied the stroke. Then go to<strong> Layer>Create Clipping Mask</strong>. Fill this layer with the gradient we created in the previous step. The beige part has to be almost at the bottom of the word.</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/12.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Step 13</h3>
<p>Duplicate the layer with the word VIVAD and put it beneath the other layers but on top of the background. Go to Image>Invert. It was white and now it&#8217;s black; then go to<strong> Filter>Blur>Gaussian Blur</strong>. Use <strong>30 for the Radius</strong>. The idea is to create a nice shadow beneath the golden text.</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/13.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Step 14</h3>
<p>This is the gradient order that I have. Check yours to see if it&#8217;s similar, or simply download the file used for this tutorial to understand how the layers are organized.</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/14.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Conclusion</h3>
<p>This is a very simple but beautiful effect. Even though we don&#8217;t have the layer styles feature we have in Photoshop, we can create Bevels and Gradients using layers and clipping layers with gradients. We observe reality and try to recreate it with the tools that are available.</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/Conclusion.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Versions</h3>
<p>You can also create other types of metals, like silver. You can try different gradients or just apply Hue and Saturation.</p>
<p class="imgC"><img src="http://imgs.abduzeedo.com/files/tutorials/golden-text/Versions.jpg" alt="Golden Text in Pixelmator"/></p>
<h3>Download the Pixelmator File</h3>
<p class="imgC download"><a href="http://tutorials.pixelmator.com/golden-text/Golden%20Text.pxm">Download the Pixelmator file used for this tutorial</a> </p>
</div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="http://abduzeedo.com/tags/typography">Typography</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tutorial">tutorial</a></div><div class="field-item even"><a href="http://abduzeedo.com/tags/pixelmator">pixelmator</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/gold">gold</a></div></div></div>Sun, 20 Dec 2009 10:32:40 +0000abduzeedo17569 at http://abduzeedo.com