With XD 41, use outline stroke to create powerful headlines

Adobe Employee ,
Jun 11, 2021 Jun 11, 2021

Copy link to clipboard

Copied

Hi everyone, 

 

Let's try out some simple text effects that you can create using outline stroke.

 

Atul_Saini_1-1623099644266.png

==================================================

Step 1: Enter text then, apply border size (7 to 9) and increase the size of the text to make it readable

Atul_Saini_0-1623149560455.png

 

 

 

 

Step 2: Select the text and "Convert to path" and then
apply "Outline stroke"

  • Object > Path > Convert to path
  • Object > Path > Outline stroke

Step 3: Deselect fill and reduce border to 1 or 2 

Atul_Saini_1-1623149776604.png

 

 

 

 

Step 4: Group both path and outline to scale

Step 5:Change the colors to get variations in design

Atul_Saini_2-1623149864065.png

 

 

 

 

===============================================

Atul_Saini_1-1623097554510.png

 

 

 

 

Some interesting facts: When you export these elements to SVG you get an option to select outline stroke at the time of export.

 

 

 

 

 

 

 

For more information on the outline strokes, please check this link.

 

 

Imagining this being a basic idea, we'd love to see what you can create using this feature. 

 

Post away!

Atul_Saini

TOPICS
Design

Views

263

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jun 17, 2021 Jun 17, 2021

Copy link to clipboard

Copied

LATEST

Nice work, thanks for info

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines