Copy link to clipboard
Copied
Hi there everyone 🙂
I'm new to Photoshop and have a question that might be really easy to solve, but can't find it anywhere. Here I go.
I have a long image I've designed on Photoshop to send to my subscribers.
At the beginning, I give them a brief description of the reason why I'm sending them this promotional email, and a rectangle with an alphanumeric coupon inside (something like: U982PWE).
I would like to make the alphanumeric cuopon as text, so that the user can highlight or double click, and copy it to paste it into our online store payment process.
How could I do that on Photoshop?
I'm running CS5 version.
Thanks a lot in Advance!
Copy link to clipboard
Copied
To my knowledge, this is not possible – As you’re saving it as a .jpeg this will flatten the image and any text will essentially become an image, not text.
What you’re referring to, I’ve done before however when I’d created it I’d done my background image in Ai and where the coupon code text is I would have that as HTML and a little bit of CSS
Copy link to clipboard
Copied
Any picture file format (JPEG, GIF, PNG, TIFF) will show your text flattened. No way to select. charlesd8830180​ solution is the only viable system: using HTML and CSS to format the code-text and placement. and having the image as background.
Copy link to clipboard
Copied
Basically you will need to design around this text field. In my example I have created an image that I will slice into three images with the middle being my text field and the outer two being images.
Insert this snippet below into your table. You can then style your text td to your liking
<tr>
<td align='center' class='mobileHide' style='text-align: center;'><img src="IMAGE PATH HERE"/></td>
<td align='center' class='mobileHide' style='text-align: center;'><div style="background-color: #354871; height: 37px; color: white; text-align: center; padding-top: 15px;"># Put this text on banner</div></td>
<td align='center' class='mobileHide' style='text-align: center;'><img src="IMAGE PATH HERE"/></td>
</tr>
Copy link to clipboard
Copied
excuse the classes I have listed in that snippet of code as they are referring to CSS classes I call with in my emails