In 5 quick steps you'll learn different ways to use and create an Offset Stroke in DesignScape.
Today, we will go over how to make an offset stroke in DesignScape. You can use this technique to quickly outline your text.
DesignScape is available for Gold Plus Members only and is an excellent substitute for Photoshop and Illustrator. The program is internet-based, so it won't take up space on your hard drive. You can still use all of your fonts by easily importing them into DesignScape. We have a free 30-day trial available for the Gold Plus Membership if you're interested!
Click on the Type Tool (T) in the left toolbar, and select your font from the top toolbar or the Character panel. Click on the canvas and type out your desired text.
Step 2 - Duplicate Text Layer
You can apply a stroke directly to the first text layer if you want, but we will be duplicating the text layer to keep the stroke layer and the text layer separate. In the Layers panel, right-click on the text layer and click Duplicate Layer.
Step 3 - Open the Stroke Properties in the Layer Style Dialog
With the duplicate text layer selected, click on the eff button at the bottom right and select Stroke.
Step 4 - Edit the Stroke Properties
The Layer Style dialog will open with the Stroke tab selected. Here you can change the stroke size, position, blend mode, opacity, and fill type.
Change the Stroke Size
The stroke size affects the stroke thickness.
Change the Stroke Position
The stroke position affects where the stroke is placed based on the outline path of the text itself.
Inside - places the stroke inside the outline path.
Center - places the stroke with its center running along the outline path.
Outside - places the stroke outside the outline path.
Change the Stroke Blend Mode
Blend mode affects how the colors of the stroke interact with the colors under it. There are several different blend mode options. See the following image for a comparison of how the stroke color interacts with the white and purple colors below using the Darken, Normal, and Difference blend modes.
Change the Stroke Opacity
The stroke opacity affects how transparent the stroke is. The following image shows how much the purple brush shape and the white background show through the stroke depending on the opacity.
Change the Stroke Fill Type
The fill type options are Color, Gradient, and Pattern.
When using the Color option, the stroke is simply a solid color. Tap the color box below Fill Type to change the color.
This option fills the stroke with a gradient, and there are several properties you can play around with to achieve the look you want.
The following is an example of a stroke filled with a gradient.
Not only can you fill strokes with colors, but you can even fill them with patterns. This option is very cool and fun! The Pattern option also has several properties you can play around with.
The following is an example of a stroke filled with a pink and yellow polka-dot pattern.
Step 5 - Finish Editing the Stroke Layer
Change Text Color to Be the Same as the Stroke Color
With the Text Tool (T) enabled, select the stroke layer. Then click on the text color picker (next to the size) in the top toolbar, and click on the stroke portion of the text to change the text color (of the stroke layer) to be the same as the stroke color.
Move Stroke Layer Below Text Layer
Because the stroke layer is on top, we can't see the text layer. We will need to move the stroke layer down. Click and drag the stroke layer below the original text layer.
Notice the new order of the layers in the following image.
Step 6 - Save/Export Project
Now you can save or export your project. You'll have to turn off the background layer to save it as a transparent PNG file, or if needed, you could turn off one layer and save it as separate PNG files.
You have finished creating an offset stroke in DesignScape! Use this technique to create unique looks for your text to enhance your designs.
Today you will learn how to create a reusable photo frame using Pixascape and DesignScape. Creating a reusable frame allows you to quickly add and share your photos with everyone. Pixascape and DesignScape are available to Plus Members.Not a Plus Member yet? Sign up for a free 30 Day Trial ...
*CM900 model used.1- Open canvas workspace. Click on the text icon.2- With the text selected click on the edit panel.3- Click on the offset icon. new window will pop up. This will enable you to place an internal or external offset in your text. You can adjust ...
Today we are going to show you how to create a surreal photo manipulation in DesignScape. We will be combining multiple photos together and blending them to make one. DesignScape is a browser based editing program available to Gold Plus Members. If you are not a member yet, sign up ...
You can create professional and visually appealing email signatures using DesignScape, which is what we’ll be showing you today. Your email signature should provide information about you and your company along with a call to action or marketing element.DesignScape is an excellent alternative to Illustrator/Photoshop and is ...
In our tutorial today we will show you how to create an offset in Inkscape. An offset can make a thin font thicker so that it is easier to cut with your machine. You may also want to add an offset for stickers to give a clearance around the edges. ...
Your logo is the beginning of your visual brand, both in person and online. It is a part of your brand identity that helps people recognize your products and services.Ideally, logos should be created in industry-standard vector graphic editing software like Adobe Illustrator or Affinity Designer. But not everyone ...