--
Published on Mon, Jun-21-2010 by Sergey

Create Colorful Composition in Photoshop


For some time, we hadn’t a drawing tutorial, so here is new one. In this Photoshop drawing tutorial we will create a beautiful and colorful composition with circles. In this tutorial we will mostly use standard features of Photoshop, but I think you will learn some extra tricks using basic Photoshop tools. Mostly, we will use Layers styles and Pen tool. Just want to add that the technique you will learn in tutorial you’ll be able to apply not only in creating balls, but for example the Christmas ornaments or any other abstract decors. So, let’s start tutorial.

You May Be Interested In The Following Posts


Stocks Used:

Final Image Preview

Colorful Composition

1.Step – Background and Circle

Create a new document 1000px * 650px.

The main figures in our work will be circles and curves. We begin with the creation circles and circles detailing. Using the tool Ellipse Tool (U) and create an ideal flat large circle.

Colorful Composition

2.Step – Blending Options of circle

Use the Blending Options to set the style of our figure.

Colorful Composition

Custom styles like this:

Colorful Composition

Colorful Composition

Being in the section Gradient Overlay move the cursor with a gradient in the upper left edge. This will make our figure more beautifully.

Colorful Composition

And next add Bevel and Emboss and Inner Glow parameters:

Colorful Composition

Colorful Composition

Your result should be like this:

Colorful Composition

At this stage we have finished setting the style!

3.Step – Processing of circle

Next, we will work with Pen Tool (P). This is very important part of our work.

So, select the Pen Tool, create a new layer above the others and put the icon on the Paths and adjust the point this way:

Colorful Composition

Click the right button on the selection and press the Make selection.

Colorful Composition

Fill selection with white color.

Colorful Composition

Using the Eraser Tool, for erase sides as shown below. Use a soft brush at 50% opacity and set the opacity of this layer to 35%.

Colorful Composition

In the same way we make a new section below, similarly: (Note I used only 2 points)

After that, fill our section with white.

Colorful Composition

For better quality we’ll erase some parts, like this: (again we use for this soft eraser of 50% opacity.)

Colorful Composition

Create another layer above others and create Pen Tool new section in the middle of our circle. Try to draw it symmetrically other sections. And fill this section in black.

Colorful Composition

For a better effect edit parameters of layers like this:

Colorful Composition

*For better quality we’ll erase some parts on middle layer, like this: (again we use for this soft eraser of 50% opacity.)

Colorful Composition

Create a new layer and add the final part, like this:

Colorful Composition

Colorful Composition

Colorful Composition

Now select all layers of circle and press Ctrl + E to making a single layer.

Now our circle is fully prepared and we can proceed to the next step!

4.Step – Circles and type

So, now we have only 1 layer, our circle. Now we need to add text and multiply circles. It is very easy, just make a duplicate layer with the circle and change his hue. Start by creating a text.

By the way you can experiment with colors.

For the font I used “Microsoft Sans Serif” and I wrote the word “TYPO” (size: 120pt.). Also I made a bit smaller our circle to 72%.

Colorful Composition

Next, make a duplicate layer of our circle and make circle to 72% of its size, press Ctrl + T to do that. Also change the color as shown below:

Colorful Composition

Colorful Composition

Next, experiment, like this:

Colorful Composition

Colorful Composition

Colorful Composition

Colorful Composition

For the blurring of circle I used the filter Gaussian Blur on 2.2 pixels:

Colorful Composition

At the same:

Colorful Composition

Now just add a little text “Magic” (Microsoft Sans Serif font / 40pt.)

Colorful Composition

5.Step – Lines

So now time for beautiful lines and a some little circles.

Create a new layer, above the others and select the Pen Tool (icon on paths). To make a beautiful lines you need minimal skills of Pen tool and a little of imagination. So start drawing the first line!

Colorful Composition

To make a full line pre-adjust the brush like:

Colorful Composition

And click on the Stroke Path and next like:

Colorful Composition

Colorful Composition

So, now we have:

Colorful Composition

Rename this layer to “Line 1″

In the same way, make 4 more lines beside with others lines. Important: make a new line on a new layer! As a result, you should get like:

Colorful Composition

Colorful Composition

Now, the important part: you need to configure the style of each lines. Simply set the style for one line, then simply change the color for the other, for example, style for the layer “Line 1”:

Colorful Composition

And we got result like this:

Colorful Composition

In the same way make the same styles for the remaining lines simply by changing the color.

Result:

Colorful Composition

Next, merge all layers (5 layers) with lines (select layers and press Ctrl + E).

Select Eraser and erase unnecessary parts:

Colorful Composition

I think now this lines looks nice.

Colorful Composition

I also added a few small circles near the lines.

Colorful Composition

6.Step – Finishing

Now is the time to decorate the work by leaves. To do this, I took a picture from Sxc.

Colorful Composition

To separate the leaves from the background I used the following steps:

Click on the Select -> Color Range. Click on a white color on the background (fuzziness = 165) -> Delete selection. For the better quality click on the Layer -> Matting -> Defringe (1 px).

Colorful Composition

Colorful Composition

Colorful Composition

You should get:

Colorful Composition

Now just drag it on our work, as you like (under the layers of circles and lines), I have cloned layer with leaves 3 times and changed their rotate. You should get like that:

Colorful Composition

So, we are almost finished! Well, let’s make a nice background! First you need to assign a background-layer style.

Colorful Composition

Colorful Composition

Result:

Colorful Composition

Take this photo from Sxc.

Colorful Composition

Place it above the layer with the background and set the blend mode Lighter Color. As result we have:

Colorful Composition

Select Brush and draw near our abstract such fill. Color of fill – 03e1de.

Colorful Composition

Then apply the filter Blur -> Gaussian Blur (48 pixels). And set the opacity to 50%. As result we have:

Colorful Composition

Next, create new layer above others: Layer -> New Adjustment Layer -> Levels:

Colorful Composition

And finally, our work is done! I add some little details and we can see result:

Final Result: Abstract composition

Colorful Composition

Download Psd file

Advertisement


17 Responses

  • Ben say:

    I can’t do step 3 becasue i don’t know how to shape the object…

    1
  • Mpa say:

    it ‘s realy nice and helpful
    thank you ;)

    2
  • Vijay Paul say:

    awesome tutorial dude. really helpful to an amateur like me :)

    3
  • micc say:

    i hade done a lot of tutorials but this one have the best explanation thanks man ;)

    4
  • deden say:

    i like it… it’s nice and great tutorial.. thank you…

    5
  • mostafa say:

    it ‘s realy nice and helpful thank you a lot ..

    6
  • Guest say:

    Wow! Nice uplifting colors!

    7

Leave Your Response

About PsDeluxe

Psdeluxe is a Design blog dedicated to mainly Photoshop lovers and enthusiasts. We regularly update blog with free and easy to learn free Adobe photoshop tutorials, useful freebies for design projects, powerful tools that will make your work easier and we publish showcase of most beautiful and interesting designers works around the work that hopefully will inspire. Learn Adobe Photoshop techniques with us. Talented and professional designers are always welcome to join our author team. Feel free to subscribe to our Rss feed to be first who get all valuable information for designers.



     Technology news | Wordpress templates | ThemeLabs | Review themes

Recommended Links



Wordpress review theme