Web Development
  Home arrow Web Development arrow How to create ghosted text effects with adobe...
Affiliate Promotion  
Blog Help  
Domain Name Tips  
How To  
Newsletter Marketing  
Online Business Help  
Search Engine Tricks  
Web Development  
Web Hosting  
Website Advertising  
Website Content  
Website Marketing  
 Webmaster Tools
 
Base64 Encoding 
Browser Settings 
CSS Coder 
CSS Navigation Menu 
Datetime Converter 
DHTML Tooltip 
Dig Utility 
DNS Utility 
Dropdown Menu 
Fetch Content 
Fetch Header 
Floating Layer 
htaccess Generator 
HTML to PHP 
HTML Encoder 
HTML Entities 
IP Convert 
Meta Tags 
Password Encryption
 
Password Strength
 
Pattern Extractor 
Ping Utility 
Pop-Up Window 
Regex Extractor 
Regex Match 
Scrollbar Color 
Source Viewer 
Syntax Highlighting 
URL Encoding 
Web Safe Colors 
Whois
 
Forums Sitemap 
Mobile Linux 
APP Generation ROI 
IBM® developerWorks 
Sun Developer Network 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
WEB DEVELOPMENT

How to create ghosted text effects with adobe photoshop
By: Developer Shed
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating:  stars stars stars stars stars / 0
    2003-08-09

    Table of Contents:

    Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    How to create ghosted text effects with adobe photoshop

    Tutorial:
    Ghosted Text Effect
    Software: Adobe Photoshop 6.0
    Difficulty: Beginner


    This Adobe web tutorial will show you how to create cool ghosted style text effects to jazz up your text.

    Step 1: Fire up Adobe Photoshop and go to File + New to create a new file image. Set the width and the height to the settings that you want. Remember to make the file image big enough to place your text onto it.

    (Step 1 diagram)



    Step 2: Now you will need to select the type tool by clicking the T tool icon >> and then click onto the blank file image and start typing your text. I chose to type 'Spooky Ghosts' with the verdana font and used the color grey - #EEEEEE. Note: It doesn't really matter what you use for your text or what font you use for that matter. I also used black #000000 for the background color of the file image.

    (Step 2 diagram)



    Step 3: Now go to Layer + Dublicate Layer as shown in the 'Step 3 diagram' below.

    (Step 3 diagram)



    Step 4: Now go to your layers palette and select the duplicate layer as shown in the 'Step 4 diagram' below.

    (Step 4 diagram)




    Step 5: Now go to your tools palette and select the move tool >> and then press the left arrow button on your keyboard 6 times. Your text will now look similar to that shown in the 'Step 5 diagram' below.

    (Step 5 diagram)



    Step 6: Now go to Filter + Blur + Gaussian Blur. A box will appear asking you to rasterize the layer - click OK and then on the Gaussian Blur box that appears after clicking Ok, set the radius to 2 and again click OK as shown in the 'Step 5 diagram' below.

    (Step 5 diagram)



    Step 7: Now go back to your original text layer and select it. Next click on the Add a Layer Style icon >> and then select Outer Glow from the drop-down menu. An Outer Glow box will now appear - make your settings the same as the ones shown in the 'Step 7 diagram' below and then click on OK.

    (Step 7 diagram)



    Color used is grey #CACAC8

    Step 8: Finally click on the Add a Layer Style icon >> and then select Stroke from the drop-down menu. A Stroke box will now appear - make your settings the same as the ones shown in the 'Step 8 diagram' below and then click on OK.

    (Step 8 diagram)



    Color used is grey #FFFFFF

    Now to finish it off go to Layer + Flatten Image and then save it to your hard-drive.

    The finished Ghosted Text Effect should now look similar to the below image.



    I hope this tutorial was of help.

    Chris Richardson: A1webtemplates.com


    DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

    More Web Development Articles
    More By Developer Shed

     

    IBM® developerWorks developerWorks - FREE Tools!


    NEW! Calling all CC Power Users – and those that would like to be!

    Join this Rational Talks to You teleconference, featuring Paul Boustany and Mark Krasovich, to speak to the experts about becoming a Rational ClearCase power user. Get a chance to ask your questions and learn tips and tricks for using Rational ClearCase in Agile development
    FREE! Go There Now!


    Role of Integrated Requirements Management in Software Delivery

    As organizations integrate software into every aspect of business, they are constantly pressured to deliver faster, better, and cheaper results. Unfortunately, a “dis-integrated” software delivery approach reduces returns while increasing costs. This IBM Rational White Paper shows how Integrated Requirements Management aligns organizations around maximizing value and keeping pace with change.
    FREE! Go There Now!


    NEW! Rational Talks to You:Per Kroll on Rational Method Composer Plug-in customization

    Join this Rational Talks to You teleconference on December 11 at 1:00 pm ET to get tips on building your own plugins with Rational Method Composer. Get your questions answered!
    FREE! Go There Now!


    NEW! Achieving True Agility -- How process can change the behavior of your tools

    Achieving true agility is a never-ending effort. We will showcase how you can become agile incrementally, a few practices at the time.Which practices should any agile team strive to adopt? What additional practices should you consider based on your needs to scale? Adopting practices are however made much easier with the right tool support. What about if your tools adapt to your practices? We will take a look at how the Jazz technology can be leveraged to make your process change the behavior of your tools.
    FREE! Go There Now!


    NEW! Try IBM Rational Asset Manager V7.0 online!

    You can now evaluate IBM Rational Asset Manager V7.0 online without installing or configuring it on your own system! Rational Asset Manager helps create, modify, govern, find, and reuse any type of development assets, including SOA and systems development assets. Rational Asset Manager helps you reduce software development costs and improve quality by facilitating the reuse of all types of software development-related assets. Visit developerWorks to learn more about this product and register to explore its capabilities online.
    FREE! Go There Now!


    NEW! Hello World: Learn how to install and use the Rational Asset Manager Eclipse client

    In this tutorial, you can learn how to install and configure the IBM Rational Asset Manager Eclipse client, explore the different views in the Asset Management perspective, learn various search techniques, work with existing assets, and submit a new asset.
    FREE! Go There Now!


    NEW! Section 508 of the U.S. Rehabilitation Act: Web accessibility compliance

    Because access to government information continues to be an area of concern for many U.S. citizens with disabilities, the U.S. government enacted Section 508 of the Rehabilitation Act in 2001 to ensure that government agencies create accessible Web content, enabling all citizens to access the information they need. A fully accessible Web site makes Web content accessible to all individuals, including those with disabilities, who may be accessing Web content via a variety of user agents. Common user agents include standard Web browsers, text-only browsers, assistive devices and mobile devices such as cell phones or personal digital assistants (PDAs).
    FREE! Go There Now!


    NEW! The dirty dozen: preventing common application-level hack attacks

    As organizations have grown increasingly dependent on online software, the risk of malicious attacks has also become far more serious. Fortunately, well-governed organizations can protect their Web applications by injecting vulnerability assessments and ethical hacks into their software development and delivery processes. This paper describes 12 of the most common hacker attacks and provides basic rules that you can follow to help create more hack-resistant Web applications.
    FREE! Go There Now!


    NEW! Download DB2 Express-C 9.5

    Visit IBM developerWorks to download IBM DB2 Express-C 9.5, a no-charge version of DB2 Express 9 database server. DB2 Express-C offers the same core data server base features as other DB2 Express editions and provides a solid base to build and deploy applications developed using C/C++, Java, .NET, PHP, and other programming languages.
    FREE! Go There Now!


    NEW! Trial download: IBM Rational Tester for SOA Quality V7.0.1

    Get a free trial download of the latest version of IBM Rational Tester for SOA Quality V7.0.1, a functional and regression testing tool that enables the creation, comprehension, modification and execution of testing GUI-less Web services.
    FREE! Go There Now!



    All FREE IBM® developerWorks Tools!

       

    WEB DEVELOPMENT ARTICLES

    - Firebug Firefox Extension Review
    - Is a CMS or Custom Code Better for Your Web ...
    - Tips To Increase Website Conversions
    - Forum Discussions and Getting Traffic for Yo...
    - About Drupal
    - Is Your Web Site Effective?
    - Got Navigation?
    - Website Traffic: 5 Ways To Guarantee Your Si...
    - Ten Terrific Tips for On Page Optimisation
    - Tips for Building Niche Websites
    - Why Not Have A One Web Page Design Until You...
    - The Importance Of Good Web Design
    - Four Critical Web Design Rules
    - Wordpress Themes: Selecting an Effective The...
    - Helping Your Visitors To A Great Website Exp...





    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 6 hosted by Hostway
    Stay green...Green IT