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

developerWorks - FREE Tools!

Be the first to hear about i5/OS V6R1! Hold your calendar on January 30, 2008 for this free webcast on the new i5/OS. Rational's Enterprise Modernization products will be discussed at this webcast as they help to drive the application development environment for this new System i OS. <br />And learn how i5/OS will take you to the next step of efficient, resilient business processing. You will hear about the new i5/OS capabilities as it will be the most significant i5/OS release in years. If you cannot join the webcast on 1/30/08 you can still use this link to listen to the replay.<br /> FREE! Go There Now!

NEW! A Layered approach to delivering security-rich Web applications As businesses grow increasingly dependent upon Web applications to provide services to customers, employees and partners, these complex applications become more difficult to secure. Although traditional security solutions protect Internet infrastructure layers, they do not guard against HTTP and HTML attacks. Many organizations that conduct security testing still deploy applications that allow attackers to manipulate their logic and wreak havoc on their business. To mitigate this risk, development and delivery teams must address Web application security throughout the lifecycle, addressing the many layers detailed in this paper. FREE! Go There Now!

NEW! Develop Systems Software Assets with IBM Rational Asset Manager Join us for this on demand webcast to learn about developing complex systems more quickly and efficiently. We'll cover market drivers for developing, governing and reusing systems software assets and how you can develop system software assets with Rational Asset Manager. FREE! Go There Now!

NEW! Hacking 101 Join us for this web seminar to learn how you can defend your web applications from attack. Learn about the 3 most common web application attacks, including how they occur and what can be done to prevent them. We’ll also discuss manual versus automated approaches for scanning and identifying web application vulnerabilities and how IBM Rational AppScan, an automated vulnerability scanner, can help you automate more of what you are doing manually today. FREE! Go There Now!

NEW! Rational 'Talks to You' Teleconference Series This Fall, IBM Rational talks to you directly through a special teleconference series giving you access to the best minds in IBM Rational - product experts and market thought leaders who will answer your questions during these pre-scheduled telephone conference calls. Register today! FREE! Go There Now!

NEW! Run your first CICS application on a PC using TXSeries for Windows Learn the basics of the IBM Customer Information Control System (CICS). With a hands-on exercise, learn how to get your first CICS application up and running on your desktop using TXSeries V6.1 for Windows. The tutorial shows you how to download and install a free trial version of TXSeries V6.1. FREE! Go There Now!

NEW! Test terminal-based applications with Rational Functional Tester Regression testing -- in which code is thoroughly tested to ensure that changes have not produced unexpected results -- is an important part of any development process. But many testing environments neglect the terminal-based applications that still form the backbone of many industries. In this tutorial, you'll learn how the Rational Functional Tester Extension for Terminal-Based Applications works with other Rational Functional Tester to help test terminal-based applications quickly and easily. 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!

NEW! Webcast: Striking the right balance between manual and automated testing Join this webcast to learn how IBM Rational's Functional Testing solution enables you to implement automation your way, at your pace, with your existing staff. In this webcast, you’ll learn how you can eliminate redundancy of manual test scripts, reduce errors, and increase test coverage through test automation. After this presentation you will understand how IBM Rational Functional Testing solution can streamline your manual testing and make test automation easily attainable. FREE! Go There Now!

NEW! Whitepaper: Achieving consistency between business process models and operational guides Explore how Rational and WebSphere software enable enterprise documentation in SOA environments. Specifically, a new integration between IBM WebSphere® Business Modeler and IBM Rational® Method Composer software can help technical writers more easily keep enterprise operations manuals in sync with changes that are made to business processes, resulting in more accurate and timely documentation that benefits the entire enterprise. FREE! Go There Now!

All FREE IBM® developerWorks Tools!