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

How do I embed a video into a photo

New Here ,
Feb 05, 2017 Feb 05, 2017

Copy link to clipboard

Copied

For instance if I want a black frame with text and the video playing within that?

Views

1.3K

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

correct answers 1 Correct answer

Community Expert , Feb 05, 2017 Feb 05, 2017

What you want is a poster image which you can add to first frame of your native video before you render it to MP4.

Votes

Translate

Translate
Adobe
Community Expert ,
Feb 05, 2017 Feb 05, 2017

Copy link to clipboard

Copied

Where and how would you want this to be viewed?  If on YouTube or similar, then you simply need to add the still image to the video, and use a layer mask to reveal the video layer beneath it.

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 ,
Feb 05, 2017 Feb 05, 2017

Copy link to clipboard

Copied

I'm actually thinking facebook.

This is a video of course.

Screen Shot 2017-02-05 at 1.40.41 PM.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 ,
Feb 05, 2017 Feb 05, 2017

Copy link to clipboard

Copied

What you want is a poster image which you can add to first frame of your native video before you render it to MP4.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

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 ,
Feb 05, 2017 Feb 05, 2017

Copy link to clipboard

Copied

LATEST

I have not completely worked it out, as I don't know how to set the video size other than by creating the video timeline with a clip of the eventual render out size.  So if 1080 it would be 1920x1080. 

Create a new video group, select it and paste your still image to it.

To transform the video layer you need to make it a Smart Object, so decide where to place it and Free Transform to size and position.

Ctrl click the video layer to load as selection, then select the still image layer and add a layer mask, and invert the layer mask to reveal the video behind it.

Then render out to MP4.

If you really want a poster aspect ratio, and just a short video clip, then you could make it a frame animation.  You could have any size and aspect ratio you wanted then.  There'd be no sound, and the action would not be as smooth though.

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 ,
Feb 05, 2017 Feb 05, 2017

Copy link to clipboard

Copied

If this will be used in a web page, you embed video with HTML5 code.  And you can use some creative CSS to add a mask overlay.  The example below uses an SVG mask on top of a YouTube video. 

https://codepen.io/matchboxhero/pen/bEePrp

Nancy

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

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