BLOG POSTS Previous Next

Create Awesome Gradient Backgrounds in Photoshop

POSTED ON JUNE 3, 2010 BY PRAVEESH
To learn this technique, you should have any version of Photoshop installed in your system.No
other knowledge required.So let us start the steps:
1. Open Photoshop, it will look as given below (Mine is CS4)
2. Go to File-> New
REQUEST FOR A TUTORIAL
Are you looking for a
Beginners Tutorial on any
Topic ? Give me the topic, Let
me start writing !
Click Here to Suggest
HAVE A LOOK HERE!
Blogging | Designing | Web | Techie Updates
HOME BLOG WORDPRESS? PHOTOSHOP? STUDY MATERIALS GALLERY ABOUT ME CONTACT ME
Adobe Photoshop 6 Photoshop Effects Photoshop CS4 Learn Photoshop
Like 0 Send
Create Awesome Gradient Backgrounds in Photoshop | Praveesh's Blog http://www.praveesh.com/create-awesome-gradient-backgrounds-in-ph...
1 of 10 08-05-2013 PM 01:04
3. Select a suitable size of your choice. Also you can increase the resolution of the image if you
want.I used the following setting:
4. Click on Set foreground color Box as shown in picture below:
Enter your email address:
Delivered by FeedBurner
GIVE A LIKE IF YOU LIKE
Find us on Facebook
Praveesh's Blog
Like
738 people like Praveesh's Blog.
Facebook social plugin
MY OTHER BLOGS | WEBSITES
Create Awesome Gradient Backgrounds in Photoshop | Praveesh's Blog http://www.praveesh.com/create-awesome-gradient-backgrounds-in-ph...
2 of 10 08-05-2013 PM 01:04
5. A Color picker box appears as shown in the picture below. Select any dark colour from the
box by moving the small circle with your mouse inside the box.Then click ok.
6. Now select the paint bucket tool.
7. Fill the workspace by clicking the paint bucket inside your workspace.
AD
Roy Tanck's Flickr Widget
requires Flash Player 9 or better.
Create a widget like this 3D rotating photos
Mount Ellys
Vacation
www.MountEllys.com
Enjoy The World'S First
Infinity Platinum Pool @
Mount Ellys
Design logos &
websites
www.maacindia.com
12-month course to work
in media Join MAAC
Multimedia course today!
Graphic
Designing
Courses
www.Shiksha.com/Gra
Find Top Graphic
Designing Courses &
Institutes in India @
Shiksha.com
Graphic Design
www.Quikr.com
Multiple Positions Open
In Your Desired Field.
Apply Now. Free!
Photo Album
Software
www.myscrapnook.com
Create & Share
Scrapbooks - Post to
Your Wall & Share w
Friends-Get App

Create Awesome Gradient Backgrounds in Photoshop | Praveesh's Blog http://www.praveesh.com/create-awesome-gradient-backgrounds-in-ph...

