Making a Vector based Logo In Illustrator

techmanga June 27, 2021 0 Comments


“Simplicity is the ultimate form of sophistication” – Leonardo da VinciBefore we get started, let’s go over a few basic rules and principles of logodesign. A DJ’s logo should be: * Describable * Memorable * Effective with and without color * ScalableThe first thing to think about is the essence of what your logo will visuallyrepresent; you and your sound. What do you want your logo to say about you,the music you play, and your style of DJ performance? Take a few minutes tofigure this out by writing down the answers to the following questions.1) What is my musical style? 2) What is my DJ personality and performance style? 3) What do I want to communicate to the world with my logo? 4) Are there any shapes, symbols, or colors that come to mind when I thinkabout myself as a DJ?Once you’ve decided what you’d like to convey, you’re well on your way tocreating a great design.


Why it works well: DJ QBert’s graffiti signature visually represents his freshscratch style and b-boy status. The use of movement and effective use ofnegative space make this design particularly eye catching.


It’s a jungle out there. Here are a few ideas on how you can easily find theright designer:Craigslist: Post an ad (In the Gigs: Creative section) for a designer on theinternet’s classifieds section. Within a few hours, you’ll receive manyinquiries from designers. Choose the best one, and make sure to communicateclearly about the project requirements, timeline and your budget. If you don’thave the funds to pay a designer, Craigslist is one of the few online siteswhere it’s acceptable to barter to exchange services. (eg. A night of DJing inexchange for the logo design) * Pros: You’ll get a ton of interest from designers who want to create your logo within a very short time. * Cons: The selection process can be time consuming. You’ll have to sort through dozens of emails, and portfolios, both good and bad. Craigslist is often full of bots and mass-emailers who won’t even read the specifics of your post.99 Designs: This is a relatively new design service that allows you to host adesign contest, where a crowd of graphic designers compete to design a logoyou love, or your money back. Within seven days, the site promises you dozensof designs to choose from, and you pick your favorite. They also have ready-made logo designs that they will customize for you for $99 USD. I personallyhaven’t used this service, but it does look interesting if you’re on a limitedbudget. * Pros: The design contest often leads to a variety of options of quality designs – meaning you’ll have a lot to pick from! 99 Designs has a great track record with a large community of designers active on it. * Cons: If you run a design contest, the minimum investment is $295. The $99 customization of a logo means simply tweaking a graphic, as opposed to having creating a design from scratch that is uniquely yours.Headhunt a designer: Earlier in the article, we noted that you should find andcollect logos you think are great. Do some snooping, and figure out whodesigned those logos – sometimes this might involve emailing an artist’smanagement or even reaching out to the DJ or artist themselves. It’s worthlooking around your local scene here as well – what DJs who are playing out inyour town have a well-made logo that they’re sporting? You’ll be surprised howmany designers you’ll learn about simply by asking folks who’ve been throughthis process before. * Pros: You’ll be working with a trusted designer whose work you’ve seen and enjoyed. Depending on the context of the referral, you might be able to swing a discounted price. * Cons: This option could also break your piggy bank, if the DJ who you found the designer through turns out to be a high-roller and paid a lot for their design.In the end, you have to choose the option that best suits your purposes, andbudget. Don’t forget to consider seeking out friends and colleagues who mighthave experience in graphic design, as often even if they’re not up to thechallenge, they’ll have a great reference for you!


Once you find the designer you’d like to work with (or when you start a 99Designs contest), send them your sketches, reference pictures and ideas forthe logo design. It’s a good idea to include the description you wrote of yourDJ sound, personality and the main idea that you want to communicate. You’llalso want to consider your main logo colors. The colors you use could help tobuild your DJ brand – are you drawn to certain colors, or does the music youplay make you think ofWhen the designer sends you back a few prototype designs (or you see theresults of the contest on 99 Designs), you’ll be able to choose your favoriteand provide them with feedback. At this time, once you’ve refined andperfected the design with your designer, it’s time to put your amazing newlogo to good use!

Transparent backgrounds for the non-designer:

The best free tool I’ve found is LunaPic. LunaPic works very simply, Youupload your image by clicking browse button, and then and select your photo.The Transparent background effect can be found in the edit menu on thetoolbar.Then you click on the background color—in this case, anywhere on the white.And your image is now transparent! There is an adjustment bar at the top ifyou feel that more or less of the background should be visible. You can easilydownload it to use in a variety of ways.Another good option is Clipping Magic. Unfortunately, it’s not free, and todownload your image you will need a subscription, but it is relativelyinexpensive. While LunaPic is good for removing solid color backgrounds, iffor some reason the background is not solid, Clipping Magic is another goodchoice. Here’s how it works:To start, you upload your photo.Then you use the red and green brush tool to mark which parts of the image tokeep and which to get rid of. You don’t need to draw over everything, just enough that the yellow lines arearound your image. You can also change the brush size at the bottom of thepage if your logo has thin lines.PicMonkey is another great resource that also requires a subscription. Thereis a 7-day free trial, but after that you have to pay to use the service.PicMonkey is very useful if you will be doing more editing than justtransparent backgrounds. To it, you start by clicking “design” on thehomepage.When you open your design, you’ll want to resize the canvas to the size ofyour image. In this case, my image was 4349 pixels by 2852 pixels. The“resize” option is at the bottom at the basic effects panel. Make sure youuncheck “keep proportions” unless your image is a square.At the top of the “basic effect” panel, you can change the background of yourimage to be transparent.Now upload your image by clicking on the “Overlay” panel and selecting addyour own. When your photo uploads the overlay tool will appear. You will wantto click on eraser, and then you can start erasing away the background of yourimage. The eraser size is adjustable the help erase around small lines. Once you’redone, simply save your image to use anytime!

