Welcome  Personal Site   Contact/About    Home Page   Photoshop Tutorials   Sitemap   PDF Tutorials

   Adobe Photoshop Tutorials

by Wendi E M Scarth.

 

Iced Biscuit Type

 

 Create Iced Biscuit Type
  Suitable for Adobe Photoshop CS CS2 & CS3
Skill Level - Intermediate

Wendi E M Scarth

This lesson demonstrates how to create iced biscuit text, and you will find a biscuit seamless tile and a nice big font (Plump) HereUnzip the files and open the biscuit (seamless tile) onto Photoshop’s workspace, and install the font into Windows Fonts folder.

Undo and Navigation Steps
Two ways of undoing steps are from the top menu, Edit then Step Backwards. Alternatively, click a previous snapshot in the History Palette.

Navigate (zoom in and pan) your image using the Navigator Palette,

or the Zoom Tool.

Activate The Hand Tool by tapping the Spacebar, keeping the Spacebar pressed, pan your image in the usual way.

1/
Open a New document and set the following attributes - set a Resolution of at least
200 Pixels/inch if you plan to print your work

The canvas size is large, however, if necessary, resize this later - when you have completed the graphic.

Your workspace will resemble the following.

2/
From the left-side toolbar, activate The Horizontal Type Tool.
Type Tool Lesson.



And set the following attributes into its Options bar.



Changing the Foreground colour to a pink icing colour - or to a colour of your choice.

Now, apply your type, then centralise it with the The Move Tool.


 

3/
Activate my biscuit tile (by left-clicking its top menu), then from the top menu of Photoshop, choose Edit then choose Define Pattern. In the subsequent Pattern Name dialogue box, accept the name already there, or clear the Name tab and add your own, then click OK.

 



This temporarily saves your new biscuit pattern to Photoshop’s Patterns library, ready to use later. However, please note, for a pattern to tile seamlessly, you must convert it to a seamless tile prior to installing it into Photoshop’s Pattern library. I have already converted the biscuit tile. Learn how to permanently save your pattern to Photoshop’s Patterns folder, here!

4/
To replace (any) missing dots from the letter I, activate the Elliptical Marquee Tool.



And set the following attributes.



Now, hold down the Shift key (of your keyboard) and drag out circular marquee above each letter i. Holding down the Shift key constrains the elliptical shape to a circle.

Tip
To reposition a circular marquee - click to activate New selection.

Then left-click inside the marquee, and drag it to a different position.
Tip
If you need to reapply the marquee, from the top menu, choose Edit then choose Step Backwards.

When you have applied the circular marquees, your image will resemble the following.


5/
From the left-side toolbar, activate the Magic Wand Tool.

And set the following attributes into its Options bar.



Now, left-click once inside the pink letter B, and it (and the small apertures inside it) will be surrounded by a selection marquee.



Then left-click inside each subsequent letter, and your image will resemble the
following.


6/
From the top menu, choose Layer then choose New Fill Layer then choose Pattern. In the subsequent New Pattern dialogue box, set the following (default) attributes, then click OK.

pattern dialube small


Now, scroll to the bottom of the Pattern library and double-left-click to activate your recently saved biscuit pattern.

Then click OK. Your text will be filled with the biscuit tile.

new biscuit text no bevel
7/
From the top menu, choose Layers then choose Merge Visible.

8/
To add a bevel to the biscuit text, click the tiny black triangle next to the Add a layer style (f-fx) icon - at the bottom of the Layers palette, then choose Bevel and Emboss from the drop-down menu.


And set the attributes as indicated Here. Your biscuit text is now ready for the icing.


9/
Activate the Magic Wand Tool - exactly as described in
Chapter 5, retaining its settings. Then left-click once outside the text - then left-click once inside each aperture within the letter B. The outside of the canvas and the text, will be surrounded by a selection marquee.


10/
From the top menu, choose Select then choose Inverse, and the marquee will surround just the text and dots of each i.

11/
Now, from the top menu, choose Select then choose Modify then choose Contract. In the subsequent Contract by box, type in 8 (pixels), then click OK. Decreasing this number will leave more of the biscuit (and less icing) on display.
 


The marquee will change (shrink) to the following.


12/
Click the following Create a new layer icon, from the foot of the Layers
palette.

This places a new layer above your biscuit type.

You will be applying the icing to Layer 1; therefore, ensure it remains active.

13/
Now, from the toolbar, activate the Paint Bucket Tool.



And set the following attributes.





Now, left-click to fill each selected (centre) of the text with pink - not forgetting the dots of any i’s
 

 

14/
From the top menu, choose Select then choose Modify then choose Expand. In the subsequent Expand Selection dialogue box, enter 1 (pixel), into the Expand by box, then click OK. This expands the marquee by 1 pixel, ensuring the bevel (icing) fills the pink completely.

15/
To make the icing effect, I am going to apply an
Eyecandy Inner 5 Impact Bevel - however, Photoshop’s Bevel and Emboss can also be utilised. To apply an Eyecandy Bevel filter - from the top menu, choose Filter then choose Eyecandy 5 Impact then choose Bevel - then set attributes, screen captured a little further below. 

Photoshop’s Bevel and Emboss filter
To apply Photoshop’s Bevel and Emboss filter, from the top menu, choose Layer then choose Layer Style then choose Bevel and Emboss, and play with the settings (especially the Gloss Contour), to find a shiny icing effect. Then click OK.
The settings illustrated by my screen capture here - produce a nice icing effect!

Eyecandy’s Inner Bevel settings - important
Do not click OK until you have changed all of the Bevel attributes first.
The attributes are the Settings, Basic, Lighting and Bevel Profile tabs - as demonstrated below.

When you have changed all four settings, click OK to apply the (icing)
bevel to your biscuit.
  
 
   
   

For personal results, experiment with the Inner Bevel settings - additionally, Eyecandy 5 (Impact’s) Glass filter is worth playing with.

16/
From the top menu, choose Layers then choose Merge Visible.

17/
Then again, from the top menu, choose Select then choose Deselect
Now, crop away any wasted transparent areas. 
Crop Lesson.



Then finish by applying a drop shadow - similarly to how we applied the Inner Bevel (to the biscuit) in
Chapter 8. This time, choose Drop Shadow from the drop-down list.

Tip
To smooth rough edges around the text, and icing, from the toolbar, activate the Blur Tool

And set the following attributes.



Now, gently smooth away the rough edges.



                         

18/
Your iced biscuit text is ready to save as a Transparent Gif or a JPEG; therefore, from the top menu, choose File then choose Save for Web - my lesson
Here explains how to save and optimise images. To fill a transparent background with a Solid Colour, Gradient or Pattern, link Here.

Wendi E M Scarth -
Top of Page - Home.