Search This Blog

Tuesday, June 25, 2013

Create a Japanese Cherry Blossom Scene


Hey everyone! Today we will be creating a nice Japanese style cherry blossom scene in Adobe Illustrator using the Blob brush, Eraser and the Ellipse tool. So let’s get started!

Final Image

Below you can see the final image for this project.
Final image

Project Details

Program Adobe Illustrator CS4 +
Difficulty Beginners / Intermediate
Topics Covered Blob Brush, Eraser, Ellipse Tool
Estimated Completion Time 1.5 – 2 hours

Step 1

Create a new document 600×600 pixels wide and click OK
New document

Step 2

We will be starting with the cherry blossom tree branch.
First set your fill color to black and no stroke.
Choose the Blob Brush tool (Shift + B), double click on the tool to open up the Blob Brush Tool Option panel. Here you have a lot of controls to play with. For me the values in the image below worked well.
I am using a pen tablet for this project so next to the Size value I chose ‘Pressure’, because Blob brush can respond to the amount of pressure I put on the pen while drawing. Of course you can use your mouse for this, in that case leave it to ‘Fixed’.
New document

Step 3

Click “OK” and start drawing the tree branch shape. At this stage it doesn’t have to look perfect, just try to create the approximate shape you want it to be.
Because the Blob Brush is an intuitive tool, you do not have to use any Pathfinder operations to join different objects, or in this case, paths. Every time you overlap one path with another, the Blob Brush tool merges those paths automatically, creating a single shape.
New document

Step 4

Now that we have the approximate shape of the branch, we need to make it more natural and “tree-like”.
To do this, we will use the modest Eraser. Choose the Eraser (Shift + E), double click on it to modify the size of the eraser. Again since I’m working with a pen tablet, I set the size to ‘Pressure’, if you are working with a mouse, leave it to ‘Fixed’ and click “OK”.
New document

Step 5

Now let’s make this blob shape into a natural looking tree branch.
Simply start tracing the sides of your tree shape with the eraser. Take your time in this step, use short strokes to make the shape look more natural, change the size of your eraser if needed. If you erase too much simply switch back to the Blob Brush (Shift + B) to fill the shape in again.
New document

Step 6

This is how my tree branch looked before I used the Eraser and after. I erased quite a lot to make the branch thinner and more fragile looking. Of course your tree branch won’t look the same as mine, but that’s the beauty of these two tools. Together they let you create unique shapes. Wasn’t hard right?!
New document

Step 7

Our branch is ready. Now we have to make the cherry blossoms.
Create a new layer for the blossoms.
Now select the Ellipse tool (L) and draw an oval (1.). With the Direct Selection Tool (A) select the anchor points on each side of the oval and move them a few clicks upward using your arrow keys (2.) Finally select the Convert Anchor Point Tool (click and hold the Pen tool to reveal it or use the Shift + C keyboard shortcut.) With the Convert Anchor Point Tool simply click the top and bottom anchor points to convert them from smooth to corner (3.). This shape we just made will be the cherry blossom petal.
New document

Step 8

Now we will rotate and duplicate the petal to make a flower blossom.
Select the petal which the Selection Tool (V), now choose the Rotate Tool (R) and with the Rotate tool active Option/Alt click on the base of the petal to place the rotation centre there.
The rotate panel will pop up. Set the angle to 72˚ (360˚/ 5petals =72˚) and click ‘Copy’ to copy and rotate the shape at the same time.
New document

Step 9

Without deselecting the new shape, hit Command + D three times to repeat the last operation and you will create a flower.
New document

Step 10

The blossom is almost done. All we need is to draw the “eye” of the flower. For this we will use the good old Blob brush again. Set the size to something small (in my case 1pt)
I didn’t worry too much about any details, I just drew in few strokes and dots in the center of the flower because we will reduce the size of the blossom to plant on the branch and the small details will not be visible anyway.
When you are done, select all the petals and the center of the flower and group it (Command + G) to make it easier to handle in the next step.
New document

Step 11

Now the fun part – we need to make out tree branch blossom. Take your blossom, and plant it on the branch. With the Selection tool (V) active Option/Alt drag the flower from one place to other to copy it. Rotate it and change the size of the flowers to make the branch look more interesting! I ended up using three size variations for my tree.
New document

Step 12

To add more interest to the composition, select one of your flowers (the smallest one), go to Effect > Blur > Gaussian Blur and set the blur radius to 1.2 and fit “OK”. Distribute these blurry flowers here and there as if they are flying around in the wind.
New document

Step 13

Some flowers of mine don’t have anything to hold on to. So now we can add a bit of detail to the tree, like smaller, thiner branches.
Lock your flower layer so that you wouldn’t accidentally erase parts of the flowers. Go back to your black tree branch layer and using the Blob Brush (Shift + B) and Eraser (Shift + E) lets draw in small branches. In my case, I set the Blob Brush to 5pt size and Eraser to 3pt size, the rest of the settings stayed the same as previously.
New document

Step 14

This is how my cherry blossom branch turned out.
New document

Step 15

The only thing that is left is the background. Lets make a simple Japanese inspired scene.
Lock both the flower and tree layers. Make a new layer for the background. I used the Blob brush for this job as well. Set the size to something big, like 80pt and start coloring in the background.
New document

Step 16

I built up my background with creme-colored paths. To achieve this, color in one path with the Blob Brush, then lock this path so that is can’t be modified, change the color of the brush and color in the next path and so on.
New document

Step 17

Add a sun in the background using the Ellipse tool (L). At the moment it’s hard to see, but we will fix that in the next step.
New document

Step 18

We are almost done, the last thing is to add a nice texture. I used this canvas texture by John Kelly, you can download it here.
Place the texture in Illustrator (File > Place). Position it between the tree and the background. (1.) Select the Rectangle tool (M), make sure both the fill and stroke is empty. Draw a 600×600 pixels wide rectangle (the same size as your artboard)(2.) Now select both the canvas texture and the invisible rectangle you just drew and right-click your mouse and choose “Make Clipping Mask”. That way you can mask away the unwanted pieces of the texture. (4.)
New document

Step 19

Set the textured background to Multiply and 30%.
New document

Final Step

As a final touch I drew a black stroke around my artwork using the Rectangle tool (L), so that the artwork your look as if in a black frame and that’s it. Now you have a nice Japanese inspired cherry blossom scene made in Illustrator!
Hope you enjoyed it, till next time!
New document