Making Bevelled Text with a Transparent centre


In this tutorial, I have assumed that you know how to use the text tools

To begin, follow these steps:

1

 

Open a new Canvas, canvas colour teal, size 300X200



2

Type Sample using Arial Black size 60 colour black
Increase Range/Kerning to 13


3


Copy and paste (3 times)

 

4


Make one copy of the text gold



5

 


Add an Effect Effects|Bevel and Emboss|Outer Bevel
Width 4 and gold colour

 

6

 


Modify|Flatten Selection

(In FW4 its Modify|Convert to Bitmap)

7



On another copy of the black text, flatten it as well (convert to bitmap)



8

Move the black text over the gold text. centre it so the bevel you want visible is visible. You may need to move the black text above the gold in the Layers panel



9



Click each black letter with the Magic Wand tool. Hold the Shift key as you click on each letter

10

 

Click on Select|Save Bitmap Selection
(In FW4, it's Modify|Marquee|Save Selection)



11

Press Ctrl+D to turn off selection.


12


Delete the black layer from the Layers panel

 

13


Select the gold text, Select|Restore Bitmap selection Modify|Marquee|Restore Selection)



14

 


Press delete, You now have a bevel around a hole you can see through

 

15

 


Ctrl+D to turn off selecion

16



Place an image beneath the gold text so you can see through it.



17

Select one of the black copies of text and fill it with a glass colour or the colour you'd like to look like glass.

18



Lower the opacity to about 5-10 percent

19

 

Move this text in the Layers panel below the gold text and position it to be visible through the hole you now have.

 



20

Select the last copy of the text


21


Text|Convert to Path

Modify|Ungroup

Modify|Alter Paths|Inset Path

 

22


Set Width to 2, click on Outside and click OK



23

 


Change fill to none and give it a 3px black stroke

 

 

24

 


Modify|Group

25



Move beneath the blue text