How to create jelly text effects with adobe photoshop
Tutorial: Jelly Text Effect
Software: Adobe Photoshop 6.0
Difficulty: Beginner
This Adobe web tutorial will show you how to create jelly style text effects to add some cool effects to 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 icon >> and then click onto the blank file image and start typing your text. I chose to type 'Jelly' with the verdana font and used the color black - #000000. Note: It doesn't really matter what color you use for your text or what font you use for that matter.
(Step 2 diagram)
Step 3: Now go to the layers palette and click on Add a layer style >> and then click on Drop Shadow from the drop-down menu. A Drop Shadow box will now appear - make your settings the same as the ones shown in the 'Step 3 diagram' below and then click OK.
(Step 3 diagram)
The color used is green #50DF30
Step 4: Now go back to the layers palette and click on Add a layer style >> and then click on Inner Glow from the drop-down menu. An Inner Glow box will now appear - make your settings the same as the ones shown in the 'Step 4 diagram' below and then click on OK.
(Step 4 diagram)
The color used is green #6FF74F
The quality used is 'Contour'
Step 5: Again go back to the layers palette and click on Add a layer style >> and then click on Bevel and Emboss from the drop-down menu. A Bevel and Emboss box will now appear - make your settings the same as the ones shown in the 'Step 5 diagram' below and then click on OK.
(Step 5 diagram)
Step 6: Again go back to the layers palette and click on Add a layer style >> and then click on Blending Options from the drop-down menu. The Blending Options box will now appear - turn to your left and click on the Contour tab. See below.
Contour tab >>
Now the contour box will appear to your right. Make your settings the same as the ones shown in the 'Step 6 diagram' below and then click on OK.
(Step 6 diagram)
Contour used Half Round
Step 7: Again go back to the layers palette and click on Add a layer style >> and then click on Satin from the drop-down menu. A Satin 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 green #B0F74F
Contour used Gaussian
Step 8: Finally go back to the layers palette and click on Add a layer style >> and then click on Color Overlay from the drop-down menu. A Color Overlay 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 green #9FFF00
Now to finish it off go to Layer + Flatten Image and then save it to your hard-drive.
The finished Jelly Text Effect should look like the below diagram.
You can also add things like an inner shadow or a border etc. Once you are comfortable with this tutorial try some different layer effects.
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!
|
Visit IBM developerWorks to download a free trial of the Rational Host Access Transformation Services (HATS) Toolkit. The HATS toolkit provides a set of plug-ins for the IBM Rational Software Delivery Platform to help you easily extend your legacy applications. HATS makes your 3270 and 5250 applications available as HTML through the most popular Web browsers, while converting your host screens to a Web look and feel and it also enables you to develop new Web, portal, and rich-client applications.
FREE! Go There Now!
| | | |
Discover how IBM Rational AppScan Standard Edition can help you detext vulnerabilities in your web applications in the Web Application Security eKit. IBM Rational AppScan is a leading suite of automated web application security solutions that scan and test for common Web application vulnerabilities. The new Web Application Security eKit provides you with valuable resources, including white papers, demos, and additional information on the benefits of testing your Web applications.
FREE! Go There Now!
| | | |
Rational Build Forge Express Edition is an automation framework that packages the latest enterprise-grade technologies into a reliable, flexible and robust configuration designed and priced specifically for small to midsize businesses. The new Rational Build Forge Express eKit provides you with valuable resources – including a case study, podcast, demo, and articles – to help you increase staff productivity, compress development cycles and deliver better software, fast.
FREE! Go There Now!
| | | |
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!
| | | |
In this webcast, IBM Rational will discuss the importance of Web application security and will share techniques and best practices to introduce application security testing into current QA processes including: understanding common security vulnerabilities and techniques to integrate security testing with defect tracking and remediation systems in an effort to safeguard sensitive online information.
FREE! Go There Now!
| | | |
Discover how Rational tools and best practices for testing can make your job easier. The new Rational Testing eKits provide you with valuable resources – including demos, webcasts, tutorials, and articles – that help you address your specific testing needs across the software lifecycle. Five new eKits are available covering the topics of Requirements and Test Management, Functional Testing, Performance Testing, Code Quality and Embedded Systems, and SOA and Web Services Testing.
FREE! Go There Now!
| | | |
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!
| | | |
You probably have thousands of lines of COBOL code loaded with business intelligence and being used to run your business, along with an army of developers maintaining these applications. Learn how to prepare your applications and developers so you can keep that competitive edge and move to a service-oriented architecture with the IBM Rational Enterprise Modernization solutions. Replay is available for 9 months.
FREE! Go There Now!
| | | |
Visit IBM developerWorks to download a free trial version of Lotus Quickr 8.0, which enables collaboration by transforming the way everyday business content such as documents, rich media, photos, and video can be shared. Lotus Quickr makes it faster and easier to share content of all types (not just documents) within virtual teams. It is designed to make it easier to collaborate across organizational boundaries, while continuing to work within the context of familiar desktop applications.
FREE! Go There Now!
| | | |
Join this Rational Talks to You teleconference on December 4 at 1:00 pm ET to discuss how Rational Method Composer can help meet your compliance objectives. Get your questions answered!
FREE! Go There Now!
| | | |
All FREE IBM® developerWorks Tools!
| |
