02/03 Digital — Graphic Design: Create a Vintage Lettering Logo


For this tip, will paste our image layer in lower opacity. We grab the Pen tool with a black stroke and round caps. If we just click, will get an anchor point, but it would click and drag we can make curve segments. Remember that the less anchor points you add, the better. Why? Because it will be easier to make later modifications, and the stroke will be much natural. So that you see, let me show you an example. You can make a circle with four anchor points, but you can also make it with just two. Then if you want to modify your circle, it will be much easier if you just have to anchor points. Another tip, when you drag an anchor point, you should always do it with the same angle, especially if your drawing is leaning like mine. You will have to be very careful and make everything with the same angle. It will be very useful if you make a grid for guiding. This will also help to make all the letters with the same base and height. We duplicate the guides in order to make both words the same size. If you look closely, my sketch already have horizontal guidelines. Now, I just have to go over and add a couple of verticals. When we have our grid done, block the layer. Now, when drawing letters, it’s preferable to put anchor point on the upper and lower parts of the letter. Let me add a couple of guidelines more, so I can use as a reference for the capital letters. Gudies are super useful when making this type of work. So it’s better to stop and make them correctly because else you might regret it. See how it’s easier now to make the curves. If your logo is horizontal, it’s going to be much easier because if you press Shift while dragging, you will get perfect straight angles. Now, let’s go on with the hard work. I will make a fast version, and then I will go over the mistakes. Another thing to have in mind is that when you modify the curve, we pull the direction point with the Direct Selection tool. On the curved parts, we cannot make sharp corners. But wherever there is a point like this part of the R, we will make them by pressing Alt and modifying the direction point. A lot of letters have common shapes, so if you want, you can duplicate them. But remember to make some modifications to get a bit of a handcraft feel. In some of our letters like the lowercase S, it might be very complicated or maybe even impossible to make it with just two anchor points. So the solution would be to add a couple of more in between. When we have our lower traced, it’s time to fix the mistakes. In my case, I see that the ampersand has a different angle from the rest of the word and also that detail of the S does not feel very natural, so let’s fix these mistakes. Once we have our designs digitalized, we can make different versions trying out different things to see what works better. Remember to make copies of your work because in case you don’t like the changes you’ve done, you can always go back. I’m going to try out a different type of S, without the upper look and a bigger boat. I’m also removing the loop from the E and the O, so they match with the new S. In this new version, I see that the C is too close to the K, so I’m going to separate them a bit. I’m also going to make the tail of the B a bit smaller. The last test will be making the capital R’s tail as I said when I was sketching. The last thing I want to try out is to make a tail to the capital R. I go over the logo once more, and it’s time to choose in between the different versions. I’m going to pick the red one because it’s the one with the better composition and I like how the letters are made. Anyhow, I’m going to adjust a bit more the B. When we’re finished with the calligraphic part, we can move on to the isotype that is the little icon in our logo. We can make it as we did the letters, with anchor points and curves, but I’m going to show you an easier way. With the Pen tool, we make anchor points going over the figure with straight lines. And when you’re done, click on the stroke with the Direct Selection tool, and we’re going to drag rounding them. We can also make it with the Round Corners options, which you will find in Effects>Stylize>Round Corners. Let’s add a bit more detail with thin lines. A lot of times, we might get blocked and we’re not able to see what’s wrong with our design. So I recommend you to flip your design and immediately mistakes will pop out because you’ve changed your brain’s point of view. Now, let’s put together all the elements to see if they work and correct it if necessary. Save in our vector format, and it’s going to add texture and effects to our design.

, , , , , , , , , , , , ,

Post navigation

Leave a Reply

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