Archive for the ‘Logos’ Category

May 10th, 2010

30 Minimal Logo Designs that Say More with Less

A logo is the visual cornerstone of one’s branding. While some logos are complex, often the most memorable ones are those that are simplistic. Instead of relying on detailed graphics and icons, these minimal logos rely on creative typography, simple shapes, and clever negative space to tell the story.

Here is a showcase of 30 minimal logo designs that say more with less.

logos

logos

logos

logos

logos

logos

logos

continue reading…

April 5th, 2010

Use Illustrator to Create a Fun, 3D, Character Logo

In this tutorial we’ll use illustrators 3D tool to create text with depth. We’ll give the letters personality by placing them at angles and choosing a fun font. We’ll add a crazy rabbit character and unify all the colors as we add simple shading. Lastly, we’ll give this fun logo a sticker effect. We cover quite a bit of ground in this tutorial, so fire up Illustrator and let’s begin!

Final Image Preview

Below is the final image we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join Vector Plus for just 9$ a month.

Tutorial Details

  • Program: Adobe illustrator CS4
  • Difficulty: Intermediate
  • Estimated Completion Time: 1.5 hours

Step 1

Let’s open a new document in Illustrator (File > New) and select the size "Letter" (but you can choose any size you want). I used the RGB color mode for this one but if you want to use it for printing you should choose CMYK.

Step 2

We will start with the 3D looking font. First, find a nice font (In this tutorial I use Lamebrain BRK, then be sure to have enough space between each letter (I used 100 here), and go to Type > Create Outlines.

Step 3

Take the dot on the "i" away by using the Direct Selection Tool and add a stroke to the text. Be sure to select Round Cap and Round Join in the stroke box to get a smoother effect.

Step 4

Select the text and go to Path > Outline Stroke.

Step 5

Then go to Object > Ungroup. Select one of the letters and click Unite in the Pathfinder box. Do the same for each letter.

Step 6

To get a nice cartoon effect, you can select each letter and move, rotate, and scale a bit.

Step 7

It’s time now to make the 3D effect. I changed the color of the text to red so it’s will be easier to see the 3D effect on them. Select a letter and go to Effect > 3D > Extrude & Bevel.

Step 8

In the 3D Extrude & Bevel panel, check the Preview option and choose an Extrude Depth (I used the default). Then you can move the box to get the angle you want. You can also change the perspective. do the same for each letter and change the angle a bit for each one.

Step 9

For each letter done, select it and go to Object > Expand Appearance.

Step 10

You will see some white space between the shapes, but don’t worry, we are going to take it away. Select a letter and hit Shift + Command + G (Object > Ungroup) twice. Then select only the front shape of the letter (ex. the light red "C") and make a copy (Command + C).

Select the whole letter, including the front shape, and add a small stroke (0,5) with the Round Cap and Round Join selected. Go to Object > Path > Outline Stroke, open the Pathfinder box, and click on Unite. When those steps are done, paste the front shape’s copy back on top (Command + F). You need to do the same for each letter again.

Step 11

You now have your 3D effect! I changed the color of the shapes before the red made me crazy.

Step 12

Remember that we deleted the dot on the "i" previously? Let’s create a nice red star using the Star Tool!

Step 13

Repeat Steps 7 to 10 to get it in 3D and then change the colors.

Step 14

Now add a black stroke to the text. Select everything, copy (Command + C) and paste it to the back (Command + B). Click on Unite in the Pathfinder box.

Step 15

Add a black 10 pt stroke!

Step 16

Go to Object > Path > Outline Stroke and click on Unite in the Pathfinder box.

Step 17

Double-click on the black shape to get into it and create a shape to cover every part left in white.

Step 18

Select the black shape and the new one and click on "Unite" in the Pathfinder box. Double-click outside of the shape, to get back to the text.

Step 19

To add some effect to the text, create some round shapes.

Step 20

Select the front letters in the text and click on Unite in the Pathfinder box. Make a copy of the shape in front (Command + C and Command + F). Select that shape and the round one (in green) and click on Intersect in the Pathfinder box, while holding Alt. Then click on Expand. Do the same with the star.

Continue Learning…

February 16th, 2010

35 Inspiring Examples of Transparency in Logo Design