How to create broken text effects with adobe photoshop
Tutorial: Broken Text Effect
Software: Adobe Photoshop 6.0
Difficulty: Beginner
This Adobe web tutorial will show you how to create a broken effect to your text.
Step One - First off you need to fire up Adobe and go file + new. You will be presented with 'new file' box (see below diagram). Make the width 400 pixels, the height 100 pixels and click white as it's contents and then click OK.
You will now be presented with the following diagram - this is your work area.
White canvas area (400x100 pixels)
| Step Two - Now we will begin to apply some text to the white canvas, click on the type tool like shown on the left diagram (or simply press the letter T on your keyboard) and then click inside the button and start typing. Use a strong, fat font like Arial black,
| | Once you have finished typing and positioning your text you will need to click the tick at the right corner of the text toolbar. You can also use the text tool bar to change font styles and sizes. Below is a diagram of the text tool bar.
The above diagram shows the text tool bar which appears at the top when ever you apply text.
|
Step Three - Click on your 'T' layer in the layers palette and then right click + Rasterize layer. See below diagram.
Step Four - Click on your lasso tool (see below diagram) and start to draw squiggly lines all over the text, the best way to do this is think back to when you were a kid drawing on a piece of paper - yeah you get the picture.
Step Five - Now go to Layer + New + Layer via Cut and the click on you move tool
Next go to your keyboard and use the arrow keys to move the layer up 2 pixels (press up arrow twice) and left twice (use left arrows twice). Merge down your layers by going layers + Merge down.
Step Six - Finally repeat steps four and five to complete the broken text effect. Note: When moving the layers do it in the opposite direction as told in step five, so that up will become down and left will become right - this will emphasise the broken effect.
Your text will now look something similar to the below diagram.
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!
|
Attend this launch webcast with Scott Hebner, Vice President of IBM Rational Marketing and Strategy, for an overview of Rational’s new software offerings and resources to help modernize and accelerate software innovation on i on Power Systems – while ensuring past application investments are protected and continue to grow. Learn how these solutions are helping customers extend their core i5/OS solutions toward modern architectures such as SOA and web technologies to deliver business improvements that stand the test of time.
FREE! Go There Now!
| | | |
This whitepaper presents the benefits of successfully introducing static analysis into your organization using IBM Rational Software Analyzer. Additionally, it identifies some common pitfalls that can hinder the effective use of static analysis tooling as well as presents 10 simple strategies designed to help you quickly realize the value of static analysis using Rational Software Analyzer.
FREE! Go There Now!
| | | |
Learn to enable users to both rate existing animations and to combine existing animations into new snippets. This is the third in a series of three tutorials that chronicle the building of a site that enables collaborative discussion and animation building using Domino and OpenLaszlo.
FREE! Go There Now!
| | | |
Download a free trial version of IBM DB2 9.5 for Linux, UNIX, and Windows. DB2 9 is the result of a five-year development project that transformed traditional (static) database technology into an interactive data server that merges the high performance and ease of use of DB2 with the self-describing benefits of XML.
FREE! Go There Now!
| | | |
This tutorial shows new users of IBM WebSphere Business Monitor Version 6.0.2 how to perform the "Hello World" equivalent for monitoring business process applications. It is intended to help you get familiar with the capabilities of the product.
FREE! Go There Now!
| | | |
Ken Krugler, co-founder of code search company Krugle, and Laura Merling, vice president of Marketing and Business Development for Krugle, join to talk about the ins and outs of code search and what it means as a new feature for developerWorks users.
FREE! Go There Now!
| | | |
Rational Modeling Extension for Microsoft .NET enhances usability for code generation supporting a more intelligent refactoring. The latest enhancements enable organizations with Java and .NET systems and software development maintain architectural integrity across heterogeneous platforms.
FREE! Go There Now!
| | | |
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!
| | | |
Attend this launch webcast with Scott Hebner, Vice President of IBM Rational Marketing and Strategy, where he will overview Rational’s new offerings and programs to help customers accelerate software innovation on System z. He will discuss how these solutions help organizations extend their core business processes toward modern architectures such as SOA and web technologies to deliver business improvements that stand the test of time.
FREE! Go There Now!
| | | |
The unprecedented scope of a service-oriented architecture (SOA) initiative brings to the forefront a number of management and governance issues that were sidestepped in the past. The key to a successful SOA implementation is managing and governing activities throughout the entire SOA delivery lifecycle by ensuring that services conform to the needs of all of the business’s stakeholders. Learn how service lifecycle management allows the business to ensure that the process by which services are defined, created, tested, deployed, optimized and retired is manageable, repeatable and auditable.
FREE! Go There Now!
| | | |
All FREE IBM® developerWorks Tools!
| |
/ 5 
