{"id":152,"date":"2020-05-29T19:16:16","date_gmt":"2020-05-29T19:16:16","guid":{"rendered":"https:\/\/myjanee.com\/new\/?page_id=152"},"modified":"2020-08-18T00:24:13","modified_gmt":"2020-08-18T00:24:13","slug":"vectorizing-a-logo","status":"publish","type":"photoshop_tutorials","link":"https:\/\/myjanee.com\/new\/photoshop_tutorials\/vectorizing-a-logo\/","title":{"rendered":"Copying a Logo"},"content":{"rendered":"\n

So you want to use a logo that you found on the web, but it’s poor resolution, and you want to put it on a blimp. What you need is a vector version of the logo! So let’s do it.<\/p>\n\n\n\n

For this tutorial, you’re going to need Photoshop full-version. While you can create vector objects with Elements, this tutorial will not cover that process. <\/p>\n\n\n\n

\"\"<\/figure>
\n

For this tutorial, I’m going to use the Twitter bird logo. <\/p>\n<\/div><\/div>\n\n\n\n

\n

<\/p>\n<\/div><\/div>\n\n\n\n

\"\"<\/figure>
\n

(Just for the sake of this tutorial, I’m making the background pink, so that my Anchor Points will show up.)

Open your logo file in Photoshop.<\/p>\n<\/div><\/div>\n\n\n\n

\"\"<\/figure>
\n

Now you’re going to sort of trace the outline of the image using Photoshop’s Pen Tool.

I say “sort of,” because you’re not going to be doing a kindergarten trace, but a more adult tracing. Let’s have a look.<\/p>\n<\/div><\/div>\n\n\n\n

From your Toolbox, choose the Pen Tool.\"\" Next, have a look at the Options Bar at the top. Choose Path and Combine Shapes.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

BTW: As with anything in Photoshop, there are at least three ways to make this path. I’ve chosen the Pen Tool for this tutorial, because I think it gets the best results with the least annoyance. Your mileage may vary. You may prefer to give it a go with the Curvature Pen or convert your points after you drop them, using the Convert Point tool. This is the method I’ve used in my Love Your Pen Archive Tutorial<\/a>. <\/p>\n\n\n\n

Now click at a handy start-end point. I’m beginning at the end of his top feather.<\/p>\n\n\n\n

\n
\n
\"\"<\/a>
Click to see a short video on how to place the anchor points for this path.<\/figcaption><\/figure><\/div>\n<\/div>\n\n\n\n
\n

Click there and then lift your Pen. Your next step depends upon if you’re proceeding into a curved area or a straight section. If it’s a straight section, click at the end of it.<\/p>\n\n\n\n

If your next section is curved, as mine is, you’ll click in the middle of the curve and drag just a wee bit, in the direction you’re headed.<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div><\/div>\n\n\n\n
\"\"<\/figure>
\n

And, when I’m done, I have this. The green circles are areas that are not quite good. You can zoom in at this point to get more precise with this.

Now to touch it up. You can do this with a nice keyboard shortcut. While you have the Pen Tool in your hand, hold the Ctrl key and it will change into the Direct Selection Arrow. <\/p>\n<\/div><\/div>\n\n\n\n

\n
\n
\"\"<\/a>
Click for a video on touching up the Path.<\/figcaption><\/figure><\/div>\n<\/div>\n\n\n\n
\n

Use the Direct Selection Arrow to touch up your Path. First, move any Anchor Points that are not where they belong, by dragging them where you want them.<\/p>\n\n\n\n

Next, fix your curves, using the Anchor Point Handles.<\/p>\n<\/div>\n<\/div>\n\n\n\n

If you have extra Anchor Points, you can delete them, by clicking with the Direct Selection Arrow and then hit your Delete key.<\/p>\n\n\n\n

If you have an Anchor Point that is
a curve Anchor and it needs to be a corner Anchor, you can change that with the Convert Point Tool. Access it by holding the Alt key, when you’re close to the offending point.<\/p>\n\n\n\n

\"\"<\/figure>
\n

Here is my logo Path looking pretty fine. Now we’ll test the Path.<\/p>\n<\/div><\/div>\n\n\n\n

In your Layers Palette, click the Create New Layer icon.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Fill the new layer with an appropriate background color to test your logo. I’m using white. Now make another new layer. This is where you’ll put your logo.<\/p>\n\n\n\n

At this point, you should have 3 layers: the original logo, a layer of background color, and an empty layer which will be where your new Logo will be.<\/p>\n\n\n\n

Click the Logo Test layer to select it.<\/p>\n<\/div>\n<\/div>\n\n\n\n

From your Color Picker \"\", choose a color for your logo.<\/p>\n\n\n\n

\n
\n

Next, click the tab to take you to your Paths Palette. It should be nested behind your Layers Palette.<\/p>\n\n\n\n

Click your Work Path.<\/p>\n\n\n\n

To do what you’re about to do, you need three things:<\/p>\n\n\n\n