Advertisement

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 (164 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

design RSS design twitter follow

One Response

  1. 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!

Trackbacks/Pingbacks

  1. Tweets that mention Simple Jelly Text Effect Photoshop Tutorial – Designzzz -- Topsy.com - [...] This post was mentioned on Twitter by Ayaz Malik, Sarl PRO MESS. Sarl PRO MESS said: RT @Designzzz: Simple ...
  2. uberVU - social comments - Social comments and analytics for this post...This post was mentioned on Twitter by Designzzz: Simple Jelly Text Effect #Photoshop Tutorial ...
  3. Simple Jelly Text Effect Photoshop Tutorial | Programming Blog - [...] DIRECT LINK » Go to SourceSubmit this to Script & StyleShare this on BlinklistShare this on del.icio.usDigg this!Post this ...
  4. CSS Brigit | Simple Jelly Text Effect Photoshop Tutorial - Simple Jelly Text Effect Photoshop Tutorial...Simple Jelly Text Effect Photoshop Tutorial...
  5. tripwire magazine | tripwire magazine - [...] represent type foundries and some exist to share news about typography and other related topics.Simple Jelly Text Effect Photoshop ...
  6. Simple Jelly Text Effect Photoshop Tutorial | Design Newz - [...] Simple Jelly Text Effect Photoshop Tutorial [...]
  7. ¡Hei pwantso! » Texto efecto xel - [...] Simple Jelly Text Effect Photoshop Tutorial Publicado por ozzo at 10:56 am   Comentarios (0) ...
  8. 55+ Fresh Community Links for Designers and Developers | tripwire magazine - [...] Simple Jelly Text Effect Photoshop Tutorial [...]
  9. 55+ Fresh Community Links for Designers and Developers | Programming Blog - [...] Simple Jelly Text Effect Photoshop Tutorial [...]
  10. 55+ Fresh Community Links for Designers and Developers | Master Design - [...] Simple Jelly Text Effect Photoshop Tutorial [...]

Leave a Reply

Show Your Last Blog Post via CommentLUV