If you like this post please bookmark and share.

Step 1

Open a new document in Illustrator.
Go to Preferences > Guides & Grid… and set the Gridline every 100px and Subdivisions equal to 10. Next go to the View Menu and choose Show Grid (Cmd/Ctrl+”) and Snap to Grid (Shift+Cmd/Ctrl+”).

Step 2

In this and the next step we will use the Pen Tool to create the shape (corner and side tiles) of our brush.
Start (1) from the left bottom corner of a gridline and continue as in the images below.



Once you have finished, press Enter to start a separate path.

Step 3

We will create the corner tile within the four basic gridline squares as in the image.

Press enter.

Step 3

Now, we will colorize our shapes. We need a palette of 5 colors. Here, I use:

• (1) R = 207 G = 91 B = 171
• (2) R = 196 G = 24 B = 24
• (3) R = 86 G = 143 B = 172
• (4) R = 191 G = 141 B = 121
• (5) R = 128 G = 52 B = 41

Step 4

In order to avoid some further complications we will need to expand a bit our paths beyond what will constitute the brush tiles.

Step 5

Select both shapes. Set the stroke weight to 1px, color to (1).
With both shapes still selected and go to Object > Path > Offset Path… Set the Offset to 2 px
and set its stroke color to (2).

Again, select both initial strokes (not the paths you’ve just created) and go to Object > Path > Offset Path… This times set the Offset to 4 px. set stroke color to (3).
And once more, select both strokes, go to Object > Path > Offset Path… and set the Offset to 6 px. Send these shapes to back – go to Object > Arrange > Send to Back or use the shortcut Shift+Cmd/Ctrl+[.
Set fill color to (4) and stroke to (5).

Step 6

With the Selection Tool (V) select the first and second offset paths. If you check in your Layers Panel you will find out that they are compound paths. Go to Object > Compound Path > Release or use the shortcut Option/Alt+Shift+Cmd/Ctrl+8.
Now, you can select separately the parts that are inside the three loops and in the middle square of the corner tile. Go to the Stroke Panel, check the Dashed Line and set dash to 1px, gap to 2px. Change the Cap Option to Round Cap (blue arrow).

Next, select both shapes ((make sure to select all parts) and go to Object > Expand.

Step 7

Now, we must make sure that the corner tile will match properly with the side tile of the brush. To understand the principle imagine that your brush elements are drawings on transparent tiles.
Note that the corner tile is closed within the four squares determined by the basic gridlines.
The side tile should have the same height so that they match properly.
Choose the rectangle tool (M) and create a rectangle that covers what is supposed to be the brush element (remember that we expanded our path one unit to the left and one unit to the right).
With the rectangle correctly placed over the shape, select both and choose Crop in the Pathfinder Panel.

Step 8

With the Selection Tool (V) select the cropped shapes, make sure that you selected the invisible rectangle around your colorful shape. Drag your selection to the Brushes Panel. In the dialog box choose New Pattern Brush.

The default settings will work for us:

Step 9

Next, we will crop the corner tile. With the Rectangle Tool create a square that covers the corner shape as in the image. With both the square and the corner shape selected choose Crop in the Pathfinder Panel.

Step 10

With the Selection Tool (V) select the cropped shapes, again make sure that you selected the invisible rectangle around your colorful shape. Drag your selection to the Outer Corner Tile position (first) in the Brushes Panel holding down the Option/Alt key.

Repeat the same once again for the Inner Corner position

Step 10

We could finish here but we may also add two more parts: endings of the path.
I start with a horizontal stroke, set its color to (1) and then add all three offset paths as for the two first elements.

Select the red path and go to Effect > Stylize > Round Corners, set Radius to 1px.
Next, select the blue path and apply Round Corners with Radius equal to 3px.
For the outer path set the Radius to 5px.
For a while uncheck the Snap to Grid in View Menu.
Narrow a bit the blue and red paths, make sure you don’t change their vertical position.
Next shorten the initial stroke, select and drag holding the Option/Alt and Shift. Select both change the cap option to Round Cap. Select one of them and select Dashed Line (dash: 1px, gap: 2px) as before.

Select, go to Object > Expand Appearance, next Object > Expand.
Check back Snap to Grid in View Menu.
Crop one half of the shape with the rectangle as in the image

Step 11

With the Selection Tool (V) select the cropped shapes, once more make sure that you selected the invisible rectangle around your colorful shape. Holding the Option/Alt key drag it to the End Tile position in the Brushes Panel as in the image

Next rotate the selection 180 degrees and drag it again to the Start Tile position in the Brushes Panel

And that’s it :) Your pattern brush is finished.
I hope you enjoyed this tutorial. If so please bookmark and share. All your comments are more than welcome.

On how to install patterns, you may check out here.
If you like this post please spread the word (the best way to say thank you).

If you like this post please bookmark and share.

You may download them as Photoshop .pat file (the tile size is 600px x 600px) or in vector format as Adobe Illustrator pattern swatches. Free for both personal and commercial use.
Some more previews:

On how to install patterns, you may check out here.
If you like this post please spread the word (the best way to say thank you).

Below the one with some ‘random‘ color elements.

The rest is more or less in grayscale.

On how to install patterns, you may check out here.

If you liked this post, please spread the word! Thank you.

If you like this post please bookmark and share :).

