How to Add Stroke to Text in Photoshop and its Online Alternative Easily

Last Updated: 2024. 07. 15

Do you want to learn how to make your words more legible by adding stroke to your text? Since adding stroke to text allows you to highlight the boundaries of text, shapes, and even images. Therefore, we’ll guide you on how to add stroke to text in Photoshop and its online alternative - FlexClip.

Part 1 Excellent Tool to Add Stroke to Text - Photoshop

Adobe Photoshop can easily help you to add stroke to text on Mac and Windows. One of the easiest ways to make text stand out in Photoshop is by adding a stroke. It's quick and easy, even if you're a Photoshop beginner. You can create a beautiful effect with the right combination of font, line weight, composition, and form.

And you can also watch the words below to easily learn how to add stroke to text in Photoshop step by step.

How to Add Stroke to Text in Photoshop

Step 1
Select the layer you want to add text to or create a new layer. Then, select the Type tool from the toolbar on the right side of the screen.
Step 2
Click anywhere on the screen and type in the text you want to write.
Step 3
Open the Layer Style menu by clicking the FX icon or double-clicking the side of your layer. Then click the checkbox next to the Stroke option.
Step 4
From the Stroke menu you can adjust sliders to control the dimensions of your stroke layer. The Size option controls the outline’s thickness, while Position determines where the outline is in relation to the text.
Step 5
You can use the Color Picker to alter the color of your outline and choose from different options on the Blend Mode drop-down menu to control how the outline colors mix and fade with the rest of the image.
Step 6
If you want to fill your outline with something other than a solid color, access the Fill Type drop-down menu and choose between Gradient (which creates a gradual transition between two colors) and Pattern (which offers a variety of repeated textures and graphics).
Step 7
Click OK to apply your changes.

Better Alternative for Photoshop to Add Stroke to Text - FlexClip

Want to add stroke to your text without using Photoshop? Here, we’ll recommend one of the most popular photo/video editing brands - FlexClip to help you to add stroke to text for both videos and images.

FlexClip is a powerful online video/image editor designed to let everyone create professional videos/images effortlessly, but it also works as a perfect text editor to help you create stoke text effect for your video/image. You can explore the endless possibilities that make the text in your video/image unique. FlexClip also allows you to add stroke to text without any editing experience.

Get Started Now View Templates
  • Allow you to add stroke to text in few clicks: FlexClip offers two kinds of stroke text styles for you to choose from. What you need to do is apply it to your text, then you can create stroke text in a breeze. You can easily follow its clear interface to create stroke text in different styles.
  • Allow you to customize the stroke text easily: Once you’ve added the stroke to the text in your image/video, you can do more edits on it. You can add filter, animation or changing the background color. And you adjust its location by dragging and dropping to make it more harmonious.
  • Provide pre-made animation to make stroke text dynamic: FlexClip provides a set of animation effects to animate your stroke text. These animation make it a breeze for everyone to create text animations. Its pre-made text animation allows you to add animation to the stroke text directly.
  • Own a large media library to inspire you: FlexClip’s extensive stock library contains millions of video clips or image materials that allow you to directly use them in your project without the hassle of sourcing assets yourself.
  • How to Add Stroke to Text Online in FlexClip

    Step 1
    Tap the Media section to upload your video or image materials from your phone, PC, Google Drive, One Drive, Dropbox, or Google Photos. Or, if needed, you can explore FlexClip’s large video/image library to enrich your content. You can easily apply these media materials to the timeline by tapping the Add as Scene button or dragging and dropping.
    Upload Your Video/Image Materials - FlexClip

    Upload Your Video/Image Materials - FlexClip

    Step 2
    Click the Text tab and select a favorite text format from diverse text options, and then type your text. Or you can easily paste your text by pressing the right button.
    Add Text to Your Video/Image - FlexClip

    Add Text to Your Video/Image - FlexClip

    Step 3
    Tap the Text Style button to choose from the Border or Double Outline section and apply it to add stroke to the text in your video/image. Then, you can customize the outline text as you like, such as changing the border’s color, adjusting the border’s width and so on. Moreover, you can even make higher edits on the outline text to change the border’s offset and direction.
    Add Stroke to Your Text - FlexClip

    Add Stroke to Your Text - FlexClip

    Step 4
    FlexClip also allows you to do more edits on the stroke text. You can change the font, size, color, opacity, style, alignment as you need in a breeze. And you can tap the Bold to make the outline text more apparent. Or you can customize the text with Filter and other effects.
    Customize the Stroke Text - FlexClip

    Customize the Stroke Text - FlexClip

    Step 5
    Tap the Animation button to choose a pre-made animation to make your stroke text more dynamic, like Bounce, Flip and so on.
    Add Animation to Your Stroke Text - FlexClip

    Add Animation to Your Stroke Text - FlexClip

    Step 6
    Once you’re happy with the result, you can click the Export button to download the video with the stroke text effect, or tap the Export Frame button to download the image with the stroke text effect. You also can copy the link to send it to your friends or share it directly on social platforms.
    Download Your Video/Image - FlexClip

    Download Your Video/Image - FlexClip

    The Bottom Line

    This blog talks about how to add stroke to text in Photoshop and its online alternative - FlexClip. Now it's your turn to unleash creativity.

    Group 11
    Make a free video online
    Create Your First Video With FlexClip Now
    Get Started - Free