• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How to insert a copyable text coupon within .jpg

New Here ,
Nov 07, 2017 Nov 07, 2017

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!

Views

353

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
Adobe
Engaged ,
Nov 07, 2017 Nov 07, 2017

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

Votes

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
Community Expert ,
Nov 07, 2017 Nov 07, 2017

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.

ABAMBO | Hard- and Software Engineer | Photographer

Votes

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
Enthusiast ,
Nov 07, 2017 Nov 07, 2017

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>

Votes

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
Enthusiast ,
Nov 07, 2017 Nov 07, 2017

Copy link to clipboard

Copied

LATEST

excuse the classes I have listed in that snippet of code as they are referring to CSS classes I call with in my emails

Votes

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