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

Word in background with and text overlay

New Here ,
Nov 04, 2023 Nov 04, 2023

Copy link to clipboard

Copied

Hi everybody, hope that anybody could help. I would like to create the following: one word as base, and other word as transparent with overlaying. Like this in the attachment.

Can anybody tell me how to create it? I want to try it with Adobe Express. I saw this on Instagram. Many thanks ☺️

TOPICS
iOS

Views

234

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 04, 2023 Nov 04, 2023

Copy link to clipboard

Copied

As far as I know the only way to do that would be to duplicate your background image and crop it to a rectangle that simulates the transparent area, even then you will not be able to get the shadow underneath the rectangle* (I think they are working on shadows other than text shadows). So for the moment being you are stuff with creating this kind of design in Photoshop (or at least the bits that are lacking in Express) and upload them as .psd into the Adobe Express project (this is made easy by using librairies)

*you could technically create a duplicate of that rectangle, set it to multiply and apply a blur in the ajustments, but the blur itself applies to the image, and not the crop itself

 

Imaginerie_0-1699113582816.png

 

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 04, 2023 Nov 04, 2023

Copy link to clipboard

Copied

I can see the feature request in the user voice is marked "under review", which means it will probably be considered soon!
https://adobeexpress.uservoice.com/forums/951181-adobe-express/suggestions/46742428-adding-a-drop-sh...
you can vote for it if you want it implemented!

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 04, 2023 Nov 04, 2023

Copy link to clipboard

Copied

Another approach you could take would be to make an Adobe Express document with the text that you want to split (in this case, "POST"). Download it as a PNG. In your main document, go to Media, select Upload from device, and navigate to where you downloaded the PNG. Copy and Paste the PNG so that you have 2 copies. Drag the edge of the frame that containst the PNG to effectively crop the portion of the text that you don't want visible. Do the same for the other copy to hide what appears to be the middle of the word. 


Go back to Media and do a search for "drop shadow." There are a few different shadows that would work. Apply one to where the text is cropped. Apply the Mulitply Blend Mode. Duplicate it and use Flip Vertical to flip it.

 

Add your background and move it below the other layers. You may need to also apply the Multiply Blend Mode to your text as PNGs.

 

 

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 04, 2023 Nov 04, 2023

Copy link to clipboard

Copied

That's a very good solution too!

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 04, 2023 Nov 04, 2023

Copy link to clipboard

Copied

Thanks! 🙂

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 04, 2023 Nov 04, 2023

Copy link to clipboard

Copied

LATEST

Mega thank YOU to suggesting photo based dropped shadows, it passed me by 🙂

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
New Here ,
Nov 04, 2023 Nov 04, 2023

Copy link to clipboard

Copied

Thanks a lot for the solutions. But the problem is not the shadow (that's easy to add it). My "problem" is the the tansparent text on the word "POST". I want to create it with Adobe Express on my iphone.

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 04, 2023 Nov 04, 2023

Copy link to clipboard

Copied

In that case, why not just put the text below the cropped image?@

Imaginerie_0-1699127903756.png



here here how it looks once we combined my solution with @myrab solution...

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 04, 2023 Nov 04, 2023

Copy link to clipboard

Copied

Also keep in mind that the mobile version isn't up to date, the team is working on it, but if you want the full, new version, you'll have to use the desktop version for now.

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