You are on page 1of 32

Create the Chevrolet Logo

vforvectors.com/create-the-chevrolet-logo

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:

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%.

1/32
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

2/32
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.

3/32
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.
4/32
Step 05

5/32
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

6/32
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.

7/32
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.

8/32
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.

9/32
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.

10/32
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

11/32
Object > Expand Appearance. Fill the resulting shape with the gradients shown in the
last two images.

Step 11
12/32
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

13/32
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.

14/32
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.

15/32
Step 15

16/32
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.

17/32
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.
18/32
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.

19/32
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.

20/32
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.

21/32
Step 21

22/32
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.

23/32
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.

24/32
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.

25/32
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 + ]).

26/32
Step 26

27/32
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.

28/32
Final
Now your work is done. Here is how it should look like.

Categories: Logos

24 Responses

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

Reply
2. Child monster
Very easy. Thanks for your tut

Reply

29/32
3. Tutorial Lounge
excellent work you did in this creative tutorial. thanks

Reply
4. ThemeKiss
Awesome tutorial. Thanks!

Reply
5. swaminath
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…

Reply
Marius
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.

Reply
swaminath
So, we randomly select 7 shapes from the 28 shapes or is
their a perticular numbered ones you selecting. you never
mention.

Reply
Marius
Those shown in the third image.

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

Reply
7. dapas
Great.. Very detailed and nice tutorial. Thx for sharing..

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

Reply

30/32
9. nagnoib
watta detailed tuts dude!…mabuhay!

Reply
10. web manish
wow it’s amazing

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

Reply
Andrei Marius
This might be because of the vertical paths created in the fifth
step
You can send me your Ai file at vforvectors@yahoo.com
Maybe I can figure it out.

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

Reply
13. Nelly
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!

Reply
14. moises jimenez
nice thank God for this tutorial

Reply
15. Rodrigo Forte
You are The Best man!!!!!!Thank yooouuuu!!!

Reply
16. Madworm
Great tutorial mate, helped a lot. I learned a lot

Reply

31/32
17. Richard
Great!!!

Reply
18. yaHosseinDS
Very Bad tutorial!
in last steps!

Reply

Leave your comment

32/32

You might also like