Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions Tools to help you create your site Free and shareware fonts to download Photographs to use in your projects Shop for your site needs Free Online classes REcommend this site to others Log in or edit your information when logged in Developingwebs Log Out Change My Account details and preferences
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

Making Monogram Text

by Dreamcatcher4U

 

Open new canvas.  400x400px, 72dpi, white background.Click on channels panel and create a new channel, by clicking on new channel icon.

 

Make sure your foreground color is set to white, and background to black.  Select your text tool and a chunky sort of font.  In this example I used Brushscript, set at 300pt.  Type your first letter in the centre of the canvas.  The canvas will turn red until you have typed your letter and deselected the text tool.  It will be highlighted as a selection (marching ants).

 

 

Duplicate this channel by dragging 'Original' onto new channel icon.  Rename this Texture + Your Letter. (In this example it is called TextureP).

 

 

Hit Ctrl+D to deselect.  With texture channel highlighted go to Filter ---> Blur ---> Gaussian Blur.  Select a blur setting that gives a good blur but leaves the letter legible.  (For Brushscript font, a blur of 6 was used).  Save file.

To remove the fuzziness from the letter, Ctrl+Click on Original channel (OriginalP in this example).  This highlights the letter with marching ants.  Go to Select ---> Inverse---> Hit Delete key.  Ctrl+D to deselect.

Now click on your layers panel and create a new layer (new layer icon beside the trashcan). 
 

Choose a foreground color for the letter and hit Alt+backspace to fill the new layer (P layer) with that colour.

 

 

Go to Filter ---> Render ---> Lighting Effects.  Play around with the lighting till you get an effect you are happy with, then click ok.  Ctrl+Click on Original (Original P in this instance) in the Channel Panel.  Marching ants will appear around your letter.  Select ---> Inverse ---> Delete to remove the colored background.

 

Double click on the letter layer to bring up blending options and select drop shadow.

 

Voila! First letter complete. You now need to repeat the foregoing steps for another two letters.  This time choose a 'loop' type font such as Edwardian Script or French Script.  In this example, Edwardian Script was used, set at 250pt and the blur was 3.  When you have finished you should have 6 alpha channels (Original+Letter1, Texture 1; Original+Letter2, Texture2, Original+Letter3, Texture3) and 4 layers (original background and 3 letter layers).  In this example the drop shadow was only used on the first letter (P) and not on the others.  Save regularly.  If you want to apply any other effects to the letters do so at this point. Once you have all your letters the way you want them you need to arrange and loop them. 

 

Once you have the letters arranged as you want them, you need to select the eraser tool.  Use a hard eraser, not a feathered eraser because we want a clean edge.  You may wish to change the opacity of the two letters you are working on so that the outline of the letter below clearly shows through.  You can zoom in for this part.

 

 

 

Remember, the idea is to make the letters look like they are looped together so you need to carefully select the areas to erase, otherwise you may end up with letters that look like they are behind rather than looped.

 

 

Here is a completed one.  This example is using color only.

 

 

Another example using metallic effects.

Have fun experimenting.


"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2017 All Rights Reserved
Privacy and Legal