Caltha palustris are one of the first I find every spring. The other are violas but … well .. it’s a challenge to vectorize their subtleness.
I share with you Photoshop patterns (also on a transparent background) inspired by kingcups (eng.), kaczeńce (pl.) or populage des marais (fr.) – free for personal and commercial use.

Any comments are welcome. If you liked this post please share !

A pack of fuchsias-inspired patterns for Illustrator and Photoshop. Nine in set (for your convenience also on transparent background).
Free for personal and commercial use.

On how to install patterns, you may check out here.
If you like this post, please tweet, stumble, …. Enjoy!

Part I – Preliminaries

Step 1

Open a new 800 px x 600 px RGB document in Illustrator.
Go to Illustrator > Preferences > General and make sure that the Keyboard Increment is set to 1px.

Step 2

With the Rectangle Tool (M) create two rectangles. The sizes of mine are: the bottom 444 px x 198 px and the top 403 px x 162 px. Center them vertically and horizontally.

Select (V) the smaller (top) rectangle and tap twice the Up Arrow key to shift it 2 pixels up.

Select the bottom rectangle. Go to Effect > Stylize > Round Corners… and set the Radius to 77px.
Repeat that for the top one, this time setting the Radius to 65px.

Select both rectangles. Go to Effect > 3D > Rotate and choose the settings as in the image

Keep the two rectangles selected and go to Object > Expand Appearance.
Don’t deselect and release the clipping masks that were just created by Illustrator. To do that go to Object > Clipping Mask > Release or use the keyboard shortcut Option/Alt+Cmd/Ctrl+7.
Next go to Object > Path > Clean Up.

Finally, select both shapes and ungroup twice Shift+Cmd/Ctrl+G (or Object > Ungroup).
Now, the two shapes appear in the Layer Panel as Paths.

Copy Cmd/Ctrl+C the bottom shape and paste it to front Cmd/Ctrl+F. Keep it selected and holding down the Shift key select also the top smaller part. Choose Divide from the Pathfinder Panel. Ungroup Shift+Cmd/Ctrl+G.
Bring the frame (compound path) forward Cmd/Ctrl+] (or go to Object > Arrange > Bring Forward).

Part II – Create the box lid

Step 3

Copy the three shapes created in Part 1 and turn them upside down (to be sure it’s exactly 180 degrees hold the Shift key down)
Bring the frame part to front Shift+Cmd/Ctrl+] (or go to Object > Arrange > Bring to Front).
Apply a gradient fill as in the image below, the numbers represent the RGB values.

Copy the lid frame Cmd/Ctrl+C and paste it to back Cmd/Ctrl+B. Tap 4 times the Up Arrow key to shift it 4 pixels up.

Apply the gradient to the lid frame bottom copy as in the image (For your convenience you can make all the other objects invisible Cmd/Ctrl+3)

Here is what we get

Step 4

Select the inner part of the lid and apply a radial gradient as in the image

Step 5

