Post on 14-Apr-2018
7/30/2019 Glossy Candy Text Effect _ textuts.docx
1/14
Glossy Candy Text Effect
December 4, 2010|36 Comments | Category:Inspired,Simple
This tutorial will help you create an awesome glossy candy text effect in a simple way.
The Final Result:
Notes:
* the software used in this tutorial is Adobe Photoshop CS5 Extended
* the size of the final result image is 2000 * 1500
* you might want to check theBasix Pageto see some useful topics on dealing with
Photoshop basics, such as loading palettes and some shortcuts.
Resources:
*Candy Text Effect Color Palette
http://textuts.com/glossy-candy-text-effect/http://textuts.com/glossy-candy-text-effect/http://textuts.com/glossy-candy-text-effect/http://textuts.com/2010/12/04/http://textuts.com/2010/12/04/http://textuts.com/glossy-candy-text-effect/#commentshttp://textuts.com/glossy-candy-text-effect/#commentshttp://textuts.com/glossy-candy-text-effect/#commentshttp://textuts.com/category/inspired/http://textuts.com/category/inspired/http://textuts.com/category/inspired/http://textuts.com/category/simple/http://textuts.com/category/simple/http://textuts.com/category/simple/http://textuts.com/index/http://textuts.com/index/http://textuts.com/index/http://textuts.com/images/tutorials/candy/Candy_Color_Palette.ziphttp://textuts.com/images/tutorials/candy/Candy_Color_Palette.ziphttp://textuts.com/images/tutorials/candy/Candy-final.jpghttp://textuts.com/images/tutorials/candy/Candy-final.jpghttp://textuts.com/images/tutorials/candy/Candy_Color_Palette.ziphttp://textuts.com/index/http://textuts.com/category/simple/http://textuts.com/category/inspired/http://textuts.com/glossy-candy-text-effect/#commentshttp://textuts.com/2010/12/04/http://textuts.com/glossy-candy-text-effect/7/30/2019 Glossy Candy Text Effect _ textuts.docx
2/14
Step 1:
Start by filling the Background with the color#724c21.
Then, create the text using the color#ee9b0f. Very thin fonts do not suit this effect, so
make sure to pick a pretty bold font. The font used here isFontleroy Brown NFand the
size is 1000px.
Duplicate your text layer, and make the copy invisible (by clicking on the eye icon next
to it).
Step 2:
Double click on the original (visible) text layer, and apply the following styles:
- A Drop Shadow using the color#71511b.
http://www.dafont.com/fontleroy-brown.fonthttp://www.dafont.com/fontleroy-brown.fonthttp://www.dafont.com/fontleroy-brown.fonthttp://www.dafont.com/fontleroy-brown.font7/30/2019 Glossy Candy Text Effect _ textuts.docx
3/14
- An Inner Shadow, using the color#ffa508. Change the Distance to 0, and the Size to
32px.
- Bevel and Emboss. Change the Size to 29px, the Softness to 16px, and use the color
#ef9508 for the Shadow Mode.
7/30/2019 Glossy Candy Text Effect _ textuts.docx
4/14
- Finally, apply Satin, change the Blend Mode to Color Dodge, the color to #705737,
and the Contour to ConeInverted.
Step 3:
Ctrl + Click on the original text layer thumbnail to create a selection.
7/30/2019 Glossy Candy Text Effect _ textuts.docx
5/14
Create a new layer above the text layer and rename it to Noise. Fill the selection with
the original text color#ee9b0fand make sure that its the Foreground color as well, and
set the Background color to White. Then go to Filte -> Noise -> Add Noise. Change
the Amount to 150 %, make sure that the Distribution is Gaussian, and check the
Monochromatic box.
Step 4:
With the Noise layer still active, zoom in (Ctrl + +) until you are able to see the
pixels. Grab the Magic Wand Tool, remove the check next to Contiguous on the
options bar (this will let all the pixels of the same color range be selected, whether theyare adjacent or not), and select the darkest pixel or group of pixels. Then, hit Delete.
7/30/2019 Glossy Candy Text Effect _ textuts.docx
6/14
Change the Noise layerBlend Mode to Soft Light, and the Fill value to 50 %.
Step 5:
- Well create the lines right now. So create a new documents that is 110 by 50 px, and
set the Background Contents to Transparent, so that youll be able to see the pixels.
7/30/2019 Glossy Candy Text Effect _ textuts.docx
7/14
- Draw a rectangle using the Rectangle Marquee Tool. You can display the Info
palette form the Window menu to help you make sure that the rectangle width is 50 px.
Place the rectangle (or the square) at the center of the layer, then fill it with the color
#e8641b.
- Remove the selection (press Ctrl + D), and go to Edit -> Define Pattern and type in
the name of the pattern.
7/30/2019 Glossy Candy Text Effect _ textuts.docx
8/14
Step 6:
Go back to the original document, and create a new layer on top of the Noise layer.
Call it Lines.
With the Paint Bucket Tool Selected, change the fill type to Pattern, and choose the
one youve just created.
Fill the Lines layer with the pattern.
Step 7:
7/30/2019 Glossy Candy Text Effect _ textuts.docx
9/14
Go to Edit -> Transform -> Rotate or press Ctrl + T to rotate the lines until you think
the result is good. Hit Enter to confirm.
Then, Ctrl + Click again on the original text layer thumbnail (or icon) to create a
selection. Make sure the Lines layer is active (selected), go to Select -> Inverse, and
hit Delete.
Press Ctrl+D to remove the selection.
Step 8:
Double click on the Lines layer to apply the following styles:
- Add an Inner Shadow. Change the color to #ba8c73, and the Distance and Size
values to 4px.
7/30/2019 Glossy Candy Text Effect _ textuts.docx
10/14
- Add Bevel and Emboss. Change the Style to Pillow Emboss, the Size to 3px, the
Soften value to 1px, and the Shadow Mode color to #ba8c73.
- Finally, add Satin. Change the Blend Mode to Overlay, the color to #fff8ad, and the
Contour to Shallow SlopeValley.
(*Note: If you cant find these contours, check out how to get themhere.)
http://www.textuts.com/images/others/contours.jpghttp://www.textuts.com/images/others/contours.jpghttp://www.textuts.com/images/others/contours.jpghttp://www.textuts.com/images/others/contours.jpg7/30/2019 Glossy Candy Text Effect _ textuts.docx
11/14
Youll end up with something like this:
Step 9:
Now, we need to go back to the duplicated text layer we created back in Step 1, and
make it visible once again.
Change its Fill value to 0, and double click to apply the following styles:
7/30/2019 Glossy Candy Text Effect _ textuts.docx
12/14
- Bevel and Emboss. Change the Depth to 450, the Size to 10, remove the check next
to Use Global Light, and change the Angle to 100, and the Altitude to 30, use Log for
the Gloss Contour, and assign 0 for the Opacity value of the Shadow Mode.
- As for the Contour just check the Anti Alias box.
Step 10:
7/30/2019 Glossy Candy Text Effect _ textuts.docx
13/14
Add a layer above the Background layer, set the Forground color to Black, and with
the Gradient Tool, choose the Foreground to Transparent fill, click on the Radial
Gradient icon, and check the Reverse box.
Starting from the center of the layer, click and drag to one of its corners to create the
gradient fill. Change the Blend Mode of the layer to Soft Light.
And this is the final result once again.
Hope you enjoyed the tutorial.
http://textuts.com/images/tutorials/candy/Candy-final.jpghttp://textuts.com/images/tutorials/candy/Candy-final.jpg7/30/2019 Glossy Candy Text Effect _ textuts.docx
14/14