How to Create an Offset/Stroke in DesignScape

Today, I’m going to show you how to make an offset stroke like this in DesignScape.

First, you’ll need to create a new document, load your font, and then type out your desired phrase. The font I’m using is Honey Suckle. Your screen will look something like this when you’re done:

Then in the layers panel, you’ll want to right click on the text layer and click ‘duplicate layer’

With that new layer selected, go down towards the bottom and click on that “eff” button:

Screen Shot 2021-01-09 at 7.54.07 AM

Then click on Stroke:

This box will pop up. You can change the stroke color, the size, the position (outside, inside, center), if the fill is a color or pattern, the opacity, etc. For this example I’m just going to do a solid color fill on the outside.

It will look something like this:

[Optional] Then, I highlighted the stroke layer and clicked on the text color picker (next to the size). I then clicked on the stroke portion of the text and it changed the text color to be the same as the stroke.

After this you’ll need to drag the stroke layer below the original text layer to give it the outlined effect.

From you could turn off the background layer to save as a transparent PNG file. Or if needed, you could turn off one layer and save as separate PNG Files.

And here are my final layer results! Of course, you don’t need to move the layers around, but I wanted to demonstrate what the two layers looked like :slight_smile:

To see the rest of our DesignScape tutorials, click here! :tada:

1 Like