Archive for the ‘Logos’ Category
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. |
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 PreviewBelow 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
![]() Step 1Let’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 2We 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 3Take 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 4Select the text and go to Path > Outline Stroke. ![]() Step 5Then go to Object > Ungroup. Select one of the letters and click Unite in the Pathfinder box. Do the same for each letter. ![]() Step 6To get a nice cartoon effect, you can select each letter and move, rotate, and scale a bit. ![]() Step 7It’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 8In 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 9For each letter done, select it and go to Object > Expand Appearance. ![]() Step 10You 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 11You now have your 3D effect! I changed the color of the shapes before the red made me crazy. ![]() Step 12Remember that we deleted the dot on the "i" previously? Let’s create a nice red star using the Star Tool! ![]() Step 13Repeat Steps 7 to 10 to get it in 3D and then change the colors. ![]() Step 14Now 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 15Add a black 10 pt stroke! ![]() Step 16Go to Object > Path > Outline Stroke and click on Unite in the Pathfinder box. ![]() Step 17Double-click on the black shape to get into it and create a shape to cover every part left in white. ![]() Step 18Select 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 19To add some effect to the text, create some round shapes. ![]() Step 20Select 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. |


























































Follow Us!