By | December 16, 2021

HOW TO MAKE A TREE PICTURE VECTOR WITH ADOBE ILLUSTRATOR how-to-vector-image-tree-with-adobe-illustrator

Trees are objects that are often used as ornaments in a creative graphic design, sometimes we use tree objects in the form of bitmap photo images in jpg file format or files saved in png format. Actually we can draw trees in vector format using CorelDraw or Adobe Illustrator.

This time the design studio admin will give a tutorial on how to make a tree image with adobe illustrator, my friend can use adobe illustrator CS3 or CS4

Here are the steps on how to make a tree image with Adobe Illustrator

Step 1
First, we will work on creating a custom brush.
Pick the Pen Tool (P) and draw a leave shape. Fill the shape with green and set the Stroke to dark green.


Step 2
Create a curved line with the Pen Tool (P) across the leave using the same color as the leaf’s Stroke.


Step 3
Make two copies of the leaf and change the fill color to dark and light green. Each leaf group (Command + G). Now make a duplicate of each leaf (Command + C) and (Command + V).


Step 4
Place the leaves next to each other so that some of them overlap, and rotate (R) each leave so that they are all tilted towards the same direction.


Step 5
Double-click on the Scale Tool. Make sure that the Scale and Effect Strokes are selected and hit OK.


Step 6
Now Select all the leaves and group them (Command + G)


Step 7
With the leaf still selected, set the width to 45px. Make sure that the Width and Height Proportions constraint options are enabled.

Step 8
Set the stroke to 1pt. Select a leaf. Now open the Brushes window. In the upper right corner of the window there is a small triangle facing down – click on it. Choosing a New Brush…


Step 9
Choose a Scatter Brush

Step 10
Size: Random between 76% – 134%
Spacing: Random between 65% – 119%
Spread: Fixed – 6%
Rotation: Random between 41° – 110°

Step 11
Now we will go to how to draw a tree.
Create a new layer and call it “background image.” You need a tree image to use as a reference when drawing a tree. I’ve chosen to use a photo that I took myself, but you can use any image you want, as we’ll only be using it to trace tree trunks.

Step 12
Place the tree image on the “background picture” layer and lock the layer (Command + 2).

Step 13
Create a new layer and name it “trunk.”

Step 14
Pick the Pen Tool (P) and start tracing the outline of the tree in the “trunk” layer.

Step 15
Hide the “image background” layer. Fill the shape with a dark brown color and set the Stroke to none.

Step 16
Now we are going to create some shades in the trunk. Pick the Brush Tool (B), and with a round brush paint a thick line on the inside of the stem following the line from the first shape. Fill it with dark brown and give it a Transparency of 45%. Repeat the same thing on the left side of the trunk.

Step 17
Choose a lighter brown and place a line in the middle of the stem with a Transparency of 30%.

Step 18
Select all the stem sections and group them (Command + G), and then lock the layer.

Step 19
We will now use the brush made earlier to finish the tree.
Create a new layer and call it “leaf.” Lock all other layers.

Step 20
Grab the Brush Tool (B). Select your new leaf brush from the brush palette. Make sure fill is set to blank. Paint an outline where the leaves of the tree will be placed.

Step 21
With the Brush Tool still selected, start painting in all the empty space within the lines you just created. Leave some holes to make the tree more realistic, and retouch the border by adding extra leaves.

Step 22
Now we are going to create some shading and light on the leaf with the help of the Gradient Mesh Tool. Create a new layer and name it “light,” and lock the other layers.
Outline the treetop silhouette with the Pen Tool (P) or the Pencil Tool (N). It doesn’t need to be precise, but try to stay inside the leaf edges.

Step 23
Fill the shape with an average green color and set the step to none.

Step 24
With the shape still selected go to Object > Create Gradient Mesh. Check the preview box. Set Row to 4, Column to 4, Flat Appearance, and Highlight at 100%, then hit OK.
If you get an error message read the following (Extra) tip.

Extra – Skip if You Don’t Get Error Message
If you get an error message that says “the path has too many points to create a gradient mesh”, then you can do one of the following:
Redraw shapes without as many points
Or go back, select the shape, and go to Object > Path > Simplify. Check the preview box, and bring both the Curve Precision and Angle Threshold down until the current pt is under 100. Then you’re ready to redo
Step 24.

Step 25
We are now going to color the gradient mesh and you can choose any color you want based on what effect you want. For example I’m going to choose some colors that will create the effect that there’s sunlight reflecting on the left side of the tree and a bit of shadow on the right.
Select the shape you created and click on the Direct Selection tool (A)

The gradient mesh has created 16 sections in your shape. With the Direct Selection Tool click on the center of the first shape.

With the area selected, choose a yellowish color that is not too light.

Step 26
Repeat the steps above selecting other areas of the gradient mesh and giving each area the appropriate color. I’ve chosen to place bright shades of green and yellow on the right and dark greens on the left and bottom of the mesh. You can see what colors I’ve chosen for each area below.

Step 27
With the Selection Tool (V) select the shape with the gradient mesh.

Step 28
Open the opacity window (Window > Transparency). With the shape still selecting Set Mode on Soft Light and Opacity at 71%.


Final Result

Now you have the tools to create your own vector forest.


That’s the tutorial how to make a vector image of a tree with adobe illustrator

related post