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%.
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.
Tidak ada komentar:
Posting Komentar