Colorful Logo Style Ribbon Graphic in Pixelmator

There I’ll show you how to create colorful logo style ribbon graphic. We’ll use various tools and techniques in Pixelmator to create a great looking vector based design complete with subtle gradients and shading.

Step 1

Open Pixelmator and create a new document. For size I’m using 1200×1000 pixels for size. After that add a new layer and create four 5×5 pixels squares with Rectangular Marquee Tool. Then fill them with green, lilac, pink and grey colors. Now go to Edit > Deselect All and there should be a rectangular.

Step 2

Go to Edit > Transform. Then without Constrain Proportions drag down the rectangular. After that it should look like that:

Step 3

Choose into Transform Tool Options degree field 45°.

Step 4

Now go to Layer > Duplicate Layer. Then choose into Transform Tool Options degree field 90°. This step repeat 2 more times. After that it should look like that:

Step 5

Now with Polygonal Lasso Tool mark the last layer like in picture below.

Step 6

After that with erase just delete it.

Step 7

Now go to on the first ribbon layer, and create a marquee selection of the text. You need just click on the thumb of the ribbon layer while holding the Command Key. After that add a new layer above this layer and with Gradient Tool fill this new layer with colors like in picture below.

Step 8

Repeat Step 7 on every layer. After that you can select all layers and create a new group like I did. After that it should look like that:

Step 9

Now just change four layers which you make with Gradient Tool Blending to Overlay and Opacity to 60%.

Step 10

Fill the background layer with black color, and add a new layer above all layers and fill it with black color too. After that just change this layer Blending to Soft Light.

Step 11

Add a new empty layer and with Gradient Tool make a circle like in picture below. For colors use white and 50% white.

Step 12
Now go to Edit > Transform. Then with distort transform make a shadow like in picture below. After that just change Opacity to 50%.

Final Result:

Advertisements