Friday, December 24, 2010

Create a beautiful Christmas tree

Step 1 - branches

We start by opening up a new document. The first branch looks like this. I used a small brush (3 px) with color #808250.
Needles use color #7f9451. It’s going to be fast if you have tablet, if you don’t – see step 2.

And more needles with a lighter color, #aabc8a.

Step 2

If you don’t have tablet you can use the standard Photoshop brush 'Dune Grass', just modify brush tip shape.

Rotate the angle according to side which you draw with brush. But be careful. Use more spacing, otherwise it’s going to be branches with fur, not branches with needles.

So, the first branch is done, but we gotta do more. We need at least 4 in different variations (rotation, shape, size) on separate layers.

Step 3

Create new document with size of icon you want to do, I used 256 pixels by 256 pixels. Start creating the bottom of the Christmas tree with the branches we already did. Duplicate,rotate and resize so they will be different. Make about 10-12 branches.

We make small inner shadow for the branch, so it won't look so flat. Apply this style to all branches.

Step 4

Merge your branches into one layer, and duplicate it.

Flip horizontal.
And move the new layer a little above the existing branches, so it will look like solid bush.

Duplicate again and make background branches using Transform-> Distort.

Duplicate once again and make upper level.

We are in the middle of the Christmas tree, so next levels won't need as many branches. We use about half as much.
The last level of branches will need some work. For a better result, put together this level using the single branches we started out with. Just keep in mind to place them closer together.

I don’t like this empty spaces in bottom so I filled them with a small size copy of the lower level of branches. 

Step 5

Now, that hardest part is done, we can start to decorate the Christmas tree and give it more of a 3D look. I want to do different colored balls. If you want a one-color Christmas tree, do one color round shapes between branches layers. 

To get a 3D effect for use these options in Layer style:

Step 6

The Christmas tree still looks quite flat, so what we're going to do is make dark shadows with a big soft brush in new layer between the branch layers. Blending mode for all shadow layers must be “Multiply” mode and not full opacity. 

Create a new layer and do some white spots with white 9-13 pixel brush. This is to add some contrast. We've already created the dark part, now it’s time for light.

Step 7 - add a little shadow

Create a new layer and send it to the back. Draw a little with a big black soft brush, scale it to fit and the move it under the Christmas tree.

Now we will make more contrast 

After you save for web what you’ve done, you can open PNG and add some sharpness so it will look more detailed.



Suraj said...

Create a beautiful Christmas tree! It's Great...
Thanks for sharing how to crate Christmas tree step by step with the help of photo editing software.

Emily Alyn said...

Wow! What a nice design of the Christmas tree is this.Check Advantage coupon

byodbuzz03 said...

Thank you for this post, very interesting.

I am a marketer in Grenoble (France). I use on an everyday basis Gimp and Canva.

Gimp is not very intuitive, you need months and months of use to begin making amazing stuff with it.

On the other side, Canva is the most intuitive photo editor ever. In 5 minutes you can create catchy images, background that do not look like an old ‘paint’ image.

So the best combo is to modify your image with Gimp, put it in PNG format, and ‘work’ on it with Canva. Hope it will give you ideas


marketer at

Post a Comment