Color Variations

 
In this tutorial we will practice some of PS's layer styles and color variations. I was asked to do something shinny and colorful, so this is it. We will just make a design using basic line elements with combination with layer stiles.

Choose a document size first.

color variations

Create first layer and fill it with pure black color. This is going to be our background layer. Leave only the lower border a little bit lighter: Do it with low opacity or flow white to transparency gradient.

color variations

Next: create our major design element which we will use in this tutorial. Use Lasso Tool to do it.

color variations

Create a new layer at once and fill the selection with red. Leave the selection on.

color variations

Choose yellow to transparency gradient and overlay the selection with it. It will give some color variation.

color variations

Now let's give the shape some value, reflection and drop shadow using layer styles. Here are my layer styles.

color variations



color variations



color variations



color variations

I've also painted some dots using my dot brush. Select the layer, create new one and do the painting within the selection.

color variations

Now as I say, this will be our basic element of this tutorial. It means that you can just make copies of the layer to create some kind of composition.

color variations



color variations

As you can see I've converted some of my layers into smart object meaning that all my effect with stick to my layer. Moreover I can even make new 2nd time. Generally speaking I can make
  
a drop shadow, convert my layer into a smart object with shadow and drop another drop shadow to it.

color variations

Creating more and more of these shapes:

color variations

We have this bigger shape made from these small ones. Lock them up and make a copy of it. Moreover you have to transform the shape group to make it like it is reflected. Now we have some color contrast.

color variations



color variations



color variations



color variations

When you think you are satisfied with your lines merge them together (convert them into smart objects first not to get messy with all those layer styles).

I think we should drop a little bit of yellow. There is just too much red there. Select the part you like. And use yellow to transparency gradient to drop some yellow.

color variations

Next: press Q to switch to quick mask mode. Use black to white gradient to define the area exposed to the effect.

color variations



color variations

Tap Q once again to exit the mask. Here we have the area as a selection. Use motion and a little bit of Gaussian Blur to soften up the edges.

color variations



color variations

And the final effect I really want to apply is radial blur. The same technique: use quick mask - and then apply the effect on the area that is unmasked.

color variations



color variations



color variations

Some text and we are ready here.

color variations

As I think, you found out something useful for you in this quick tutorial. The best thing to get things right is to practice and focus on it completely. If you have this basic design you can make any king of variations.
   


Popular Tutorials

How to create your own PlanetChristmas WallpaperDesigning Marine Wallpaper - Special EffectsWave digital fusssion wallpaperSmoke EffectOld Venice Photo EffectsFull Moon in The Midnight ForestGreen Field Wallpapercool background

Latest Tutorials

OrangeMaking a plastic pepper project wallpaperGradient ToolwallpaperHow to make frees style wallpaperChristmas Ballsgreat color combinationscool backgroundcomposite all

13 Responses to "Color Variations"

 
Osito Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 19 Mar 2009 3:22:00 AM MDT
Pretty cool!

 
unny Rating: ratingfullratingfullratingfullratingemptyratingempty Unrated
said this on 20 Mar 2009 6:34:21 PM MDT
nice

 
james Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 31 Mar 2009 7:38:44 AM MDT
nice nice nice

 
Brochures Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 01 Apr 2009 7:23:36 PM MDT
This is really cool! The steps are easy enough to follow, and I can't wait to try out the different variations that can be done with this effect. Thanks for sharing this tutorial. Keep up the good work!

 
Biswanath Singha Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 10 Apr 2009 5:02:30 AM MDT
this is really good job and very nice.

 
bWFyZw== Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 13 Apr 2009 4:57:53 PM MDT
Instructions much improving . . .

 
photo retouching Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 08 May 2009 2:07:55 AM MDT
A really handy design tutorial. Pretty cool result!

 
Saw Htoo Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 25 Aug 2009 6:20:03 AM MDT
useful tutorial and easy to follow. keep up your good works. Thanks! :)

 
Gopal Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 01 Sep 2009 6:37:06 AM MDT
Nice one, i am going to try this today.

 
pietje Rating: ratingfullratingfullratingemptyratingemptyratingempty Unrated
said this on 29 Sep 2009 11:50:34 AM MDT
Nice but bad explanation...

 
Logain Rating: ratingfullratingfullratingfullratingemptyratingempty Unrated
said this on 26 Mar 2010 8:11:24 PM MDT
Nice, but can you show how you make all the curves and bends for the variations?

 
Photo retouching Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 22 Jul 2010 11:20:42 PM MDT
Great tutorial. It helped me a lot on a current project. I appreciate it.

 
raff Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 27 Oct 2010 1:05:46 PM MDT
great!!!!!!




Rate this article and leave a reply:
Rating: * Poor Excellent
Your Name *: Email (private) *: Website:
Please copy the characters from the image below into the text field below. Doing this helps us prevent automated submissions.
Security Code: img

Our tremendous offers for actualtests - ccna pdf - certification and pass4sure - linux+ - practice test prepare you well for the final selftestengine - pmp exam - certification exam. Our passguide - gmat - practice test prepares you for great success of realtests ccna certification exam.





Partner Links

advertise here ...
CSS Gallery