Simple Jelly Text Effect Photoshop Tutorial

11


Simple Jelly Text Effect Photoshop Tutorial

photoshop text tutorialSimple Photoshop Jelly Effect Text Tutorial

This is a very very simple Photoshop Text Tutorial to show you how to make jelly sort of effect in text elements. Only thing you need for this tutorial is photoshop, because all the effects are made by blending options. This is my first Graphics Tutorial so please critique and suggestions are always welcome :) . ok Lets start!!

 

photoshop text jelly effect tutorial

 

Take a new Document of 600 x 600 px. Double click on the background layer (default layer) to unlock it.
Now right click on the layer and click Blending Options. In Blending Options Go to Gradient Overlay.
Set the Blend Mode to Normal
Opacity to 100%
Style to Radial, check the both check boxes Reverse and Align with Layer.
Keep the Angle at 90
Set the Scale to 150%
Click on the Gradient Color Seclctor and set one color to Black #000000 and the other to Green #155e0d.
Now Move the radial Circle in the middle of the document by dragging it.

See the Image Below for Gradient Settings:

photoshop tutorial gradient settings

You will Get this Gradient Effect:

gradient color

 

Take the text tool from Left Tool box pane and write any word u like with any font you prefer. In my Tutorial’s Case i have used the font Kristen ITC.
Align the Text in center of page.
Right click on the text layer and click Blending Options. Perform the Following Actions

Inner Shadow:

inner shadow  photoshop tutorial

 

Inner Glow:

inner glow photoshop tutorial

 

Bevel and Emboss:

bevel and emboss photoshop tutorial

 

Set Color Overlay to #089a19 :

color overlay photoshop tutorial

 

All Done here is the final version:

final jelly text tutorial photoshop

 

Line Break

Author: Ayaz Malik (92 Articles)

I am a designer, developer and Publisher. Running a few blogs and publishing alot of interesting stuff. My main Project is an online art and online drawing community for all sort of artists, designers, photographers etc. called Blasting Art

Posted in Tutorials | Posted on 31-10-2009

Tags: , , , , , ,

design RSS design twitter follow


Comments (11)

[...] This post was mentioned on Twitter by Ayaz Malik, Sarl PRO MESS. Sarl PRO MESS said: RT @Designzzz: Simple Jelly Text Effect #Photoshop Tutorial – http://www.mylnk.us/8l http://myloc.me/1hiHA [...]

Social comments and analytics for this post…

This post was mentioned on Twitter by Designzzz: Simple Jelly Text Effect #Photoshop Tutorial – http://www.mylnk.us/8l...

[...] DIRECT LINK » Go to SourceSubmit this to Script & StyleShare this on BlinklistShare this on del.icio.usDigg this!Post this on DiigoShare this on RedditBuzz up!Stumble upon something good? Share it on StumbleUponShare this on TechnoratiShare this on MixxPost this to MySpaceSubmit this to DesignFloatShare this on FacebookTweet This!Subscribe to the comments for this post?Share this on LinkedinSeed this on NewsvineShare this on DevmarksAdd this to Google BookmarksAdd this to Mister WongAdd this to IzebyShare this on TipdShare this on PFBuzzShare this on FriendFeedMark this on BlogMarksSubmit this to TwittleyShare this on FwispMoo this on DesignMoo!Share this on BobrDobrAdd this to Yandex.BookmarksAdd this to Memory.ruAdd this to 100 bookmarksAdd this to MyPlaceSubmit this to Hacker NewsSend this page to Print FriendlyBump this on DesignBumpAdd this to NingPost this to IdenticaIf you enjoyed this post, make sure you subscribe to my RSS feed! Tags: effect, Jelly, link, photoshop, simple, text [...]

Simple Jelly Text Effect Photoshop Tutorial…

Simple Jelly Text Effect Photoshop Tutorial…

[...] represent type foundries and some exist to share news about typography and other related topics.Simple Jelly Text Effect Photoshop TutorialSimple Jelly Text Effect Photoshop Tutorial3 Ways Link Building Firms Cheat You“Permanent One Way [...]

[...] Simple Jelly Text Effect Photoshop Tutorial [...]

[...] Simple Jelly Text Effect Photoshop Tutorial Publicado por ozzo at 10:56 am   Comentarios (0) [...]

[...] Simple Jelly Text Effect Photoshop Tutorial [...]

[...] Simple Jelly Text Effect Photoshop Tutorial [...]

[...] Simple Jelly Text Effect Photoshop Tutorial [...]

Yeah I really appreciate all the quality styles, buttons, patterns. All without running in circles trying to find a download link. Hope you guys grow bigger and become a force in the photoshop psd file scene :) . Definitely have the quality already!

Write a comment