Hi there. Next you can learn to create the BMW logo. It’s one of the simplest logo tutorials so far. You’ll start with some basic tools and simple shapes. Then, with the Pathfinder options and some Warp effect you’ll get the desired shapes. Finally, you’ll need several gradients, strokes and some simple effects.
Estimated Completion Time: 45 minutes
Number of Steps: 13
This is what you’ll be creating:
Create a 700 by 700px document. First, turn on the Grid (View > Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 10px. Go to Edit > Preferences > Guides & Grid, enter “10” in the “Gridline every :” box and “1” in the “Subdivisions” box. You should also open the Info panel to increase your work speed. This way, you can easily see the values for width and height for any shape. Now, select the Ellipse Tool(L) and create a 510x510px. Name it “1” then go to Object > Path > Offset path, enter a “-10px” offset and click OK. Select the resulting shape, name it “2” then go to Object > Path > Offset path, enter a “-80px” Offset and click OK. Once again, select the resulting shape, name it “3”, go to Object > Path > Offset path, enter a “-10px” offset and click OK. Name this new shape “4”.
Select shapes “1”, “2” and “3” then click on the Divide button from the Pathfinder panel. Keep only the shapes shown in image #2 and rename them “1”, “2” and “3”. Create a copy of 3 and make it invisible (for the moment), you’ll need it in the final step.
Select the Rectangle Tool(M) and create a 10 by 380 shape. Duplicate this rectangle and rotate it 90°. Reselect both shapes and click on the Unite button from the Pathfinder panel. Select the resulting shape along with shape “4”, pick the Selection Tool(V), click on the border of “3” (it should get emphasized), then click on the Horizontal Align Center and on the Vertical Align Center buttons from the Align panel. Finally, click on the Minus Front button. You will get four new shapes (image #5).
Select shape “1” and fill it with R=255 G=253 B=255. Add three new fills for this shape (from the fly-out menu of the Appearance panel) and use the gradients shown in the following images. Pay attention at the gradients. The yellow text stands for slider opacity and the white text stands for slider location.
Create two copies of “1”. Select the top one and move it 3px up and 3px to the right. Reselect both shapes and click on the Minus Front button from the Pathfidner panel. Fill the resulting shapes only with R=51 G=51 B=51 (delete the other three fills from the Appearance panel).
Select shape “2”. First, fill it with black and add a 1pt, aligned to inside, stroke (R=77 G=77 B=77). Next, add a new fill and use the radial gradient shown in the second image. Select this fill from the Appearance panel and lower its opacity to 70%.
Continue with shape shape “3”. Create two copies, select the top one and move it 2px down and 2px to the left. Reselect these two copies and click on the Minus Front button fromthe Pathfidner panel. Fill the resulting shape with R=242 G=242 B=242. Create another two copies of “3”. Again, select the top one, and move it 2px up and 2px to the right. Reselect both copies and click on the Minus Front button from the Pathfidner panel. Fill the resulting shape with R=179 G=179 B=179. Select the shapes made in this step and group them. Name this group “Margins”.
Duplicate the shapes created in step #3. Select these copies and shape “3” and click on the Minus Front button from the Pathfinder panel. Select the resulting shape, fill it with R=222 G=223 B=218 then go to Object > Path > Offset Path. Enter a “-3px” offset and click OK. Fill this new shape with R=204 G=204 B=204 and add a 3px Gaussian Blur (Effect > Blur > Gaussian Blur). Select the “Margins” group and move it above these two shape (in the Layers panel)
Now, let’s focus on the shapes created in step #3. Select the top left and the bottom right shapes and turn them into a compound path (Object > Compound Path > Make). Fill it with R=26 G=104 B=189 then add a 5pt, aligned to inside stroke and set its color at R=28 G=91 B=163. Add a second fill (from the fly-out menu of the Appearance panel) for this blue compound path and use the radial gradient shown in image #2. Select the other two shapes created in step #3and turn them into a compound path (Object > Compound Path > Make). Fill it with white then add a 5pt, aligned to inside stroke and set its color at R=230 G=230 B=230. Group these two shapes. Add a second fill for this compound path and use the radial gradient shown in image #4 (pay attention at the slider location).
Now, it’s time for the text. We’ll start with the letter “B”. Select the Type Tool(T) and add the letter in Arial, bold, size 90px. Expand it then grab the Direct Selection Tool(A). Select the anchor points highlighted in image #2 and move them a few pixels to the right (like in image #3). Rotate the resulting shape 50° then place it as shown in image #3. Finally, fill it with the linear gradient and add the discrete Drop Shadow (Effect > Stylize > Drop Shadow).
Let’s continue with the “M”. Use the same properties then expand the letter and resize it a bit (like in image #2). Place this new shape as shown in image #3, fill it with the same linear gradient then add the Drop Shadow.
Finally the “W”. Use Arial, bold, size 80px and expand the letter. Select the resulting shape, rotate it -50° and place it like in image #3. Fill it with the linear gradient then add the Drop Shadow.
Turn the copy of “3” back to visible. Bring it in front (Shift + Ctrl + Right Square Bracket), fill it with the radial gradient and change its blending mode to Soft Light.
Finally, for the background, pick the Rectangle Tool(M) and create a shape the size of your artboard. Send it to Back (Shift+Ctrl +[) then fill it with the radial gradient shown below.
Now your work is done. Here is how it should look like.