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!
|
Hear how IBM Rational Project and Portfolio Management integrated solutions help teams put the right tools and processes in place to maximize the effectiveness and efficiency of project teams and ensure that the business vision is being executed correctly. Learn how to automate and integrate requirements prioritization, top-down project planning, communications and controls, and methodology deployment to keep your scope, costs, and schedules under control. Tackle with an end-to-end approach the management of scope and scope changes, usage of methodology to control and empower project teams, and optimization of resources to align activity costs with the overall project plan.
FREE! Go There Now!
| | | |
Building a software-as-a-service solution requires addressing a few key technical challenges. In this webcast, we'll focus on the role of IBM Tivoli Directory Server and WebSphere Portlet Factory in creating a Software as a Service solution. We will demonstrate how to use Tivoli Directory Server to prevent the user population of one tenant from accessing the virtual portal and portlet components of another tenant. We will also use the dynamic profile capability of WebSphere Portlet Factory to create multiple highly customized applications from one code base.
FREE! Go There Now!
| | | |
Download the Rational Application Developer (RAD) v7.5 open beta code and start developing applications for the JEE5 standard which features EJB3.0, JPA, JSF 1.2, JSP 2.1 and Servlet 2.5 standards. When you use this beta you will see how you can increase developer productivity for already existing applications with improved support for refactoring, as well as adding new features to existing applications. In addition, the beta provides tooling for JD Edwards, Oracle, SAP, Siebel and PeopleSoft to improve the developer productivity with these enterprise systems.
FREE! Go There Now!
| | | |
Join this webcast to see how IBM Data Studio Developer and pureQuery can take the pain out of Java data access. uApplications developed using both Java and SQL have become a common requirement. Database connectivity using Java Database Connectivity (JDBC) to create an application is a multi-step tedious process, and tooling that covers both SQL and Java has been unavailable, until now. IBM Data Studio introduces the pureQuery platform: a high-performance, Java data access platform focused on simplifying the tasks of developing, managing, and optimizing database applications and services.
FREE! Go There Now!
| | | |
Learn how to do more with your reusable assets with the free Rational Asset Manager eKit. The eKit includes demos on how Rational Asset Manager tracks and audits your assets in order to utilize them for reuse. Plus you’ll find white papers and a Webcast that discuss the challenges of a Service Oriented Architecture and how Rational Asset Manager can provide quick and effective solutions.
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!
| | | |
Get a free trial download of the latest version of IBM Rational Method Composer V7.2 which helps you deliver customized yet consistent process guidance to your project teams and IT organization, and includes the latest version of IBM Rational Unified Process (RUP), which has provided process guidance to teams since 1996.
FREE! Go There Now!
| | | |
As businesses grow increasingly dependent upon Web applications, these complex entities grow more difficult to secure. Most companies equip their Web sites with firewalls, Secure Sockets Layer (SSL), and network and host security, but the majority of attacks are on applications themselves – and these technologies cannot prevent them. This paper explains what you can do to help protect your organization, and it discusses an approach for improving your organization’s Web application security.
FREE! Go There Now!
| | | |
The discipline of assembling and delivering software is maturing beyond standard developer-centric compile/test software builds. The end-to-end software development lifecycle is emerging as the new focus moves “Beyond the Build.” Join this on demand webcast to learn about methods for streamlining software delivery and key capabilities of the IBM Rational Build Forge framework for automating build and release management in environments of any size.
FREE! Go There Now!
| | | |
With IBM Rational Systems Development Solution, you can deliver products faster with higher quality. Within this kit, Read the “Model Driven Systems Development” white paper to see how to improve product quality and communication. Then check out the rest of the e-Kit to learn more about important topics that can affect the success of any software project through customer examples, tutorials, informative Webcasts, and best practices for designing, building and managing systems. From start to finish, at every stage in your projects, Rational Systems Development Solution can help your company reach its full potential.
FREE! Go There Now!
| | | |
All FREE IBM® developerWorks Tools!
| |
