skip to Main Content




Creating an Agency

 Creating an/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 4.05.34 PM.png


Our next topic dives into one of the more complicated segments of the ad, the typeface. The agency typeface began with custom lettering designed by our team through Illustrator. Feel free to design your own but any typeface will work for this project. See the original flat image below:

/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 3.46.20 PM.png


Start by selecting the Object in the top menu and select Expand. Add a 2pt stroke to enhance your lettering. To get the depth in the 3D, return to the top menu, select Effect – 3D – Extrude & Bevel. This step can be a bit tricky so follow our screen shot for simple suggestions and then experiment on your own.

/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 3.48.03 PM.png



Which gives you:

/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 3.48.16 PM.png


Once you’ve extruded the text, return to Object dropdown menu and select Expand Appearance. Now things get a bit more complicated: Separate the text stroke from the front text layer, and the beveled portion of the text. Then press Command G on Mac and Ctrl G on PC to create three separate groups of each element. The results should resemble the images on the below

/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 3.49.54 PM.png/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 3.55.13 PM.png /Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 3.54.50 PM.png /Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 3.54.57 PM.png /Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 3.55.05 PM.png




Now, we switch programs. Navigate over to Photoshop and create a new doc at 5.25 in x 2 in with a dpi of 300. Copy your text layers from illustrator and drop them into Photoshop. If your text layers don’t automatically import as a Smart Object, do so now.

/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 4.03.08 PM.pngScreen%20Shot%202017-10-10%20at%204.04.51%20PM.png/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 3.57.05 PM.png /Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 3.57.15 PM.png /Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 3.56.54 PM.png


Head up to the top menu and place a new layer above your text. Type Shift + Delete to open the fill layer option and fill it with 50% Gray at 100% opacity. Now, select your newly created layer and then Filter – Noise in the top menu. Add it at 400% with both Uniform Distribution and Monochromatic boxes checked.


/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 4.04.12 PM.png

/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 4.08.22 PM.png

/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 4.08.35 PM.png/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 4.08.45 PM.png


Once you’ve added noise to your 50% Gray layer, head back to the top menu bar and select Layer – Create Clipping Mask.

/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 4.09.32 PM.png


/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 4.09.48 PM.png


We do this step to add more subtlety to the texture. It’s purely atheistic so skip this step if you’re happy with the look already. If you do want more, follow along. Once you’ve made your clipping mask, chose the drop down menu in the Layers panel and check Overlay instead of the default Normal. Bring the opacity down between 10% and 20%. The lower the noise percentage, the lower the intensity. We reduced ours to 15%.

/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 4.09.58 PM.png

/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 4.10.08 PM.png

/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 4.10.20 PM.png




And that covers the Agency logo effect! Out of all the word art we did, this is definitely the simplest. Experiment and see what you can come up with on your own! And stay tuned for more blog guides to get your font art to really pop!

/Users/michaellindsey/Desktop/Screen Shot 2017-10-23 at 4.05.34 PM.png

Back To Top