Draw a pixel tree in Photoshop

If you created your own isometric pixel city or a small pixel image, then you may also need pixel trees.

Such trees are a wonderful decorative element, they will decorate any drawn city, scene, not to mention parks or city landscapes.

Final image:

1. Sizes

We will draw a tree large enough, a little larger than a bush, but not quite huge.

Step 1

The height of the future tree is half the height of the character.

These are working sizes. In the process of drawing the height can be adjusted.

Step 2

The width of the tree trunk should be slightly thicker than the legs of the character. In my case, this is 4 pixels between the lines.

Step 3

And this is about the top of the tree.

2. Figures

The top of the tree will consist of a cluster of ovals. You can use simpler shapes, such as a circle or a square, but the cluster solution will give the tree a more realistic look.

Step 1

This is what the oval looks like, which we will draw. Its width 24 x 18px, but you can do it any.

Draw an oval with the tool Oval selection area (Elliptical Marquee Tool) by turning off the anti-alias function on the tool properties panel.

Then, the drawn selection needs to be filled with color. To do this, compress the oval selection by 1 pixel.Select> Modify> Contract (Selection – Modification – Compress) and fill it with green. But I prefer to draw an oval with the tool. Pencil (Pencil Tool), so that its edges are slightly jagged.

Step 2

Use the same oval to add it to the cluster. We will create three ovals at the top of the tree and five at the bottom.

Try several ways of placing ovals. This line will have three ovals.

Step 4

The third oval on this line will be slightly lower.

Step 5

Add a pair of ovals to the bottom of the tree – you can paste them onto a new layer, move the layer below the original and merge (Ctrl + E).

Step 6

Remove the guides you used to draw the tree:

Step 7

A rounded tree trunk visually softens its jagged edges:

We created the main tree shape and now we need to draw a shadow to add volume to it.

Step 1

Gradually, adding shadow to the tree, we will get rid of the contour lines inside it.

Step 2

The top of the tree will be lit more than the rest. This shade will be 10% brighter and will also have a warmer shade.

Step 3

Focusing on the screenshot, add to the sides of the foliage of the tree exactly the same shade as in the previous step:

Step 4

Add exactly the same shade to the central oval:

Step 5

Now add a dark shade to the bottom of the ovals in the center. This shade should be 10% darker than the base color of the foliage.

Step 6

Add another shade to the lowest part of the foliage – it should be 10% darker than the previous one.

Step 7

Now change the color of the tree trunk to brown. Also, after the color of the trunk is set, you can change it using the Color Hue / Saturation command (Image> Adjustments> Hue / Saturation).

Step 8

In the final, add a shadow on the tree trunk. The edges of the trunk may be darker or lighter. In my case, they are darker.

Now we will add texture to the tree, mixing several different shades. This is done to add leaf texture to the tree.

Step 1

To create a smoothed transition, I will use areas of 4 pixels each, and for individual areas, 2 pixels each.

For more convenience, when drawing, zoom the image with the tool Zoom (Scale).

Step 2

At the top of the tree and a little to the left, the pixel texture is drawn.

Step 3

Copy the pixel texture (Ctrl + C) and paste it on the other side of the tree and in its central part (Ctrl + V).

Step 4

Now draw a pixel texture on the middle part of the tree, creating a smooth transition from green to dark green.

Step 5

Smooth the texture slightly above the middle part of the tree so that it looks voluminous and to make its shape rounder.

Step 6

Now add a few dark pixels to emphasize the gap between the side and the center of the oval. This will give the tree a cluster look, as intended.

Step 7

After this part is ready, copy it (Ctrl + C), flip horizontally (Edit> Transform> Flip Horizontal) (Edit – Transform – Flip horizontally) and place it on the opposite side.

Step 8

Also, place the finished pixel part from the previous step on the bottom dark green part of the tree:

Step 9

To add a pixel texture to a tree trunk, on a new layer (Shift + Ctrl + N) draw a small black pixel pattern, apply it to the trunk and reduce the opacity to 20%. After, perform the merge layers (Ctrl + E).

Due to this, the trunk will acquire the texture of the bark.

Step 10

Make a lighter contour of the trunk, and draw a black shade around the tree that falls to the ground from its top. Reduce the opacity of the shadow layer to 10%.

Final image:

Author: Rene Alejandro Hernandez

Transfer: Slutskaya Svetlana

Like this post? Please share to your friends: