how to make a logo from a picture in illustrator

Find the closest font you have to each of the words on the sign and create a new text object for each one (our fonts are Myriad Pro Regular, Brush Script MT Italic, and Helvetica Black, respectively). "I was able to change the shape and size of the letters.". This programmer allows you to create real masterpieces to color our daily routine. Now drag the center control handles inward so the path conforms to the shape of the sign. These are called Bezier Curves. 2. Creating a Watermark: Open or create an image. This allows you to move corners and expand shapes. The benefit of using Adobe Illustrator to design a logo is that Adobe Illustrator is a vector graphics editor. The tools and functions in the program are designed in such a way that the user can use one tool for multiple functions. Layers Magazine is published by KelbyOne — the online educational community for Photoshop, Lightroom, and Photography. On the top of the box, in the first row, you will find options such as Auto color, High color, Low color, Grayscale, Black and White, and Outline. He specializes in Windows, macOS, Android, iOS, and Linux platforms. When Illustrator finishes, you can further tweak your image. How To Open a Vector Image in Adobe Illustrator If you’re creating a company website or logo based on a Shutterstock template, it may be best to open the vector in a new document. In a pdf file (with 21 pages) in top of each of them is the same image. Click OK. 11 ADD TEXT Now choose the Type tool and set the word WELCOME in a font that closely resembles the original (we used a version of Helvetica). At this point you can convert all of your type to outlines and use the Direct Selection tool to alter the paths so they more closely match the original text. Choose Effect>Distort & Transform>Transform, enter 6 for Copies, turn on the Preview checkbox, then drag the Move Horizontal slider to the right. What is the philosophy behind your brand? 9 SET TYPE FOR SIGN Use the Selection tool to select the sign you created and drag it out of the way so can see the Template layer. Trace Black and White Images in Illustrator . You can also use the gradient to add more complex color blends. When done, choose Type>Create Outlines to convert to shapes. 10. I want to replace it with another image (just like you do with text 'find and replace') Is there any Make use of basic shapes and the gradient tool in Illustrator to design a logo that can be used in a variety of ways. Open Adobe Illustrator and Start the Project Create a new document and organize the working area. Now Option-click (PC: Alt-click) on either the left or right handle and drag out to the edge of the sign. You will learn how to create a simple logo … I have a quick question. As you can notice, changing image size in illustrator is almost effortless and brings great results, especially if you know some tips on its usage. Color printing might not always be an option. Select the Add Anchor Point tool (+) then click to add points at both places where the guide intersects the path. Other logos are lettermarks; for instance, IBM or NASA. Refine your sketches. Select ‘Mode’ to switch between color groups and adjust the ‘Color’ bar to make the vector more or less detailed. Are there any symbols or images that are representative of your brand? ... Graphic design programs such as Adobe Illustrator or Inkscape will allow you to test the scalability of your design. Repeat this process for all the letters. Keep going until the circles are just touching end to end. Adobe Illustrator is the industry standard in vector-editing programs, so we recommend it above all others. Most logos are designed on a vertical rectangle-shaped artboard or an even square-shaped artboard. Use the shape tool to add shapes to your logo. Import a picture that will serve as a reference and will be inspiring you. Have you ever worked on a layout that required a specific logo but all you had was a photograph of that logo, and no matter how hard you tried you couldn’t find a nice high-res or vector version to use? Click Type' followed by "Create Outlines to vectorize the text. He studied graphic design at Pikes Peak Community College. No matter the medium, make a logo that pops. All hail the power of Adobe Illustrator. Go to File>Place, locate the photo you’d like to use, turn off the Link checkbox, turn on the Template checkbox, and click Place. Adobe Illustrator is a huge and powerful software that is loaded with a set of tools and functions used to make the work of the user easier and simpler. Create a new file with a rectangle or square-shaped artboard. Selecting your Artboard Tool, and clicking once on each logo variation (just be sure the logo pieces are all grouped for each variation, otherwise the artboard might only snap to part of the logo). A traditional font such as Times New Roman or Garamond can add a formal look to a logo. Double-check your template to determine the right dimensions.) By signing up you are agreeing to receive emails according to our privacy policy. Then choose Object>Ungroup. You can click and drag them to adjust the curve of a line. 9. Illustrator Tutorial: How to make a logo from photo - YouTube This will tighten up the top and bottom of the shape. % of people told us that this article helped them. With this shape still selected, go to the Control panel and set the Fill to white and make sure it has a 1 pt black Stroke. Travis Boylls is a Technology Writer and Editor for wikiHow. A logo communicates your brand. Save You won't need all the elements here, so ungroup them by selecting them and choosing the Ungroup option from the Object menu. It's a good idea to place your text and your images on. A logo can be an image, text, or a combination of both. Illustrator will automatically make the artboard to the exact dimensions of the grouped logo. This will give us the overall shape of the sign. We know ads can be annoying, but they’re what allow us to make all of wikiHow available for free. Or, you can use the keystrokes: hold down control and then, while still holding control, click "n". Scan drawings and sketches using Adobe Capture to kick off your logo design — a feature only available with Illustrator. Another way of tracing an image appears in the Object menu. In the Control panel, set the Fill to None and add a 1 pt black Stroke. You can also select "Adobe PDF" to save the logo in PDF format. Choose the Selection tool (V), press-and-hold the Shift key, and drag a corner handle to resize the photo proportionally (ours is about 525 pixels wide with proportional height). Select the Ellipse tool (L), press-and-hold the Shift key, and drag out a circle over the first circle on the Template layer. 226 for the Width and Height (this is the height of our sign at its current size), set the Corner Radius to 40, and click OK. (Note: These sizes are based on the current size of our template. Open the image trace panel from the toolbox to see more options. Better Masking Techniques in Adobe Photoshop CS4, Create a Long Shadow Text Effect in Photoshop Using Layer Styles, How to Build a Responsive Website Design Using Adobe Muse, A Step-by-Step Guide to Correcting Distortion in Architectural Photos Using Lightroom, Create a Multi-Stroke Text Effect Using Photoshop’s New Layer Style Functionality, Lindsay Adler Transforms Images On Location with OCF II Light Shaping Tools, Platypod: Knocking it Out of the Park with Platyball. Download the sample files and open Logo-art-START.ai, and then get ready to follow along. Use the Direct Select tool and click and drag the vectors to move them. Choose the Ellipse tool (L), press-and-hold the Shift key, draw a small circle, fill it with yellow, and set the Stroke to None. He studied graphic design at Pikes Peak Community College. Open Illustrator. Select the edit tab and click "New," then select how big you want your page "Artboard," and click "select". To create our logo design we will combine a few simple shapes using some very simple linear gradients where we will try to increase the depth and to create an eye-catching design. Line up the W in the first circle and set the font size for the text. When you select Object > Image Trace, you have two options: Make and Make and Expand. What makes you different from the competition? 1. Click the selection at the top of the toolbar to the left. 2. A successful logo is an instantly recognizable symbol of who you are. 3 EXTEND SIDES OF SHAPE To reassign the bounding box of the rounded rectangle to the shape of the sign, open the Pathfinder panel (Window>Pathfinder) and click on the first icon under Shape Modes, Unite. Choose the Direct Selection tool (A), select the bottom control point of the circle, and drag it down a little. 12 POSITION INDIVIDUAL LETTERS Shift-click the W to deselect it then press the Right Arrow key to move the rest of the word to the right until the E lines up in the second circle, then Shift-click the E to deselect it. After you’ve created your vector logo, click File > … Brian Wood, Illustrator expert and instructor, shares his approach. 7. However, it's best to do this on a third artboard with a full color copy of the logo. Design in Pantone or CMYK, so your color schemes stay true wherever you work, even with complex color separation. Then select the Delete Anchor Point tool (–) and click the points on each side of the new points. 7 MAKE A PATTERN BRUSH We want to repeat this bulb around the sign, and we’ll do that by making a pattern brush. 6. Select all of these shapes and open the Brushes panel (Window>Brushes). CREDIT FOR PALM TREES: ©FOTOLIA/YONG HIAN LIM CREDIT FOR SURFER: ©FOTOLIA/TARZOUN. Many free fonts are free to use for personal use but are not authorized for commercial use. Set the Fill and Stroke to None and position the top of it at the bottom center of the bulb. If you really can’t stand to see another ad again, then please consider supporting our work with a contribution to wikiHow. 2 CREATE BASIC SIGN SHAPE Select Layer 1 in the Layers panel and choose the Rounded Rectangle tool (nested under the Rectangle tool [M]). Start with a simple black and white version of the logo. After opening the image in Illustrator, go to Windows and choose the option Image Trace. Select it, set the color to black and go to Effect > Path > Offset Path. If you zoom in on a shape, you'll see white dots on the lines and corners of a shape. 6 LET THERE BE A LIGHT BULB Now let’s create the first of our light bulbs that surround the sign. To learn more, visit KelbyOne.com. Pick the Ellipse Tool(L), create a 3px circle, fill it with white and place it as shown in the first image. If you plan on using the logo in Adobe Animate or Adobe After Effects, it's also recommended that you save a copy in "SVG" format. If we make it a brush now it will center the graphic to the path, but we want it to sit on top of the path. Open the Layers panel and double-click the Template layer to rename the layer and lower the Dim Images To option to 35%, and click OK. Then click the Lock icon next to the Template layer to unlock it. Use pathfinder to combine shapes or cut shapes out of existing shapes. To do so, double-click on the yellow app icon that … They are used on signs, pamphlets, advertisements, websites, business cards and almost everything associated with the brand. Also, avoid mixing fonts in your logo design. In the Layers panel, you can double click on the layer and make it a template layer. The option is available under VIEW. The Open dialog box will appear. Turn on the Flip Across setting because the position is reversed on the path, and click OK. Now just select the outer shape of the sign and click on the new pattern brush to apply it. 13 & 14 In just a matter of minutes you can re-create a logo from a photograph that closely resembles the original. Use the Text tool to add text to the logo. By watching this video you can learn logo design techniques to create professional logos or get the idea to create a custom business logo design. Don't add color to your logo just yet. Go ahead and open Adobe Illustrator and create a new file. Press the Spacebar to reposition as you draw. Include your email address to get a message when this question is answered. This wikiHow teaches you how to design a logo in Adobe Illustrator. Use the Character menu to adjust the font, font format, size, spacing, and horizontal and vertical scale of the text. This article was written by Travis Boylls. After choosing the type of font … 8. Briefly, if someone is starting by hand drawing a logo, as you plan to do, the next step is usually scanning the logo and placing it into Illustrator to use as a template. A rectangle-shaped logo will look good on banners, signs, and a social media cover page, but a square-shaped logo will fit into more media platforms, such as the corner of a business card or a social media profile icon. It opens the Image Trace Panel. Once placed, you can see it has a lowered opacity. Some brands choose an image or symbol as their logo. Create rectangular shape, be sure it is above the image. Think of all the different ways you plan to use your logo. I'll use two elements from this setof badges. Designing a simple black and white logo to start with will ensure that your logo looks good in it's simplest form. Keep your colors true. Look for … Travis Boylls is a Technology Writer and Editor for wikiHow. With the Rectangle tool, draw a rectangle the same height as the bulb but very thin. Please help us continue to provide you with our trusted how-to guides and videos for free by whitelisting wikiHow on your ad blocker. Save The first logo version has a trendy, vintage look. 4 COMPLETE SIGN SHAPE Now the sides match up but the top and bottom are more rounded than they need to be. 2 CONVERT TO GRAYSCALE AND EXPAND In Illustrator, create a new RGB document and go to File>Place. Now choose the Rectangle tool (M), draw a small box over the bottom area of the bulb, fill it with black, and set the Stroke to None. Wait for Illustrator to vectorize the image. Press Command-R (PC: Ctrl-R) to Show Rulers, then drag out a vertical guide and place it in the center of the shape. Images designed in Adobe Illustrator can be stretched to any size without any pixelization or distortion. Thanks to all authors for creating a page that has been read 237,941 times. Picture the smallest size you may need; if the company name won't be readable when the logo is the size of a favicon, it may be best to leave it out of the design. How to Create a Golden Ratio Logo Design (Video Tutorial) If you need to brush up on your golden ratio skills, this tutorial is for you. Use the Swatches menu to add color to the logo. Click on the line and go to Object>Path>Outline Stroke. Now delete the text and the illustrations. We now have a logo that’s pretty close to the original. If you need to make adjustments to the brush Scale or Spacing, double-click the brush in the Brushes panel and make the changes in the Pattern Brush Options dialog (turn on the Preview option so you can see your changes). Make sure that you do not include a background in your logo file. Discover how you can improve your credit score fast. If you click a vector with the Direct Select tool, you might see two lines with dots on the end of them attached to the vector. Some brands choose to use a wordmark as their logo, such as FedEx. Click on the artboard and in the Rounded Rectangle dialog, enter appox. 5. A sans-serif font such as Helvetica can add a more modern look to a font. 5 CREATE THE INSET BORDER Choose Object>Path>Offset Path and in the dialog that appears, enter –12 for the Offset amount, leave the other settings alone, and click OK. As you can see, this created an inset for a border effect. The second choice traces and then shows you the paths. 4. 1 SELECT A PHOTO TO WORK FROM Choose File>New to create a new RGB document. You can see the shapes spacing out as you drag. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a6\/Create-a-Logo-in-Adobe-Illustrator-Step-1-Version-3.jpg\/v4-460px-Create-a-Logo-in-Adobe-Illustrator-Step-1-Version-3.jpg","bigUrl":"\/images\/thumb\/a\/a6\/Create-a-Logo-in-Adobe-Illustrator-Step-1-Version-3.jpg\/aid1758054-v4-728px-Create-a-Logo-in-Adobe-Illustrator-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"