how to make a logo from a picture in illustrator

Import a picture that will serve as a reference and will be inspiring you. 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. You can see the shapes spacing out as you drag. All hail the power of Adobe Illustrator. You will learn how to create a simple logo … ... Graphic design programs such as Adobe Illustrator or Inkscape will allow you to test the scalability of your design. If you really can’t stand to see another ad again, then please consider supporting our work with a contribution to wikiHow. Here’s how: Step 1: Go to File > Open, or press Ctrl + O. 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. Make sure that you do not include a background in your logo file. Please help us continue to provide you with our trusted how-to guides and videos for free by whitelisting wikiHow on your ad blocker. Don't add any color to the logo just yet. Select Layer 1 in the Layers panel and choose the Rounded Rectangle … Export your logo as a PNG file. Logo design tutorials can be helpful for beginners to polish design skills. To do so, double-click on the yellow app icon that … What is the philosophy behind your brand? 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. 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? The option is available under VIEW. If you download free fonts online, be aware of the licensing agreement for those fonts. Unless you are tracing a sketch or line art with a solid color, the result is usually black and white. We know ads can be annoying, but they’re what allow us to make all of wikiHow available for free. 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). After you’ve created your vector logo, click File > … This wikiHow teaches you how to design a logo in Adobe Illustrator. Make unique design of your website and change the size of photos with the help of illustrator. This allows you to move corners and expand shapes. Travis has experience writing technology-related articles, providing software customer service, and in graphic design. We now have a logo that’s pretty close to the original. 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). Select all of these shapes and open the Brushes panel (Window>Brushes). Use the Direct Select tool and click and drag the vectors to move them. Make use of basic shapes and the gradient tool in Illustrator to design a logo that can be used in a variety of ways. Use pathfinder to combine shapes or cut shapes out of existing shapes. With the Selection tool, select the outer shape and give this a yellow fill (you already have the stroke). A logo can be an image, text, or a combination of both. 2. 9. You may delete the light bulb you created in Step 6. Start with a simple black and white version of the logo. Images designed in Adobe Illustrator can be stretched to any size without any pixelization or distortion. Download the sample files and open Logo-art-START.ai, and then get ready to follow along. 7. Select the shape and the image, and use Object > Clipping Mask > Make command (Cmd+7 / Ctrl+7) Then you have to select the mask (rectangular frame) only using 'Direct Selection' and choose color and weight in the Stroke panel. Select it, set the color to black and go to Effect > Path > Offset Path. Thanks to all authors for creating a page that has been read 237,941 times. You can click and drag them to adjust the curve of a line. 2. Layers Magazine is published by KelbyOne — the online educational community for Photoshop, Lightroom, and Photography. Click on the line and go to Object>Path>Outline Stroke. 1. 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. I want to replace it with another image (just like you do with text 'find and replace') Is there any Note: Use the little arrows on top of the toolbar to reduce it. Include your email address to get a message when this question is answered. Also, avoid mixing fonts in your logo design. Brian Wood, Illustrator expert and instructor, shares his approach. CREATE BASIC SIGN SHAPE. Set the Fill and Stroke to None and position the top of it at the bottom center of the bulb. Illustrator will automatically make the artboard to the exact dimensions of the grouped logo. CREDIT FOR PALM TREES: ©FOTOLIA/YONG HIAN LIM CREDIT FOR SURFER: ©FOTOLIA/TARZOUN. 5. Create a new file with a rectangle or square-shaped artboard. This will give us the overall shape of the sign. The benefit of using Adobe Illustrator to design a logo is that Adobe Illustrator is a vector graphics editor. Look for … I really like the ribbon on the white badge, so I'll take it a… 2 CONVERT TO GRAYSCALE AND EXPAND In Illustrator, create a new RGB document and go to File>Place. Think of all the different ways you plan to use your logo. However, it's best to do this on a third artboard with a full color copy of the logo. 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. Scan drawings and sketches using Adobe Capture to kick off your logo design — a feature only available with Illustrator. It opens the Image Trace Panel. 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. Now drag the center control handles inward so the path conforms to the shape of the sign. Make sure the Smart Guides are Switched on. 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. If you zoom in on a shape, you'll see white dots on the lines and corners of a shape. Most logos are designed on a vertical rectangle-shaped artboard or an even square-shaped artboard. Use the Text tool to add text to the logo. This will tighten up the top and bottom of the shape. The Open dialog box will appear. 10 EVERYBODY’S WELCOME Now let’s add the WELCOME letters above the sign. A traditional font such as Times New Roman or Garamond can add a formal look to a logo. This programmer allows you to create real masterpieces to color our daily routine. 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). A logo is a visual design used to identify a business, organization, or brand. Choose Effect>Distort & Transform>Transform, enter 6 for Copies, turn on the Preview checkbox, then drag the Move Horizontal slider to the right. In a pdf file (with 21 pages) in top of each of them is the same image. By signing up you are agreeing to receive emails according to our privacy policy. Wait for Illustrator to vectorize the image. No matter the medium, make a logo that pops. He studied graphic design at Pikes Peak Community College. It's a good idea to place your text and your images on. 13 & 14 In just a matter of minutes you can re-create a logo from a photograph that closely resembles the original. This article was written by Travis Boylls. If you are stuck, you can always use the sample file as an aid.. 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. This article was written by Travis Boylls. I'll use two elements from this setof badges. Then choose Object>Ungroup. Drag the object into the Brushes panel. 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. Click Type' followed by "Create Outlines to vectorize the text. Creating a Watermark: Open or create an image. The second choice traces and then shows you the paths. Use the Selection tool to reposition and rotate the shape over the sign. A sans-serif font such as Helvetica can add a more modern look to a font. 10. 8. Don't add color to your logo just yet. Then select the Delete Anchor Point tool (–) and click the points on each side of the new points. Some brands choose to use a wordmark as their logo, such as FedEx. 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. Trace Black and White Images in Illustrator . Create rectangular shape, be sure it is above the image. Designing a simple black and white logo to start with will ensure that your logo looks good in it's simplest form. Or, you can use the keystrokes: hold down control and then, while still holding control, click "n". He specializes in Windows, macOS, Android, iOS, and Linux platforms. Click on the artboard and in the Rounded Rectangle dialog, enter appox. Repeat this process for all the letters. % of people told us that this article helped them. These are called Bezier Curves. Travis Boylls is a Technology Writer and Editor for wikiHow. Another way of tracing an image appears in the Object menu. 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. Travis has experience writing technology-related articles, providing software customer service, and in graphic design. Design in Pantone or CMYK, so your color schemes stay true wherever you work, even with complex color separation. Change the color of the text, select each piece, choose Object>Group, and drag your sign onto the type. Whether you’re a pro or an amateur, it’s the go-to software when you want to create a vector image. 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. Control the creation of the logo via the Layers panel. 6 LET THERE BE A LIGHT BULB Now let’s create the first of our light bulbs that surround the sign. 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. 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. "I was able to change the shape and size of the letters.". 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. Refine your sketches. He studied graphic design at Pikes Peak Community College. Create a new Illustrator document: From the Create a new file menu choose Postcard.The steps below show you how to create the Owls logo from scratch. 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. They are used on signs, pamphlets, advertisements, websites, business cards and almost everything associated with the brand. 7 MAKE A PATTERN BRUSH We want to repeat this bulb around the sign, and we’ll do that by making a pattern brush. 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). A successful logo is an instantly recognizable symbol of who you are. The tools and functions in the program are designed in such a way that the user can use one tool for multiple functions. Illustrator also has access to the Pantone library which is used in professional printing. Save You won't need all the elements here, so ungroup them by selecting them and choosing the Ungroup option from the Object menu. 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. Many free fonts are free to use for personal use but are not authorized for commercial use. 2 CREATE BASIC SIGN SHAPE Select Layer 1 in the Layers panel and choose the Rounded Rectangle tool (nested under the Rectangle tool [M]). Step 3: Work the Details and Save the Image. Line up the W in the first circle and set the font size for the text. Now Option-click (PC: Alt-click) on either the left or right handle and drag out to the edge of the sign. These are called Vectors. After choosing the type of font … Launched in 2005, Layers Magazine is one of the web’s premier destinations for photographers, filmmakers, designers, and other artists who are interested in how new creative tools and techniques are being used in the industry today. A logo communicates your brand. Select the Ellipse tool (L), press-and-hold the Shift key, and drag out a circle over the first circle on the Template layer. Use the Swatches menu to add color to the logo. Picture this scenario — you’re handed a logo design created by someone else and asked to modify it. In the New Brush dialog that appears, choose New Pattern Brush and click OK. 8 SET THE PATTERN BRUSH OPTIONS In the Pattern Brush Options dialog, reduce the Scale quite a bit and set the Spacing to 125%. Copy the following designs to your file. To learn more, visit KelbyOne.com. When Illustrator finishes, you can further tweak your image. When done, choose Type>Create Outlines to convert to shapes. It doesn’t have to be dead on, just close enough. Avoid using overly decorative fonts that are difficult to read. wikiHow is where trusted research and expert knowledge come together. Now delete the text and the illustrations. Take a look at all of your sketches again, this time with a critical eye. Press Command-R (PC: Ctrl-R) to Show Rulers, then drag out a vertical guide and place it in the center of the shape. Go ahead and open Adobe Illustrator and create a new file. I’ve decided to create two artboards with the following dimensions: 1,000 x 1,000 px. Keep your colors true. Save The first logo version has a trendy, vintage look. 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. Select ‘Mode’ to switch between color groups and adjust the ‘Color’ bar to make the vector more or less detailed. What makes you different from the competition? Illustrator Tutorial: How to make a logo from photo - YouTube Use the shape tool to add shapes to your logo. He specializes in Windows, macOS, Android, iOS, and Linux platforms. In this tutorial, we’ll take you through one example of how you can re-create a logo in Illustrator based on a photo. Travis Boylls is a Technology Writer and Editor for wikiHow. This article has been viewed 237,941 times. You can also select "Adobe PDF" to save the logo in PDF format. In the Layers panel, you can double click on the layer and make it a template layer. 3. https://helpx.adobe.com/illustrator/how-to/logo-design.html When you’re done, just set the text color to red and hide the Template layer. Set the Fill to white and the Stroke to 1 pt black. 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. 1. Click the selection at the top of the toolbar to the left. Once placed, you can see it has a lowered opacity. Are there any colors or color combinations that fit your brand identity. I have a quick question. Here we made a composite photo of a couple of palm trees along with a surfer against a white background and saved it as a Photoshop file. This article has been viewed 237,941 times. {"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":"