www.PhotoshopTower.com
Return Home Tutorials About Us Services we offer Contact Us Affiliates Site Search
Hot Extras
Tutorial Spotlight:
Add some Tech Wires to your website layouts, and application interfaces. A must see! read more...
Join our Mailing List to receive:
  • Site Updates
  • Photoshop Tutorials
  • Webmaster Tips
  • Hot Site Reviews
  • & much more...

  • Mailing List: Privacy Policy


    Affiliates
    Your Link Here

    www.VidPit.com: Funny, Cool & Sexy videos!



    SENKOURYU.NET







    Link to us
    ( Link to PhotoshopTower.com )



    wholesale computers

    PhotoshopForce.com - Photoshop Tutorials

    Site By: Coastal Web Innovations

    Some web hosting solutions you can find yourself on WHG and a list of
    web hosting companies.
    Ring Style Text Effect
    In this tutorial you will learn how to create a very highly stylized ring text effect that looks fantastic on banner advertisements, forum signatures, and even web page headers. The steps to create this technique are relatively simple and easy for users of any level to use and understand.

    Here is an example of what we will be creating with this tutorial:


    And here with a very basic background effect added:


    Page 1 of 1

    Step 1.)
    Open an existing document in photoshop, or create a new one. I will be working with a 400x400 canvas.
    Fill the background with your desired color, l'll be using #6A6A6A for this tutorial.





    Step 2.)
    Press CTRL + ALT + SHIFT + N on your keyboard to create a new layer.

    Set your foreground color to: #450101

    Go ahead and get out the Text Tool () and select a nice looking font. Here l'm using a font called AmerType Md BT, which you can download freely by clicking here.
    (Note: Free registration required)

    Here are the exact Text settings l've used:


    Type out your text near the center of the canvas as l have done here:






    Step 3.)
    Double click this layer, and apply the following blending options:
    Bevel & Emboss:


    Color Overlay:
    Note: Color used: #8F3600


    Result:






    Step 4.)
    Press CTRL + J on your keyboard to duplicate this layer.

    Double click this layer, and apply the following blending options:
    Bevel & Emboss:


    Stroke:
    Note: Color used: #FF7800



    Change the blending mode of this layer to "Screen":


    Result:






    Step 5.)
    Get out the Custom Shape Tool () and select the Circular Frame Shape as l have done here:


    Create a small circular shape as l have done here someone near the top of your Text:


    Double click this layer, and apply the following blending options:
    Bevel & Emboss:


    Satin:


    Color Overlay:
    Note: Color used: #8F3600



    Result:






    Step 6.)
    Press CTRL + J on your keyboard to duplicate this layer.

    Press CTRL + T on your keyboard to get out the Free Transform Tool.

    Place your cursor near the center node (box) on either side.


    Click and drag your mouse towards the center of the Ring as shown here to slightly distort it.


    Press ENTER on your keyboard to finalize the transformation.

    Press 'V' on your keyboard to get out the Move Tool () and position this distorted ring as l have done here:






    Step 7.)
    Duplicate each of these two layers, and using the same techniques slightly distort them and position them as l have done here, to create the various rings:


    Continue to add the rings to each of your letters until you have something similar to what l have here:






    Step 8.)
    Merge each of your ring layers together, by clicking on the topmost ring layer, and press CTRL + E until each of the duplicated ring layers have been merged together.

    Press CTRL + J on your keyboard to duplicate the rings layer.

    Change the Blending Mode of this layer to "Color Dodge":


    Result:






    Step 9.)
    Next we'll create a slight reflection effect to give the effect a little more depth. Select and merge all layers (except the background layer) by clicking the topmost layer and press CTRL + E repeatedly until all layers have been merged into one.

    Press CTRL + J on your keyboard to duplicate this layer.

    Go to Edit->Transform->Flip Vertical.

    Press 'V' on your keyboard to get out the Move Tool ().

    Position the duplicate layer as l have done here:


    Drop the Opacity of this layer to 30 percent:


    Result:


    Press CTRL + T on your keyboard to get out the Free Transform Tool.

    Place your cursor near the bottom center node (box), click and drag move this node inward toward the center of the shape to 'squeeze' it to nearly half it's original size:


    Next Hold down the CTRL + ALT + SHIFT keys on your keyboard, place your cursor near the bottom right node (box), click and drag this node outward to horizontally distort the shape as shown here:


    Press ENTER on your keyboard to finalize the transformation.
    Here is how my final result ended up:


    And with a very basic, simple background effect added:



    I hope you've enjoyed this tutorial, and have learned how to create a very interesting text effect. Please be sure to check out the rest of our great tutorials while you're here!





    Related Tutorials:
        View Glossy Buttons Glossy Buttons
    In this tutorial you will learn how to make quick and effective looking round gl ...
        View Retro Style Background Retro Style Background
    Learn how to create the retro style background that you'd see on 60's television ...
        View Easy Apophysis Easy Apophysis
    This tutorial will explian how to create a great Apophysis effect w/out using an ...


    Home | Tutorials | About Us | Services | Contact Us | Affiliates | Search | SM | Top^