Simple 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!!
![]()
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:
![]()
You will Get this Gradient Effect:
![]()
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 Glow:
![]()
Bevel and Emboss:
![]()
Set Color Overlay to #089a19 :
![]()
All Done here is the final version:
![]()
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
One Response
Trackbacks/Pingbacks
- 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 ...
- uberVU - social comments - Social comments and analytics for this post...This post was mentioned on Twitter by Designzzz: Simple Jelly Text Effect #Photoshop Tutorial ...
- 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 ...
- CSS Brigit | Simple Jelly Text Effect Photoshop Tutorial - Simple Jelly Text Effect Photoshop Tutorial...Simple Jelly Text Effect Photoshop Tutorial...
- tripwire magazine | tripwire magazine - [...] represent type foundries and some exist to share news about typography and other related topics.Simple Jelly Text Effect Photoshop ...
- Simple Jelly Text Effect Photoshop Tutorial | Design Newz - [...] Simple Jelly Text Effect Photoshop Tutorial [...]
- ¡Hei pwantso! » Texto efecto xel - [...] Simple Jelly Text Effect Photoshop Tutorial Publicado por ozzo at 10:56 am Comentarios (0) ...
- 55+ Fresh Community Links for Designers and Developers | tripwire magazine - [...] Simple Jelly Text Effect Photoshop Tutorial [...]
- 55+ Fresh Community Links for Designers and Developers | Programming Blog - [...] Simple Jelly Text Effect Photoshop Tutorial [...]
- 55+ Fresh Community Links for Designers and Developers | Master Design - [...] Simple Jelly Text Effect Photoshop Tutorial [...]

Create an Explosive Text Effect in Photoshop
Simple Website Layout Tutorial Using HTML 5 and CSS 3
Convert Picture into Watercolor Painting
15 Impressive Photoshop Tutorials
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!