VforVectors

All about Illustrator

bookmark
my banner
Andrei Marius On September - 30 - 2010

Hi there. In the following tutorial I will show you how to create the Chevrolet logo. You might encounter some problems in creating the overall shapes but the Grid and the Snap to Grid will help you get over it. Then, using multiple linear gradients and some basic effect you will reach the final result.

Difficulty: Intermediate-Advanced
Estimated Completion Time: 2 hours
Number of Steps: 27


This is what you’ll be creating:

preview

Step 01

Create a 700 by 300px document. First, turn on the Grid (View > Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 5px. Go to Edit > Preferences > Guides & Grid, enter “5″ in the “Gridline every :” box and “1″ in the “Subdivisions” box. You can also open the Info palette for a live preview with the size and position of your shapes. Al these options will significantly increase your work speed. Now, select the Rectangle Tool(M) and create a 685x130px shape. I filled it with red and I lowered it’s opacity (30%) so that you can distinguish the grid. You should do the same. It will be helpful in further steps. Create a second rectangle (540x80px) and place it like in image #2. Fill it with green and lower its opacity to 30%.

Step 02

Reselect the Rectangle Tool(M), hold Shift and create a 220x220px shape. Make it red and place it like in the first image. Try to follow the exact dimension pointed in the images. Create a fourth shape (170 by 175px), make it green and place it like in second image. Again, try to follow the exact dimension pointed in the images. The Grid and the Snap to Grid will ease your work.

Step 03

Focus on the shapes created in the first step. First the red one. Select the Direct Selection Tool(A), select the top, left anchor point and move it 65px to the right. Next, select the bottom, right anchor point and move it 65px to the left. Now, your shape should look like in image #2. Continue with the green shape. Pick again the Direct Selection Tool(A), select the top left anchor point and move it 40px to the right then select the bottom right anchor point and move it 40px to the left. In the end your shapes should look like in image #4.

Step 04

Select the red shapes and click on the Unite button from the Pathfinder panel then select the green shapes and do the same thing.

Step 05

Select the green shape and go to Object > Path > Offset Path. Enter a 3px Offset and click OK. Select the resulting shape and make it red then select the green shape and make it invisible for the moment. Now, disable the Snap to Grid and enable the Smart Guides. Select the Pen Tool(P) and create the paths selected in the final image. Each path starts and ends at an anchor point. With the aid of Smart Guides, you’ll be able to easily locate the starting and ending anchor points. Select all these paths, group them then make them invisible. You’ll need them later.

Step 06

Return to the green shape. Select it and go to Object > Path > Offset Path. Enter a -1px Offset and click OK. Select the resulting shape and again go to Object > Path > Offset Path. Enter a -2px Offset and click OK. Once again, select the resulting shape and go to Object > Path > Offset Path. Enter a -4px Offset and click OK. One more time, select the resulting shape and go to Object > Path > Offset Path. Enter a -4px Offset and click OK. Now, you should have five green shapes.

Step 07

Select the big, red shape add a 3px Rounded Corners effect (Effect > Stylize > Rounded Corners) and go to Object > Expand Appearance. Now, select all the shapes (red and green) and click on the Divide button from the Pathfinder panel. You will get a group with a lot of shapes. Save only the ones shown in image #3 and delete the rest. I the final image I resized them a little so that you can distinguish them from each other. You leave them as they are and name them from “1″ to “7″ as shown.

Step 08

Turn the group of paths back to visible. Select this group along with shape “1″ and click on the Divide button from the Pathfinder panel. This will divide the shape in the twelve shapes shown in the second image. Again, I resized them a little so that you can distinguish them from each other.

Step 09

Now, you need to add some color for the shapes created din the previous step. Start with the one shown in the image below. Fill it with the first linear gradient then add a second fill (from the flyout menu of the Appearance panel) and use the second gradient. Reselect this shape and go to Object > Path > Offset Path. Enter a “-2px” Offset and click OK. Select the resulting shape, erase its second fill then add a 2px Rounded Corners effect and go to Object > Expand Appearance. Fill the resulting shape with the gradient shown below image #4. Add a second fill for this shape and use the last gradient.

Step 10

Continue with the shape selected in the following image. Fill it with the linear gradients then go to Object > Path > Offset Path. Enter a “-2px” Offset and click OK. Select the resulting shape, erase its second fill then add a 3px Rounded Corners effect and go to Object > Expand Appearance. Fill the resulting shape with the gradients shown in the last two images.

Step 11

Continue with the shape selected in the next image. Fill it with the linear gradients then go to Object > Path > Offset Path. Enter a “-2px” Offset and click OK. Select the resulting shape, erase its second fill then add a 2px Rounded Corners effect and go to Object > Expand Appearance. Fill the resulting shape with the gradients shown in the last three images.

Step 12

Continue with the shape selected in the image below. Fill it with the linear gradients then go to Object > Path > Offset Path. Enter a “-2px” Offset and click OK. Select the resulting shape, erase its second fill then add a 3px Rounded Corners effect and go to Object > Expand Appearance. Fill the resulting shape with the gradient shown in the last image.

Step 13

Continue with the shape selected in the following image. Fill it with the linear gradients then go to Object > Path > Offset Path. Enter a “-2px” Offset and click OK. Select the resulting shape, erase its second fill then add a 2px Rounded Corners effect and go to Object > Expand Appearance. Fill the resulting shape with the gradients shown in the last two images.

Step 14

Continue with the shape selected in the next image. Fill it with the linear gradients then go to Object > Path > Offset Path. Enter a “-2px” Offset and click OK. Select the resulting shape, erase its second fill then add a 3px Rounded Corners effect and go to Object > Expand Appearance. Fill the resulting shape with the gradients shown in the last three images.

Step 15

Continue with the shape selected in the image below. Fill it with the linear gradients then go to Object > Path > Offset Path. Enter a “-2px” Offset and click OK. Select the resulting shape, erase its second fill then add a 2px Rounded Corners effect and go to Object > Expand Appearance. Fill the resulting shape with the gradients shown in the last two images.

Step 16

Continue with the shape selected in the following image. Fill it with the linear gradients then go to Object > Path > Offset Path. Enter a “-2px” Offset and click OK. Select the resulting shape, erase its second fill then add a 3px Rounded Corners effect and go to Object > Expand Appearance. Fill the resulting shape with the gradients shown in the last three images.

Step 17

Continue with the shape selected in the next image. Fill it with the linear gradients then go to Object > Path > Offset Path. Enter a “-2px” Offset and click OK. Select the resulting shape, erase its second fill then add a 2px Rounded Corners effect and go to Object > Expand Appearance. Fill the resulting shape with the gradients shown in the last three images.

Step 18

Continue with the shape selected in the image below. Fill it with the linear gradients then go to Object > Path > Offset Path. Enter a “-2px” Offset and click OK. Select the resulting shape, erase its second fill then add a 3px Rounded Corners effect and go to Object > Expand Appearance. Fill the resulting shape with the gradient shown in the last image.

Step 19

Continue with the shape selected in the following image. Fill it with the linear gradients then go to Object > Path > Offset Path. Enter a “-2px” Offset and click OK. Select the resulting shape, erase its second fill then add a 2px Rounded Corners effect and go to Object > Expand Appearance. Fill the resulting shape with the gradients shown in the last three images.

Step 20

Continue with the shape selected in the next image. Fill it with the linear gradients then go to Object > Path > Offset Path. Enter a “-2px” Offset and click OK. Select the resulting shape, erase its second fill then add a 3px Rounded Corners effect and go to Object > Expand Appearance. Fill the resulting shape with the gradients shown in the last three images.

Step 21

Select shape “2″ and fill it with the left linear gradient then select shape “3″ and fill it with the right linear gradient.

Step 22

Fill shapes “4″, “5″ and “6″ with the linear gradients shown below.

Step 23

Select shape “7″ and duplicate it. Now, you need to slip this copy in half. Select the Pen Tool(P) and the create a vertical path as show in the first image. Select this path along with the copy of “7″ and click on the Divide button from the Pathfinder panel. Fill the resulting shapes with the linear gradients shown below.

Step 24

Select the original shape “7″ and Bring it to Front (Shift + Ctrl + ]). Fill it with the left linear gradient then add a second fill and use the right gradient. Select the first fill (from the Appearance panel) and change its blending mode to Overlay then select the second fill and lower its opacity to 30%. Pick the Ellipse Tool(L) and create a squeezed shape like the one shown in the last image. Fill it with R=255 G=29 B=37, lower its opacity to 25%, change the blending mode to Overlay then add a 10px Gaussian Blur effect.

