One of the best ways to learn is by practicing and trying to recreate styles and effects that you like. We have been doing this here on Abduzeedo since the beginning, always adapting a little bit to add our own unique flavor. The goal is to learn the details behind a style or composition so we can apply some of that to our future work. I've been seeing quite a few logos using this style so what we'll show you today is how to create a logo, Abduzeedo just seemed natural, using Illustrator and then Photoshop.

So, for this tutorial I will show you how to create a simple vector mark using Illustrator and then we'll add some effects in Photoshop.

Step 1

Open Illustrator and with the Line Segment Tool create a vertical line. Copy and paste in place and rotate it 90º. Copy the 2 lines, group them and rotate 90º again.

Abduzeedo Happy Holidays Art

Step 2

Select the lines and rotate 33º

Abduzeedo Happy Holidays Art

Step 3

Duplicate and rotate the segments until you have something like the image below.

Abduzeedo Happy Holidays Art

Step 4

Select some segmentes and then start resizing them so you have different sizes for the lines The the first set will be the bigger and from there one you make them a bit smaller.

Abduzeedo Happy Holidays Art

Step 5

Add your logo in the center using a big white stroke. Also increase the stroke size of the lines to 8pt.

Abduzeedo Happy Holidays Art

Step 8

Selet the symbol and copy it. Go to Object>Expand. Make sure that the stroke is now a fill path. Then go to Window>Pathfinder and Unite the symbols. Select all lines and the symbol and in Pathfinder select Outline. The idea is to delete the area where the symbol and the lines overlap. Paste the symbol again.

Abduzeedo Happy Holidays Art

Step 9

Create a circle and aline in the center of your logo. We will use that for reference for your text.

Abduzeedo Happy Holidays Art

Step 10

Add your text and then repeat the same thing as the step 9 to make the gap on the area tha the text will be visible.

Abduzeedo Happy Holidays Art

Step 11

Create a black background and then place the logo in the center with white colors.

Abduzeedo Happy Holidays Art

Step 12

In Photoshop now, first use a brush to create the grungy effect.

Abduzeedo Happy Holidays Art

Step 13

Make sure you have a black backgroud and your logo over it. Merge the 2 layers and then go to Filter>Filter Gallery>Brush Strokes>Spatter. Use 1 for the Spray Radius and 12 for Smoothness. The idea of this step is to make the for less uniform.

Abduzeedo Happy Holidays Art

Conclusion

Now just add your background and your image is done. I hope you enjoy this little case study/tutorial and have a great holidays. The background image is titled Background of snow flurry falling at night with motion blur by Elena Elisseeva, courtesy for Shutterstock

Abduzeedo Happy Holidays Art

Download Photoshop file

Click here to download the Photoshop file used for this tutorial

About the author of this post

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.