Jump to content

Recommended Posts

Posted

In Affinity Designer, is it possible to create a box with various stroke thickness on each side? I need to create a frame around a text that has 1px stroke from all sides, except for the bottom which should be 3px. In addition all corners should be rounded, like this:

image.png.559ea9450ac4239fe272e1cc0b6e5b97.png

I created this with HTML/CSS.

Posted (edited)

Try the Stroke Width tool, but it's not very nice.
image.png.935a533ab8cb4e028dc31954615af6be.png

Edit: The exact line thickness at a given point can be set by clicking with CTRL.

Edited by Pšenda

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.5.7.2948 (Retail)
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Posted

A simple method would be using a copy which gets its height increased by the desired bottom stroke width minus the top stroke width.

Bildschirmfoto2025-01-11um03_14_24.jpg.fecc6ad96c9359133ca001cd72dd7734.jpg

Bildschirmfoto2025-01-11um03_11_58.thumb.jpg.8bc60b3a1d2cc9345214f25e5a5f7c9a.jpg

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.