Skip to main content
Inspiring
November 16, 2022
Question

Help with aligning 2 lines of text

  • November 16, 2022
  • 4 replies
  • 4535 views

Hi,

 

 

Im designing an image with a price written on it. I need the currency "USD" to always appear exactly below the last number (no matter how long/short the price is). I have hundreds of images to apply this to and the price will vary from $1 to $2000, so I need it done automagically where the only thing I have to do is just change the number without having to re-align the currency for every different price.

 

To make it clear, here's what happens when I change it to $5:

 

 

I need it to appear like this without me having to re-align anything:

 

 

I've spent hours in the last 2 days trying to figure this out and im going crazy here. Either Photoshop can't handle this sort of thing or I just can't figure it out by myself (probably the latter since im a noob).

This topic has been closed for replies.

4 replies

Legend
November 16, 2022

If it was me and I HAD TO use Photoshop, I would use data-driven graphics with a spreadsheet of values, and use a paragraph style to right-align the text.

 

https://helpx.adobe.com/photoshop/using/creating-data-driven-graphics.html

https://helpx.adobe.com/photoshop/using/formatting-paragraphs.html

c.pfaffenbichler
Community Expert
Community Expert
November 16, 2022

Another option might be using Baseline Shift and Kerning. 

But one may have to re-apply the kerning if one has to change the the rightmost number, too. 

Sl6nAuthor
Inspiring
November 16, 2022

Sorry! I forgot to mention that I need the text to be centered on that white background, too.

It can be easily done if I didn't need the price to be centered inside of that shape, but unfortunately I do. Any workaround or should I just give up?

 

Here's my panel:

 

c.pfaffenbichler
Community Expert
Community Expert
November 16, 2022

You can use an Action to automate the task. 

Sl6nAuthor
Inspiring
November 16, 2022

Oh, never heard about actions before. Are you saying it will automatically align it for me instead of me doing it manually for every number I change?

I will look up actions and try to learn how it works. Thanks!

Mylenium
Legend
November 16, 2022

That would be easy in InDesign, so you should consider doing it there. Otherwise I'd simply create a bunch of "prototype" layers with the alignment already in place and duplicate those as needed.

 

Mylenium

Sl6nAuthor
Inspiring
November 16, 2022

Unfortunately, I don't have InDesign and im still barely figuring out PS as it is let alone learn how to start using a whole different app. I guess I have to align the currency manually then /cry

Imaginerie
Community Expert
Community Expert
November 16, 2022

Maybe I am not figuring it out exactly, so forgive me if I'm completely off-marks!
The way I would do it, is:
Create a new text layer where you'll type the price , soft return, then the currency
Flush right,

Change the size of the currency text to your liking alongside the leading which will be by default too too (since text sizes are different)

Lock the position of the text layer (only the position obviously, but not mandatory) in the layers panel.
When you'll change the price, the text will not move and just extend on the left if the figure is bigger. (since you flushed right)

Locking the positionning of the layer will also allow not to be accidentally moved while typing.
While you're typing your text:

Check leading and kerning so the text seems right for all text lengh (Everything can be found in the properties panel, no messing in a thousand menus, productivity first!)

If you really have to do it lots (eg: as in "for a living", it may be beneficial you have a look at variables in Photoshop.

https://helpx.adobe.com/uk/photoshop/using/creating-data-driven-graphics.html
(not the simplest thing, but again... Productivity!)