time to read: 13 minutes
Adobe IllustratorVectorlogo design
In the tutorial below, you'll learn how to create a marker logo from scratch and then turn it into a 3D marker logo design using Adobe Illustrator.
If you prefer video tutorials, don't miss this new video fromCanal Envato Tuts+ sin YouTube. Follow the guide to learn how to create a bullet logo design in two ways:
What you will learn in this Illustrator tutorial
- How to Create Bullet Logo Shapes
- How to Design a Bullet Logo Design
- How to Create a 3D Bullet Logo
1.How to create a new document and set up a grid
To defeatControl-Nto create a new document in Illustrator. choosepixelVonunitsdrop-down menu, set theBroadfor850 pixelsis inHeightfor600 pixelsand then click on itextended optionsButton. chooseRGBFor himFarbmodusand set theraster effectsforTexture (72ppi)and then click on theCreateGusto.
Enable to qualify (View > Show GridoCheck-") and Snap to Grid (View > Snap to GridoShift-Control-"). You need one grid each5px, then just go toEdit > Preferences > Guides and Grid, tap5NOgrid line allbox and1NOseparationsBox. Try not to get discouraged by all the grid - it will make your work easier and remember that you can easily turn it on or off with theCheck-"keyboard shortcuts.
You have to open that tooInformationMesa (Window > Information) for a live preview with the size and position of your shapes. Don't forget to set the unit of measure to pixels.Edit > Preferences > Units. All these options significantly increase your speed of work.
Now that you're ready, let's see how to create a logo for a bookmark.
2.How to Create Top Bulleted Shapes
Select theEllipsenwerkzeug (L)in the toolbar, and then focus on the color settings. Select the stroke and then remove the color.double clickthe fill and replace the existing color with black (R=0 G=0 B=0).
Go to your artboard and create one.95 x 20 pixelsYou can click and drag to create this shape (check theInformationto see the size of the shape as you create it), or you can click on your artboard to open thatEllipseWindow where you can set the size of the shape.
switch toSelection Tool (V), be sure to hold down the buttonalternativeand then click and drag the ellipse to add a copy10 pixelsabove as shown in the second image.
Select theRectangle Tool (M), use it to create one95 x 10 pixelsShape it and place it as shown in the image below. Use ofSelection Tool (V), select all your shapes and combine them withAtaroff buttonto exploreMesa (Window > Pathfinder).
Use ofRectangle Tool (M), create one85 x 20 pixelsMake it blue and place it as shown in the image below. Leave it selected and go toEffect > Distort > Lower Bow. Mark aHorizontalbox and set theTo foldfor15%. CliqueOKto apply this effect and then extend it by walkingObject > Expand Appearance.
Use ofEllipsenwerkzeug (L), To create95 x 30 pixelsMake it green and place it as shown below.
Use ofRectangle Tool (M), To create95 x 155 pixelsgreen rectangle and place it as shown below.
use theSelection Tool (V)to select both green shapes and merge them withAtaroff buttonto exploreMesa.
Focus on the top of your green shape and select it.Direct Selection Tool (A). Use it to select the two highlighted anchor points, go to the panel and set thosecorner radiusfor10 pixels.
Select theEllipsenwerkzeug (L), create one85 x 160 pixelsshape, make it yellow and place it as shown in the first image. continue with theRectangle Tool (M), use it to add a85x80 pixelsrectangle and place it as shown in the second image.
use theSelection Tool (V)to select both yellow shapes and merge them withAtaroff buttonto exploreMesa.
Use ofRectangle Tool (M), To create95 x 10 pixelsRectangle and place it exactly as shown in the first image. Select it along with its yellow shape and click the buttonless frontoff buttonto exploreMesa.
PressShift-Ctrl-Gforungroupthe resulting group of shapes, then select the bottom yellow shape and just delete it.
Focus on the bottom of your yellow shape and selectDirect Selection Tool (A). Use it to select and define these two anchor pointscorner radiusfor5px.
Use ofRectangle Tool (M), create one85 x 10 pixelsShape it and place it as shown in the first image. Leave it selected, change toDirect selection tool (A),and set thecorner radiusfor5px.
I'm going toThe lawMesa (Window > Layers), select the existing layer and simply drag it over itcreate new levelbutton to duplicate it. Turn off the visibility of your original layer and let's focus on the copy.
3.How to add highlights
Use ofEllipsenwerkzeug (L), To create30 x 110 pixelsshape, make it white and place it as shown in the first image. Choose your yellow shape and go toObject > Path > Offset Path. put thatdetourfor-10pxand clickOK.
Select this new shape along with the white ellipse and click the buttonoverlapoff buttonto exploreMesa.
Keeping your focus on your white shape, use theDirect Selection Tool (A)to select and set the highlighted anchor pointscorner radiusfor3 pixels.
Use ofRectangle Tool (M), To create30x10 pixelsshape, make it white and place it as shown in the first image.
Leave it selected, change toDirect Selection Tool (A), and set thecorner radiusfor3 pixels.
Use ofRectangle Tool (M), To create30x180 pixelsshape, make it white and place it as shown in the first image. Choose your green form and go for itObject > Path > Offset Path. put thatdetourfor-10pxand clickOK.
Select this new shape along with the white rectangle and click the buttonoverlapoff buttonto exploreMesa.
Make sure the white shape created in the previous step is still selected, grab itDirect Selection Tool (A), and set thecorner radiusfor3 pixels.
Use ofRectangle Tool (M), To create30x35 pixelsshape, make it white and place it as shown in the first image. Select your blue shape and add a copy in front (Ctrl-C > Ctrl-F). Select this copy along with its white rectangle and click the buttonoverlapoff buttonto exploreMesa.
Now select your green shape and add a copy in the same place above your white shape (Ctrl-C > Shift-Ctrl-V). Select this green copy along with the white shape added in this step and click the buttonless frontoff buttonto exploreBoard. Keep the resulting shape selected, change toDirect Selection Tool (A), and set thecorner radiusfor3 pixels.
Use ofRectangle Tool (M), To create30x40 pixelsshape, make it white and place it as shown in the first image. Select your black shape and add a copy in front (Ctrl-C > Ctrl-F). Select this copy along with your new white rectangle and click the buttonoverlapoff buttonto exploreMesa.
Use ofEllipsenwerkzeug (L), Add a95 x 20 pixelsway as shown in the third image. Select it along with the white shape added in this step and click the buttonless frontoff buttonto exploreBoard. Keep the resulting shape selected, change toDirect Selection Tool (A)and set thecorner radiusfor3 pixels.
Select your colored shapes and make them all black.
Select all your black shapes and combine them withAtaroff buttonto exploreMesa.
Select your black shape along with the white ones and click the buttonless frontoff buttonto exploreMesa.
Take a look at the bottom of the brand logo and make a small change. Select theShape Builder Tool (Shift-M), closealternativepress and just click and drag on that thin border to remove it.
4.How to Color Your Bullet Logo Design
Now that you have the bullet shape, let's color it in and add some text. First we use theRectangle Tool (M)to add a background to this marker logo.
Create a shape that covers your entire artboard and fill it withR=255 G=222 B=23. Move this shape behind the marker logo, then select the marker shape and set the fill color toR=6 G=10 B=43.
Select theSelection Tool (V)and rotate your marker logo90 degreesto the right and then use theMirror Tool (O)to easily invert the brand logo as shown below.
Finally, let's add some text to this marker logo. Select theTool type (T)from your toolbar and focus on thatCharacterPanel (or panel) to configure the settings of the text to be added.
For the first part of the text you need theFuente Roadstore. Set the size to73 pointsand follow-up for100and then just click on your clipboard to write "BULLET". Apply the same color that you used for the marker logo.
For the next part of the text you will need theforge source. Set the size to28and follow-up for740and enter "INDUSTRIES". Make it yellow and place it as shown below.
5.How to Create a 3D Bullet Logo Design
You now have your flat bullet logo design, but it still has that invisible layer on top of it.The lawMesa.
Make it visible and turn off the visibility of the top layer. We will use these shapes to create a 3D marker logo.
Focus on the blue shape. Use theDirect Selection Tool (A)to select and set the two highlighted anchor pointscorner radiusfor8px.
For this step you need one grid line in each case.2.5 pixels, So, let's goEdit > Preferences > Guides and Gridand just go in2.5in this casegrid line allBox.
When you're done, select itRectangle Tool (M)and use it to create a shape that covers the left half of your bookmark as shown in the image below.
Select this rectangle along with all of its marker shapes and choose theShape Builder Tool (Shift-M). hold on againalternativeand draw a line through this rectangle to easily remove the left half of the marker as shown in the image below.
Select the remaining shapes that make up the right half of the marker and adjust the fill colors as shown below. When you're done, pressControl-Gforgroupthese shapes.
Make sure your group is selected and go toEffect > 3D and Materials > Turret. This opens the3D and MaterialsPanel that allows you to further customize 3D objects in Illustrator.
First, click the button on the top right to activate itray tracing. For this specific example, you need to configure theDrehwinkelone360 degreesis inSpinfor0 degree, whilerejuvenatemiVolumemust stay in100%mi0px. Bajar arotationsection, select theForeheadpreset and make sure theperspectiveis set to0 degree.
Keep your 3D group selected and switch from the "Object" tab to "materialsab.
Keep the standard stuff and focus on thatbasic propertiesSection where you need to configure theroughnessfor0,5and save thoseMetallicNO1.
continue with theTurning onTab Click on the color swatch and make sure it is set to white, then enter all the settings shown below.
Finally, let's add a subtle shadow effect. Make sure your group is still selected and go toEffect > Stylize > Drop Shadow. Enter the settings shown below and clickOK.
If you want to rotate your marker, remember to expand the applied effects (Object > Expand Appearance). Once expanded, you can rotate this 3D marker logo and add your text.
Congratulations! You're done!
This is what your bookmark logo should look like. I hope you enjoyed this tutorial and can use these techniques in your future projects.
Feel free to modify this marker logo and make it your own. Find great sources of inspiration atElement Envato, with cool solutions for creating bullet logos.
Popular Envato Elements Assets
Element Envatois a great resource for logo designs. Here's a short list of some of the most popular logo templates you can find.
Shooting player logo(AI, EPS, PDF, PNG, JPG)
Take a look at this bold and bold gamer logo featuring a design that conveys the intense focus of the shooter genre. It will grab the attention of potential players and customers and make you instantly recognizable.
Warfare eSports Gaming-Logotipo(AI, EPS, PDF, PNG)
This is a sleek, modern and professional esports gaming logo that conveys the competitive spirit and skills of the gaming community.
blue sniper logo template(IA, EPS, SVG, PDF)
Here's another bold and aggressive design that conveys a sense of power, craftsmanship, and precision. Crisp, edgy typography is easy to customize.
Sniper mascot logo(AI, EPS, JPG, PNG, PDF, SVG)
This is a good example of a sniper gamer logo with a design that conveys the precision and focus of the sniper game. Clean and powerful, this design captures the essence of sniper games.
Panda Logo Game(AI, EPS, JPG, PDF, PNG, SVG)
Go crazy with this panda game logo. This cartoon style panda with video game controller and gaming headset is the perfect solution if you want to express the routine of passionate gamers.
You want to know more?
We have plenty of tutorials on Envato Tuts+, from beginner to advanced. Just look!
- How to create a deer logo in illustrator Andrei Marius08. September 2022
- How to Create a Cat Logo Design in IllustratorAndrei MariusDecember 16, 2021
- How to make a vintage circular logo in IllustratorAndrei Marius04 Aug 2022
- How to Make a Dog Logo Design in IllustratorAndrei MariusMarch 17, 2022
- How to make an alien logo in illustrator Andrei Marius2. June 2022
- How to draw the Wonder Woman logoAndrei MariusDecember 22, 2022
- How to make a fire logo designAndrei MariusNovember 17, 2022
- How to create a palm tree logoAndrei Marius17. September 2021
- How to create a monogram in IllustratorAndrei Marius30. December 2021
- How to create a sports jersey design in IllustratorAndrei MariusDecember 23, 2021
I'm a self-taught graphic designer and a sucker for vectors. I spend most of my time working on all sorts of designs in Illustrator, Photoshop, XD, Figma, or Sketch. Everything from illustrations to UI layouts and interfaces, icons, charts, infographics and charts, logos and badges, patterns, some character designs, and lots of text effects. See my entire portfolio atandreimarius.com.
How to create a logo step by step? ›
- Develop your brand identity.
- Look for design inspiration.
- Choose colors that reflect your brand.
- Choose a type of logo design.
- Select a typeface.
- Create several rough versions.
- Get feedback.
- Polish your winning design.
- Step 1: Create Design brief- Exploring all the “W”s. ...
- Step 2: Research. ...
- Step 3: Sketch to build Concepts. ...
- Step 4: Feedback and Review. ...
- Step 5: Digital implementation. ...
- Step 6: Presentation.
- Develop your brand identity.
- Look for design inspiration.
- Choose colors that reflect your brand.
- Pick a font.
- Create several rough versions.
- Get feedback.
- Polish your winning design.
- Start With Your Story.
- Brainstorm Words That Describe Your Brand.
- Sketch Ideas Based on These Words.
- Test Your Top Sketches With Your Buyer Persona.
- Refine Your Chosen Sketch.
- Develop Your Logo's Layout on a Free Design Platform.
- Pick Versatile Color Options.
- Choose a Font.
- Appropriate – logos should be appropriate in it's feeling. It doesn't need to say a whole lot.
- Distinctive & Memorable – It has to be unusual enough to persist in our mind. ...
- Simple – Logos are displayed across various mediums in many different sizes.
- It's simple. It's easy to fall into the trap of thinking that your logo needs to be complex, but the best logos are often the most simple. ...
- It's memorable. ...
- It's timeless. ...
- It's relevant. ...
- It has high-quality typography. ...
- It contains the appropriate colors. ...
- It's versatile.
The golden rules of logo design
This means brands need to differentiate themselves visually to avoid being confused. Differentiation is achieved through brand identity design—a range of elements that work together to create a distinctive picture of the brand in our minds.
Strong lines and letters show up better than thin ones, and clean, simple logos reduce and enlarge much better than complicated ones. But although your logo should be simple, it shouldn't be simplistic. Good logos feature something unexpected or unique without being overdrawn.What are 4 elements of a good logo? ›
Logo brand, Style, Colours, and font are the four basic elements of logo design. It is a crucial part of the design process where you must put in a lot of thought and effort to come up with something unique and distinctive.What not to do for a logo? ›
Never alter the wordmark or any visual elements, and do not change the font of the wordmark or accompanying names of colleges or divisions. Never overprint something on top of the logo, and do not use the logo as a background pattern. The minimum recommended size for the standard logo is 1" in height.
What is the key to a successful logo? ›
What Makes A Good Logo? # A good logo is distinctive, appropriate, practical, graphic and simple in form, and it conveys the owner's intended message. A concept or “meaning” is usually behind an effective logo, and it communicates the intended message.How do you structure a logo? ›
- Explain The Story Behind Your Logo. Logos are designed after analyzing the brand thoroughly. ...
- Present Different Variations Of Logo. ...
- Talk About The Features. ...
- Present Logos In Practical Situations. ...
- Make It Look Professional.
- Ensure your colour schemes have a purpose. It's important to pick out colours that will set the right vibe for your company. ...
- Visualise your branding. When people see your logo what do you want them to think? ...
- Simplicity is key. ...
- Research. ...
- Hire a professional.
You don't need fancy editing software or years of design experience. You can make a logo by yourself in five minutes with an online logo maker! But before you start your logo design journey, here's what you need to know to feel confident about the process.How detailed should a logo be? ›
When printed in small sizes, a complex design will lose detail and in some cases will look like a smudge or, worse, a mistake. The more detail a logo has, the more information the viewer has to process. A logo should be memorable, and one of the best ways to make it memorable is to keep things simple.How do I get ideas for a logo design? ›
- Big brands. Big brands hire only the best (or at least, the most expensive) designers, so more often than not, they have some of the highest quality logos around. ...
- 99designs Discover. ...
- Your own brand story. ...
- Your competitors. ...
- Social media. ...
- Behance. ...
- Image searches. ...
- Wandering around stores.
In addition to being able to boast these enviable benefits, strong brands have something else in common. They all exhibit the “three Cs” of branding. The three Cs are: clarity, consistency, and constancy.What are the 4 steps of logo? ›
- Brainstorming. When you are going through the logo design process, you should have the opportunity to work collaboratively with a creative team. ...
- Testing/Linguistics Screening. ...
- Design Development. ...
- Trademark Research.
What is the standard size for a logo? The standard logo size for a horizontal website layout typically ranges from 250 to 400 pixels wide. A standard logo size for a vertical website header is 160px x 160px. It's important to note that social media logos vary in size, ranging from 110px to 900px in width.What are the 5 basic type of logo? ›
The five basic categories of logo styles are: wordmarks, lettermarks, brandmarks, combination marks and emblems. This post is going to explain how each category is defined, give you some famous examples and explain when and why they should be used.
What makes a logo fancy? ›
Icons on effective fancy logo designs tend to be simple, spare, and made from thin lines and geometric shapes; above all else, they are elegant.What makes a good and a bad logo? ›
A good logo will be unique and memorable so that it can be easily recalled after someone engages with your brand. A stand-out color palette or a clever shape can help you create a logo to remember. A bad logo will mimic other logo designs and get lost in the sea of similar businesses.What are the 4 rules of good design? ›
Good design is honest. Good design is long-lasting. Good design is thorough down to the last detail. Good design is environmentally-friendly.What are the four basic design rules? ›
The four basic principles are proximity, alignment, repetition and contrast.What is the first rule of design? ›
The First Rule of Design Thinking is that you do not talk about design thinking. Yes, inspired by the movie Fight Club, the First Rule is essential. The most important factor of success of a design thinking effort is to just do it.How many colors should my logo have? ›
In general, it is recommended to use no more than three colors for your logo. Paying attention to various logo color schemes and the way certain hues work harmoniously together will help you create a logo that is both visually appealing and meaningful.What is the rule of thumb for logos? ›
As a general rule of thumb, logos should have one or 2 fonts, including bolded variations. In most cases, using too many fonts will cause a cluttered and amateur-looking design. Once you've chosen the right fonts for your logo, use the guide to name those fonts and font styles.What are significant 10 point that we consider while designing a logo? ›
- Understand why you need a logo.
- Define your brand identity.
- Find inspiration for your design.
- Check out the competition.
- Choose your design style.
- Find the right type of logo.
- Pay attention to color.
- Pick the right typography.
A timeless logo is one that grows with your business and is still relevant if you are expanding, adding new products or services, and works for the business no matter where the business goes. A logo is a visual representation of your brand and creates an instant connection with the public.How can I own my own logo? ›
To copyright your logo, you need to use the copyright symbol. This familiar symbol of the letter “c” contained in a circle is the universal symbol for copyright. Include the symbol or word within your logo or right next to it. To trademark your logo, you need to register it and pay a fee.
What are the 4 basic components of a logo design? ›
Logo brand, Style, Colours, and font are the four basic elements of logo design. It is a crucial part of the design process where you must put in a lot of thought and effort to come up with something unique and distinctive.Are there rules for logo design? ›
Strong lines and letters show up better than thin ones, and clean, simple logos reduce and enlarge much better than complicated ones. But although your logo should be simple, it shouldn't be simplistic. Good logos feature something unexpected or unique without being overdrawn.What not to do when designing a logo? ›
- Not Knowing Your Company. ...
- Not Knowing Your Customers. ...
- Using Too Many or the Wrong Colors. ...
- Using Too Many or the Wrong Fonts. ...
- Getting too Much Inspiration from Trends. ...
- Using Too Much Detail. ...
- Copying Another Logo.
By simply having a logo, you have what's known as a common law trademark for your logo. That means that, without doing anything paperwork-wise, you have the sole legal right to use and amend that logo as you see fit. But without an officially registered trademark, that right isn't as secure as it could be.Can I copy a logo and sell it? ›
Logos don't even need to be registered as trademarks to be protected under current law. This means that using someone else's logo without permission, even if it's unregistered, is against the law.Do I need to copyright my logo? ›
Now that you've chosen your brand name and created a logo for the brand, you need to ensure that your assets are protected. Many people will infringe on the intellectual and creative property without even flinching. Regardless of the industry, you're in or the size of your business, make sure to copyright your logo.What a good logo should have? ›
A good logo is distinctive, appropriate, practical, graphic and simple in form, and it conveys the owner's intended message. A concept or “meaning” is usually behind an effective logo, and it communicates the intended message.