Get back to the lid frame. Select it and go to Effect > Stylize > Drop Shadow… Set the parameters as in the image

(1) Since I do not want to have the lid frame shadow outside the lid we will create a clipping mask.
(2) In the Layer Panel select the lid shape. Bring it to front Shift+Cmd/Ctrl+]. Holding down the Shift key select bot the lid shape and the lid frame. To create a clipping mask either go to Object > Clipping Mask > Make or use the shortcut Cmd/Ctrl+7.
(3) Here is what we get. Select all element and group the lid Cmd/Ctrl+G.

For your convenience create a new layer Cmd/Ctrl+L. Select the lid and drag it for a while to the new layer.

Part III – Create an egg

Step 6

You may use the image below as a template to draw the shape of your egg. Lock this image Cmd/Ctrl+3. Next draw an elipse (L) starting in the center of the template egg – hold the Option/Alt key. Then reshape your ellipse using the Direct Selection Tool (A).

With the Direct Selection Tool (A) select the right half or your egg and delete it.

Set its stroke color to white, no fill and go to Effect > 3D > Revolve. Click More Options to view the complete list of options. In the image below you will find all the settings I used.

With the Shift-key hold down rescale your egg so that it was about 106 px x 144 px.

Step 7

Copy Cmd/Ctrl+C and paste to back Cmd/Ctrl+B the egg. Open the Appearance Panel and change the settings to No Shading.

(1) You should get a white egg shape.
(2) Keeping it selected go to Object > Expand Appearance.
(3) Don’t deselect and choose Unite from the Pathfinder Panel.

Step 8

Keep the just created white egg copy selected and go to Effect > Stylize > Drop Shadow and choose the settings as in the image

Select both the top and the bottom eggs and group them Cmd/Ctrl+G (or go to Object > Group).

Step 9

In order to obtain the colorful egg use orange R = 247 G = 147 B = 30 as the stroke color instead of white and choose R = 86 G = 45 B = 34 as the Custom Shading color in the 3D > Revolve Panel.
If you want to add some decor to your egg(s) (fill your box with Easter eggs maybe(?)) visit my tutorial: Create and color an eco easter egg in Adobe Illustrator.

Part IV – Create the bottom part of the box

Step 10

First we will apply gradients to all three parts created in Part I.
First add a gradient fill as in the image to the frame part:

Next to the inner part:

Next copy Cmd/Ctrl+C the very bottom part and paste it to front Cmd/Ctrl+F, tap three times to shift it 3 pixels down

Fill it with the same gradient you used for the frame part, then reverse the gradient.

Step 11

Now we will put the eggs in.
Make sure you have 5 white eggs and a colorful one. Bring them all to front Shift+Cmd/Ctrl+]. Scale down the three eggs from the second row. I used the Object > Transform > Scale (see the image below). Arrange the eggs ‘on‘ the box.

Step 12

To make sure that your eggs do not break before the frying pan is ready to receive an omelette create a tiny rectangle (M). Scale it so that it works well with the size of an egg. With the Direct Selection Tool (A) select the two bottom points and click the little Convert Point icon in the top panel. Apply the gradient fill as in the image.

Go to Effect > Stylize > Drop Shadow and set

Place the separators between the first and the second row of eggs.
Group Cmd/Ctrl+G the first row of eggs and the two separators.

Select the inner part of the box, copy it Cmd/Ctrl+C, paste to front Cmd/Ctrl+F, then bring to front Shift+Cmd/Ctrl+].
Holding down the Shift key select it together with the group of eggs and separators.
Make a clipping mask Cmd/Ctrl+7.

Step 13

