Jump to content

Recommended Posts

Hi guys,

When using Frame Text, is it possible to have it simply resize to the words content horizontally? Like simply keep one line, and have the text go as much as you want horizontally, without having to drag the text handler to make the frame wider, to avoid the text going on a new line.

Thanks,

Chris

Share this post


Link to post
Share on other sites

If you don't want the text to be constrained to a frame width, don't use Frame Text! Use Artistic Text instead.

 


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.3.155 • Designer for iPad 1.7.3.1 • iOS 12.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

Hi guys,

Thank you for your replies.

My problem is not that exactly. My problem is that if I design a button, I would like the text frame width to resize according to the width of the actual text. It's annoying that whenever I have to change the width of the text every time I create a new button from another button and I have to resize the width to a smaller width. It's simply a few extra steps that are unnecessary. That's the main reason I don't use Photoshop, the UX is full of unnecessary actions, and that simply means you work a lot more on the same on a project that could be done faster in another app.

 

Maybe it's just me, but I find it a little bit annoying :)

 

Yeah I guess I'll use artistic text for buttons from now on, although I think frame text should support this :)

Share this post


Link to post
Share on other sites
15 minutes ago, chris.bannu said:

It's annoying that whenever I have to change the width of the text every time I create a new button from another button and I have to resize the width to a smaller width. It's simply a few extra steps that are unnecessary.

 

Even if you insist on using Frame Text for this, it's not really that many extra steps! If there's too much text to fit on one line, start by dragging out the right-hand edge of the frame until the text no longer wraps to the next line. Once you've done that, double-click the bottom centre handle to make the frame height adjust to the new text height, and then double-click the right middle handle to make the frame width fit the text snugly.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.3.155 • Designer for iPad 1.7.3.1 • iOS 12.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites
7 minutes ago, chris.bannu said:

I didn't know about the double click thingie.

 

That very useful feature is new in version 1.6. :)

 


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.3.155 • Designer for iPad 1.7.3.1 • iOS 12.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

Yeah it sure is :) I'll have to read the help file at some point. But this app is so intuitive, it's 90% pointless. I'm gonna read it at some point, but only for this sort of tips :)

Share this post


Link to post
Share on other sites
4 hours ago, chris.bannu said:

My problem is that if I design a button, I would like the text frame width to resize according to the width of the actual text. It's annoying that whenever I have to change the width of the text every time I create a new button from another button and I have to resize the width to a smaller width.

Maybe I have misunderstood your workflow or something, but if you want to use Frame text why not start by creating one button & creating a child Text frame layer for it that is the same width & height as the button? (Snapping makes this easy.) Set the Frame Text to Center Aligned & Center Vertically on the Context menu. Duplicate the parent button layer as needed for your other buttons & edit the text in each Frame Text child layer as needed.

 

With these alignment options the text will always stay centered in the frame.


Affinity Photo 1.7.3, Affinity Designer 1.7.3, Affinity Publisher 1.7.3; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.3.155 & Affinity Designer 1.7.3.1 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.1.2

Share this post


Link to post
Share on other sites

Hi R C-R, thank you for replying :)

The buttons could have different widths, they don't have to be the same width, only the padding would differ (e.g. 15px left, 15px right, depending on the width of the text). But Alfred gave me the solution, double clicking on the left/right handles does the trick, and it resizes the frame to the text width. I really need to read the help file to learn these tips, even though I absolutely detest reading :P

 

What do you mean by child layer btw? Are you referring to grouping them in a group or ion a layer group?

 

Share this post


Link to post
Share on other sites
16 minutes ago, chris.bannu said:

The buttons could have different widths, they don't have to be the same width, only the padding would differ (e.g. 15px left, 15px right, depending on the width of the text)

If you set the justification & centering options I suggested the button width won't matter. Center Aligned automatically centers the text horizontally in the text frame. So if you change the width of your button copy (not its Frame text child layer) the text will remain centered in the text frame. 

 

18 minutes ago, chris.bannu said:

What do you mean by child layer btw? Are you referring to grouping them in a group or ion a layer group?

No. A parent/child layer relationship is different from a group relationship. See for example the Layer clipping help topic or the Affinity Designer - Lock Children video tutorial.


Affinity Photo 1.7.3, Affinity Designer 1.7.3, Affinity Publisher 1.7.3; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.3.155 & Affinity Designer 1.7.3.1 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.1.2

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | 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.