Trendy ways to create cool headers for your projects don’t have to be difficult. I’ve seen this offset outline text effect done many times, and it’s clean and simple and very easy to recreate. In fact, I’m gonna show you how! Click through to read the step by step instructions and watch a video tutorial.

How to Create an Offset Outline Text Effect in Adobe Photoshop. Watch this quick and easy video tutorial to create this trendy typography effect on your graphics!

Trends in Typography

Trends come in go, whether it’s in fashion or typography. This trend of an offset outline text effect uses timeless, bold, sans serif fonts so I feel like it won’t be a trend that will be outdated for a while – unless everyone and their brother decides to do it and you see it everywhere (hello Chevron patterns, I’m talking to you!)

If you’re wanting some tips on pairing fonts, read this post as I have a few suggestions.

How to Create an Offset Outline Text Effect in Adobe Photoshop. Watch this quick and easy video tutorial to create this trendy typography effect on your graphics!

How to Create an Offset Outline Text Effect – Step by Step

Let me spell out each step for you. It’s really an easy effect to create. I’m using Adobe Photoshop CC 2015, but I would imagine any version of Photoshop you could do this. Over time, Adobe has changed up a few of the locations for some of these selections, but it’s super easy. Promise!

  1. Start by choosing a chunky, sans serif font – like Montesserat Black used here.
  2. Type your word – stick with one word or a very short phrase as this is a bold style.
  3. Duplicate your word layer (it will be on top of the first layer).
  4. Double-click on the duplicated word layer and the Blending Effects palette will open.
  5. On the main section here (not any of the effects), reduce the fill to 0% – this will knock out the color.
  6. Next, while still on the Blending Effects palette, click on the effect option of STROKE. This will be where we create the outline.
  7. Change the color by clicking the color thumbnail, and then adjust your stroke pt (I used 4 for my sample) and set to CENTER.
  8. Finally, use your arrow keys to shift the duplicated layer to the left about five times and then up about five times.
  9. TA-DA!

Save Time with My Free Photoshop Keyboard Shortcuts

How to Create an Offset Outline Text Effect in Adobe Photoshop. Watch this quick and easy video tutorial to create this trendy typography effect on your graphics! And, get my free Photoshop Shortcuts Free Download!

Scroll down to the bottom to download this cheat sheet for Photoshop Keyboard Shortcuts!

Create an Offset Outline Text Effect Video Tutorial

I put together all of those steps in a video tutorial. I’m a visual person, and I enjoy creating the videos for you. You should check out all of my videos on YouTube if you’re looking for more help with your graphics!

Holly McCaig

About Holly McCaig

Hey you! I'm Holly McCaig and I'm super excited to help you love and ROCK your Etsy shop. I will help you have an amazing online presence so you can build a strong business and attract more customers to your shop. Let's do this together! Let's connect on Pinterest or Instagram, k?

About Holly McCaig

Hey you! I'm Holly McCaig and I'm super excited to help you love and ROCK your Etsy shop. I will help you have an amazing online presence so you can build a strong business and attract more customers to your shop. Let's do this together! Let's connect on Pinterest or Instagram, k?

1 Comment

  1. Alia on April 7, 2016 at 10:18 pm

    This is the excellent tips for creating an Offset Outline Text Effect in Photoshop. I have watch the video and got many creative idea about this. Thank you

Leave a Comment