Using Photoshop to Make a Transparent Background

If you are a designer, or you use Adobe Photoshop or Illustrator, there are afew simple ways to make your logo background transparent. It is very easy to take out the background of a photo in Photoshop. After youopen your image in Photoshop, make sure it is unlocked so it can be edited.Then select the Magic Wand tool.Then, click anywhere on the background to select it. There will then be amoving dotted line around everything that is selected. The Magic Wand tool is great, but doesn’t always select all the white space.To make sure you will be erasing all of the background, I like to click on the“Select” drop-down menu, and choose “Similar”. This will ensure that all ofthe background is actually being selected.Once all the background is selected, just hit “Delete” on your keyboard andthe background is gone!To deselect the image, use shortcut command-D and then you can save the logoas a PNG to preserve the transparency. A JPEG cannot have a transparentbackground no matter how hard you try.

Making a Vector-based Logo In Illustrator

While PNGs are great, they are pixel-based and not vector-based. This meansthat when you scale it up, you’ll lose clarity and the image will be fuzzy. Avector-based image can be scaled infinitely small or large and remain crispwith no pixelation. If the logo you have is not already vector-based, there isan easy way to turn it into vector artwork using Adobe Illustrator. First we will want to image trace the logo. After you open the image inIllustrator, select Object from the top menu, and then click on “Image Trace –Make”. After this point there are a few different ways to continue.Don’t be worried if your image looks a little weird right after, This is veryfixable. The preset menu on the left is very helpful for figuring out whichimage trace is best for your logo. For this logo, I chose the 6-color optionbecause there are 4 different colors used.The new vector looks identical to the original image. You’ll notice thoughthat there is still a white background If you move the vector over. To fix this, you first have to click “Expand” from the top bar in order togive the image points that you can edit. Now, using the Direct Selection tool,you can delete the point around the logo to get rid of the white box. You can save this file as an EPS to preserve the vector. A PDF will alsopreserve vectors but will give it an automatic white background.Whether you have never edited an image before or you’re new to Illustrator andPhotoshop, these tools should give you an easy way to create a more functionaland attractive logo.* * *Invite Change Media Group to your inbox! You’ll get our start-up series ofemails, then one email a month of must-know info. No spam ever, unsubscribeany time.* * *Campbell Thompson is CMG’s Visual Composer. Campbell is a Creative Advertisingand Studio Art major at Michigan State University. She has a passion forpolitics and nonprofits, and hopes to use her skills in graphic design andphotography to inspire change in the world around her.How to make a logo with transparent background using GIMP or Photoshop?Want to add a logo to your picture, but can’t get rid of the background? Thenthis guide will solve that with just a few easy steps! You don’t need specialsoftware. GIMP is an open-source tool completely free to use and has many featuresPhotoshop has to offer as well. In this guide we’ll discuss: 1. GIMP 2. Photoshop

Step 2: Making the background transparent

Now open the image you want to make transparent. I’ve chosen this image: But you can use whatever image you like. To open an image go to File > Openand then select your file. Alternatively, you can press CTRL + O. What differs GIMP and Photoshop from Paint and similar programs is that theyuse layers. Each layer can be edited individually, so you can edit parts ofyour image without having to touch the other one. These layers can be found in the upper right corner of your screen. To addtransparency right-click the layer and select ‘Add Alpha Channel’. To make the background transparent we will use the Select By Color Tool. Youcan use it by pressing Shift + O or going to Tools > Selection Tools > ByColor Select. Press anywhere around the logo on the white space you want to erase. A movingdotted line should appear around it. Press delete and a checker-likebackground should appear, like so: If this isn’t the case make sure you added an alpha channel to your image, andthere aren’t any other layers left. If you have a ‘Background’ layer you candelete this by right-clicking it and selecting ‘Delete Layer’. Congratulations! You’ve made your first logo with a transparent background!

Step 3: Exporting your logo

You can’t simply ‘Save’ your image or ‘Save As’. You will save your image in.xcf format, this way it’s only suitable for an image editor. To use it onyour site you have to export your image. To do this go to File > Export As orpress Shift + Ctrl + E. You can also choose to overwrite your file, but then the original image willbe lost. A menu asking you where your file should be stored will pop up. Youcan also change the name of your image, make sure you add .png at the end.Formats like .jpg do not support transparency while .png does. Now press ‘Export’ and you are done! To brand your survey with your transparent logo we’ve made a guide dedicatedto that in our docs. Now, let’s see how you can do this with Photoshop:

2 Photoshop

In this tutorial Photoshop CS6 is being used. The performance will stay thesame whether you use an older or newer version, menus may simply look a littledifferent.

Step 3: Removing Background

Press anywhere in the background space you want to delete. A dotted line willappear indicating the area you are about to delete. If the area isn’t bigenough, you can always add more to your selection by holding down Shift +clicking the area you want to add. If you miss clicked you can remove your entire selection by right-clicking andpicking Deselect. A checker-like background should appear on your image.

Step 3: Removing background

You can now draw a path around what you want to delete from your image. Toselect more accurately you can always press Ctrl and ‘+’to zoom. To completeyour selection press Ctrl + click on the final piece of your created path.Press Delete to remove the element, a checker-like background should appear atthe place of the object.

Leave a Reply

Your email address will not be published. Required fields are marked *