3 of 10 08-05-2013 PM 01:04
8. Again go to Set Foreground color Box
9. Select a light shade of the last selected dark color.
10. Add a new layer by clicking the Add New Layer button as shown in the picture below:
Create Awesome Gradient Backgrounds in Photoshop | Praveesh's Blog http://www.praveesh.com/create-awesome-gradient-backgrounds-in-ph...
4 of 10 08-05-2013 PM 01:04
11. That will create a new layer above the background layer Layer 1 .
12. Select Brush tool
Create Awesome Gradient Backgrounds in Photoshop | Praveesh's Blog http://www.praveesh.com/create-awesome-gradient-backgrounds-in-ph...
5 of 10 08-05-2013 PM 01:04
13. After selecting brush tool, bring it to your workspace( hope u understood which is the
workspace,the place where we do all works , the place where we filled the dark green color at
first).Right click on the workspace for an option like that in the picture below.Select Soft round
100 pixel or 200 or 300. I used 200.
14. Draw in any fashion on the workspace.(What you draw here comes in Layer 1).
15. Now goto Filter->Blur->Gaussian Blur
Create Awesome Gradient Backgrounds in Photoshop | Praveesh's Blog http://www.praveesh.com/create-awesome-gradient-backgrounds-in-ph...
6 of 10 08-05-2013 PM 01:04
16. A Gaussian Blur Box appears. Adjust the slider and see the changes in your workspace.(
Check that the preview option is selected as shown in picture below).
17. Your Gradient Background is ready. Now use the Text tool to type something on it.
Adjust the text settings of the text from the menu given at the top of the photoshop as shown
below:
Click the text tool on the workspace and type the text.
Create Awesome Gradient Backgrounds in Photoshop | Praveesh's Blog http://www.praveesh.com/create-awesome-gradient-backgrounds-in-ph...
7 of 10 08-05-2013 PM 01:04
Go to File-> Save
Give a name, select a format.
Select JPEG format for saving it as an ordinary Picture. Select PSD format for saving it as a
Photoshop file,so that you can edit it later.
Create more such gradients in different patterns.
Create Awesome Gradient Backgrounds in Photoshop | Praveesh's Blog http://www.praveesh.com/create-awesome-gradient-backgrounds-in-ph...
8 of 10 08-05-2013 PM 01:04
In case of any doubts, Comment it here ar mail me at: [email protected]
Give your comments on this post please.
click here to read the tutorial on how to create-a-sticker-text-effect-in-photoshop.
Related Posts
THIS ENTRY WAS POSTED IN FEATURED, PHOTOSHOP, PHOTOSHOP FOR BABIES, TECHYTRICKS, TUTORIAL AND TAGGED CREATE
AWESOME GRADIENT BACKGROUNDS IN PHOTOSHOP, PHOTOSHOP, PHOTOSHOP TUTORIAL FOR BEGINNERS. BOOKMARK THE
PERMALINK.
3 thoughts on Create Awesome Gradient Backgrounds in Photoshop
Pingback: Tweets that mention Create Awesome Gradient Backgrounds in Photoshop | Praveesh
-- Topsy.com
Good work brokeep going
MiTHuN says:
Reply Reply
Create Awesome Gradient Backgrounds in Photoshop | Praveesh's Blog http://www.praveesh.com/create-awesome-gradient-backgrounds-in-ph...
9 of 10 08-05-2013 PM 01:04
[...] This post was mentioned on Twitter by Praveesh, Praveesh. Praveesh said:
Create Awesome Gradient Backgrounds in Photoshop http://bit.ly/dsDWvr [...]
Leave a Reply
Your email address will not be published. Required fields are marked *
Name *
Email *
Website
Comment
You may use these HTML tags and attributes: <a href="" title=""> <abbr title="">
<acronym title=""> <b> <blockquote cite=""> <cite> <code> <del
datetime=""> <em> <i> <q cite=""> <strike> <strong>
RECENT POSTS
Nothing to loose! But If you are really Lucky
You can Win a DSLR Camera!
Request For a Tutorial
New Logo: 2013
People Who Changed Internet [Must Known
Founders]
Why its better to pretend you dont know
anything about computers?
RECENT COMMENTS
My Say on Nothing to loose! But If you are
really Lucky You can Win a DSLR Camera!
My Say on People Who Changed Internet
[Must Known Founders]
Sidharth on Few Websites Not Loading On
BSNL Broadband?
shoukath on How to Type in Malayalam?
The Narcissist on How to Design a Facebook
Cover Photo?
MY FRIENDS
Hari Krishnan
iamshaazz
Mahith
Niju Mohan
Nistul
Sooraj Keshav
Copyright 2013 Praveesh's Blog - Blogging | Designing | Web | Techie Updates.
Amy says:
Reply Reply
Create Awesome Gradient Backgrounds in Photoshop | Praveesh's Blog http://www.praveesh.com/create-awesome-gradient-backgrounds-in-ph...
10 of 10 08-05-2013 PM 01:04