Create a simple shape resembling the wider part of an egg (the easiest way is to start with an Ellipse (L))
Copy it three times and apply the gradient fill as in the image. Send them to back Shift+Cmd+Ctrl+[ (or go to Object > Arrange > Send to Back) and place so that they constitute the base part of the box.

You may use Illustrator to distribute them evenly (select all of them and choose Horizontal Distribute Center in the Align Panel) as well as to center it with the rest of the box. To do the latter, select all three shapes, group them Cmd/Ctrl+G. Keep them selected. Holding down the Shift key select the frame of the box. Click again on the frame to make it the key object (this time you don’t need to hold down Shift as you click). This time choose Horizontal Align Center.

Step 14

Now, a little bit tricky part where we will add a shadow inside the box. Note that the eggs are over the frame so if we add Drop Shadow effect to the frame, the shadow will not be visible on the eggs. And we want to have it on the eggs in the front row.
Here is how we will deal with that.
(1) Copy Cmd/Ctrl+C the frame, paste it to front Cmd/Ctrl+F then bring to front Shift+Cmd/Ctrl+]. Go to Effect > Stylize > Drop Shadow… and use the settings as in the image.
(2) With the Rectangle Tool (M) create a rectangle that divides the frame vertically into two parts. Send it backward Cmd/Ctrl+[ (or go to Object > Arrange > Send Backward).
Holding the Shift key select both the frame and the rectangle and choose Divide from the Pathfinder Panel. Ungroup the objects. Delete the rests of the rectangle. Also go to Path > Clean Up.
(3) Here is what we get.

(4) Copy Cmd/Ctrl+C the inner shape of the box, paste it to front Cmd/Ctrl+F then bring to front Shift+Cmd/Ctrl+].
Holding the Shift key select it both with the bottom half of the frame. Make clipping mask Cmd/Ctrl+7.
(5) Again copy Cmd/Ctrl+C the inner shape of the box, paste it to front Cmd/Ctrl+F then bring to front Shift+Cmd/Ctrl+] and holding the Shift key select it both with the top half of the frame.
(6) In (4) and (5) Illustrator created groups that contain the clipping mask and the masked object. In the Layer Panel select the group created in (5) and bring it back so that it was placed directly under the eggs from the second row. It’s done.

Step 15

Copy Cmd/Ctrl+C the bottom parts of the box that you created in Step 13 and paste them to front Cmd/Ctrl+F. It might be more convenient if you ungroup them for a while Shift+Cmd/Ctrl+G. Select each one separately and apply the gradient fill as in the image. Next select all and in the Appearance Panel change the Blending Mode to Multiply and decrease the Opacity to 42%.

Step 16

Select the shape that makes the tiny border of the box frame. (In the Layer Panel you should find it just above the elements we worked on in the previous step).
Copy it Cmd/Ctrl+C, paste to back Cmd/Ctrl+B then send to back Shift_Cmd/Ctrl+[.
Go to Effect > Stylize > Drop Shadow… and enter the settings as in the image

Step 17

With the Ellipse Tool (L) create an ellipse. Send it to Back Shift+Cmd/Ctrl+[. Place it as in the image and fill with the black to white gradient as you can see below.
Note: If you are using Illustrator CS4, select the white gradient stop and set its Opacity to 0. Decrease the Opacity of your ellipse to 70% and skip to Step 18.

Copy the ellipse Cmd/Ctrl+C and paste it to front Cmd/Ctrl+F. Select both of them and go to Transparency Panel. Choose Make Opacity Mask.

To edit the masking object select its thumbnail in the Transparency Panel. It’s the one on the right (left thumbnail represents the opacity mask, right thumbnail represents masking objects). Then inverse the gradient and check ‘Clip’ in the Transparency Panel.

Click the masked artwork’s thumbnail (left thumbnail) in the Transparency panel to exit mask-editing mode.
Select the masked ellipse and in the Appearance Panel change the Blending Mode to Multiply and decrease its Opacity to 70%. Holding down Shift and Option/Alt key drag the ellipse under two other parts of the box.

Step 18

Put the lid group back to the layer we work on and send it to back Shift+Cmd/Ctrl+[.
Create two rectangles, mine are filled with R = 153 G = 134 b = 117. Try to position them as in the image. Group them Cmd/Ctrl+G and and send to back Shift+Cmd/Ctrl+[.
Select all and chose Horizontal Align Center from the Align Panel.

Holding the Shift key drag the rectangles and the lid down so that to position the three groups properly. The 6-egg box is ready, it’s time to prepare a pan for an omelette.

Thank you for reading. I’m looking forward to your comments.
And… if you like this post please share: Tweet, Stumble, ….