Hipster typography has been an ongoing style trend for a while and doesn’t seem to be going anywhere any time soon. These logos are considered a perfect pair up with outdoorsy, rustic style imagery. It’s seriously everywhere! For this tutorial I will show you how to make a hipster typography logo. It’s a fast and simple process for any logo work for your projects or images.
Since this logo style is text heavy, you are going to need a nice base of hipster-like fonts. The perfect site for that isLost Type! Lost type has a nice series of trendy fonts to use in your projects!
The fonts I will be using are: Oil Can, Carton and Mission Script
Just lay out your phrase or wording as you see fit. Today I’m a little hungry so a food theme seems a bit fitting. Don’t hesitate to add in some lines or flat flag banner vectors. I’ve created a free vector resource of just that! Or you can create your own.
This is my logo so far. This is a good start but we can definitely take it a little further.
Now that we have the overall lay out let’s add in some depth on the main line using the Blend Tool. Take your text and Copy the layer and paste in place (Ctrl/Command+Shift+V). Place that new layer to the back by pressing(Ctrl+Shift+[ ). Move the layer slightly to the right and down. Once you have a nice offset position turn your text white. Select both of your text layers and go into your Blend Tool Options (Object->Blend->Blend Options). This will create a pop-up and move the settings as you see fit. I made my Spacing set to Specified Steps and made it go to 4. Press OK. Now make sure your layers are still selected and go into Object->Blend->Make or Alt+Ctrl/Command+B.
Next we are going to add in some Arc effect into the logo. Select your top text line and go into Effect->Warp->Arc. This is where you can adjust settings that work best for your logo. I am making the arc at 25%.
Do the same for the bottom text but this time make sure the arc is set to -25%.
And there you have it! A quick and easy logo effect that has that hipster feel!
Now all you need to do is paste your new logo onto a photo of some kind. My personal favorite site to go on isUnsplash! Unsplash is a site that provides 100% free images that are perfect for accented backgrounds for projects and websites.
What kind of projects will you be using this on?