Step 25

Duplicate all the shapes created so far. Select all these copies and click on the Unite button from the Pathfinder panel. Name the resulting shape “00″, Send it to Back (Shift + Ctrl + [) and make two copies. Select the Pen Tool(P) and create a shape like the green one shown in the second image. Add a 10px Rounded Corners effect and go to Object > Expand Appearance. Select the resulting shape along with a copy of "00" and click on the Intersect button from the Pathfinder panel. Fill the resulting shape with the linear gradient, lower its opacity to 30% then Bring it to Front (Shift + Ctrl + ]).

Step 26

Select the other copy of “00″, fill it with none and add a 2px, aligned to outside stroke (R=43 G=65 B=70). Add a second second stroke for this shape (from the flyout menu of the Appearance panel) and use the color shown below. Select the original “00″ shape, fill it with white and add the Drop Shadow effect (Effect < Stylize > Drop Shadow).

Step 27

Finally, for the background, select the Rectangle Tool(M). Create a 700 by 300px rectangle and fill it with the radial gradient.

Final

Now your work is done. Here is how it should look like.

Categories: Logos

23 Responses

  1. Again, super and easy to follow tutorial. Thanks Marius

  2. Very easy. Thanks for your tut

  3. excellent work you did in this creative tutorial. thanks

  4. ThemeKiss says:

    Awesome tutorial. Thanks!

  5. swaminath says:

    GOOD TUT….I’am new to illustrator, I followed up to step 7 image #3, this is where I get lost. Please help what do you mean “You will get a group with a lot of shapes. Save only the ones shown in image #3 and delete the rest.” Very confusing. explain please thanks…

    • Marius says:

      After you click on the Divide button go to the Layers panel where you can find the new group of shapes. It should have 28 shapes but you will only need seven. The ones shown in image #3 (I resized them a little so that you can distinguish them from each other). Move these shapes outside of the group then delete the rest of the shapes. Let me know if I made myself understood.

  6. Adam says:

    Good tutorial, it’s nice to see so detailed tutorials on the internet ;]

  7. dapas says:

    Great.. Very detailed and nice tutorial. Thx for sharing..

  8. Just saw the Opel logo you did…..great job on the Chevy one too!!!

  9. nagnoib says:

    watta detailed tuts dude!…mabuhay!

  10. web manish says:

    wow it’s amazing

  11. Dwight says:

    I tried this twice and at the most I get 6 shapes in step 8.

  12. plankton says:

    Please get rid of the frame at top or integrate it into a single page.Its very difficult to read the tutorial.

  13. Nelly says:

    Incredible!

    V4V’s logo tutorials (Autos and Olympics) are without exception the very finest on the web. Much appreciated, thank you so much and er…keep ‘em comin!

  14. moises jimenez says:

    nice thank God for this tutorial

  15. Rodrigo Forte says:

    You are The Best man!!!!!!Thank yooouuuu!!!

  16. Madworm says:

    Great tutorial mate, helped a lot. I learned a lot :)

  17. Richard says:

    Great!!!

  18. Ricardo says:

    Can you make a video pls? it isn´t easy for me :/

Leave your comment

    preview
    Finder Logo
    BMW Logo
    Flask Illustration
    Cube