Adobe Photoshop Tutorial - Illustration effects

 
So for today we have another cool looking illustration that can fit an interior or something like this. In this tutorial we will use Adobe Photoshop and its color adjustment possibilities.

So let's start with this one shall we?
Create a new document, as usual.

Adobe Photoshop Tutorial - Illustration effects

As a first part of the tutorial we will overlay some layer with gradients.

Adobe Photoshop Tutorial - Illustration effects



Adobe Photoshop Tutorial - Illustration effects

So create a new layer, choose clack a white gradient and follow me.
Create another layer and overlay it with gradient too.

Adobe Photoshop Tutorial - Illustration effects



Adobe Photoshop Tutorial - Illustration effects

This time set blending mode to darken and see all the settings I detail. Here are the results of the first layer gradation.

Adobe Photoshop Tutorial - Illustration effects

To reach this effect just try several times with Darken gradient, you can not reach the exact form like I did.

Adobe Photoshop Tutorial - Illustration effects

Transform and Warp the top gradient. Something like this. Moreover set the layer mode to Linea light.

Adobe Photoshop Tutorial - Illustration effects



Adobe Photoshop Tutorial - Illustration effects

I've worked out some colors using Color balance adjustments.
I don't have the precise settings but as you can see the highlights are yellow and Mids are Violet – pink.

Adobe Photoshop Tutorial - Illustration effects

Now I would like to make the image more valued. So for this I will make some elements to fit the background.
Create a new layer and overlay it with pink to transparency gradient from top.

Adobe Photoshop Tutorial - Illustration effects

Well also use a mask on this layer and here are the gradient settings to our mask.

Adobe Photoshop Tutorial - Illustration effects

I also duplicated the gradient layer and set the top copy opacity to 3%.

Adobe Photoshop Tutorial - Illustration effects
  


I've also erased a little bit of the gradient using low flow opacity brush.

Adobe Photoshop Tutorial - Illustration effects

And Cropped the image to fit the composition.

Adobe Photoshop Tutorial - Illustration effects



Adobe Photoshop Tutorial - Illustration effects

I've created a new layer and paint just a little bit with the same soft brush.

Adobe Photoshop Tutorial - Illustration effects



Adobe Photoshop Tutorial - Illustration effects



Adobe Photoshop Tutorial - Illustration effects

Flip the canvas and we are ready with our basic element, but I want to create a wallpaper from all this.

Adobe Photoshop Tutorial - Illustration effects

Create a new document, let's say about 1024 x 768.
And rag our Flattened image to fit the wallpaper like this.

Adobe Photoshop Tutorial - Illustration effects

Create 4 copies of the Image and use Hue saturation adjustment on each of them. The value must be +12 on hue every time.

Adobe Photoshop Tutorial - Illustration effects



Adobe Photoshop Tutorial - Illustration effects

Use stroke 3 px on every copy.

Adobe Photoshop Tutorial - Illustration effects

Now what I did, I've created a copy of each of the layers (4) and merged them together.
Moreover I've applied motion blur filter

Use another Chrome filter changing completely the picture.

Adobe Photoshop Tutorial - Illustration effects

Final steps - 2 separate layers with gradients. Both set to Color Burn.

Adobe Photoshop Tutorial - Illustration effects

... and voila – it's done.

Adobe Photoshop Tutorial - Illustration effects

Our interior illustration is finished.

Adobe Photoshop Tutorial - Illustration effects

   


Popular Tutorials

cool backgrounddrawing shiny girl in Adobe Photoshop CSdrawing shiny girl in Adobe Photoshop CSWave digital fusssion wallpaperHow to create your own PlanetYellow Portrait Photo Effect in Adobe Photoshop CSDesigning Frosted WallpaperChristmas Night WallpaperAdagio

Latest Tutorials

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

10 Responses to "Adobe Photoshop Tutorial - Illustration effects"

 
Jack Rating: ratingfullratingemptyratingemptyratingemptyratingempty Unrated
said this on 10 Jul 2008 2:59:15 PM MDT
Full of errors! I'm not arrived to the end 'cause of the bad explanation! :(((

 
VEN Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 14 Jul 2008 6:22:58 PM MDT
great and marvelous designs

 
JOey Rating: ratingfullratingemptyratingemptyratingemptyratingempty Unrated
said this on 16 Jul 2008 7:13:50 PM MDT
I agree the explanation could be much better. The out come looks like a great one, but too many holes.

 
cyan Rating: ratingfullratingfullratingfullratingemptyratingempty Unrated
said this on 30 Jul 2008 3:53:21 AM MDT
very nice, it is there any download to reader?

 
Vanessa Rating: ratingfullratingfullratingemptyratingemptyratingempty Unrated
said this on 30 Jul 2008 11:36:44 AM MDT
I couldnt Finish cuz Well I got lost.... but in better detail itd be cool!

 
Mannpm Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 21 Aug 2008 3:44:34 AM MDT
I think this tutorial is verry good

 
Peter Pan Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 30 Aug 2008 10:51:00 AM MDT
Very good tutorial. I didnt have a simple problem with it, I wonder why did someone had..?

 
Kitsune Rating: ratingfullratingfullratingemptyratingemptyratingempty Unrated
said this on 25 Sep 2008 1:20:12 AM MDT
I agree with some people that the explanation could be better on this tutorial.. I could work my way through it to get the end result but mostly thanks to previous knowledge on photoshop.. showed and asked a friend (new to ps) to try out the guide and she got stuck really fast due the poor explenation... try and explain a little more.. neither you nor the trying people will loose on it ;D

 
Nelson Ortiz Rating: ratingfullratingfullratingfullratingemptyratingempty Unrated
said this on 13 Nov 2008 9:51:28 AM MDT
You Know it aint bad but It aint good.

 
viks Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 16 May 2009 1:07:54 AM MDT
very nice




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






Partner Links

advertise here ...
CSS Gallery