How To Insert Video into an Image or Screen Mockup in Photoshop

  Рет қаралды 134,839

Saffron Avenue

Saffron Avenue

5 жыл бұрын

An easy Photoshop tutorial on how to add videos into a static image or a mockup. Typically using scrolling screen recordings and placing it into a website or iphone mockup! - See my instagram for examples : saffronavenue

Пікірлер: 169
@nickpage9138
@nickpage9138 2 жыл бұрын
I wish i saw this hours ago... thank you, this would of saved me hours of time wasted. Good job thankyou for making this, no more heartache!
@nniikunz
@nniikunz 3 жыл бұрын
I was looking exactly for this. Thank you so much for keeping it straight to the point!
@breannapairrett8675
@breannapairrett8675 4 жыл бұрын
This is so easy to follow! Thank you for this! 🙌🏼
@kvl182
@kvl182 4 жыл бұрын
Thank you so much, I was looking and looking how to do it and didn´t find the way until I stopped here. You saved me!!
@MC_MIKE
@MC_MIKE 10 ай бұрын
This was MASSIVELY helpful. Thanks Saffron!
@sarahsaggiante145
@sarahsaggiante145 4 жыл бұрын
Thank you so much!! This saved my life.
@TylerDigital
@TylerDigital 4 жыл бұрын
Exactly what I was looking for. Thanks so much!
@sarahb9697
@sarahb9697 2 жыл бұрын
Best tutorial for video mockups, thank you!
@amaliap.4430
@amaliap.4430 3 жыл бұрын
Thanks so much! Great tutorial. Can't wait to try
@whyRamachandran
@whyRamachandran 3 жыл бұрын
Thank you for this support, Angela. I was struggling to try this method for my Interface upload.
@boblin7174
@boblin7174 Жыл бұрын
thanks for sharing, this is the content I been looking for!!!!
@magnoliarabbit
@magnoliarabbit 2 жыл бұрын
I googled this SO many times and didn't find what I was looking for. This is exactly what I was trying to find. Thank you so much for sharing this!
@SaffronAvenue
@SaffronAvenue 2 жыл бұрын
Awww, I'm glad it was helpful!!
@EdenRaphaelGil34
@EdenRaphaelGil34 4 жыл бұрын
great video! very informative. really helped me with a video mockup, cheers!
@tashawalkerco
@tashawalkerco Жыл бұрын
You are amazing. Thank you for sharing your knowledge so freely. Seriously just wow.
@deborahkomatsu5446
@deborahkomatsu5446 Жыл бұрын
So grateful for your help! Thanks!
@csaa8381
@csaa8381 4 жыл бұрын
thank you so much!! I was about to dl some complicated software but you saved me a great lot of time !
@KaiWenFranklin
@KaiWenFranklin 8 ай бұрын
Thank you so very mush for this demo!! WOW!
@NilsDecker
@NilsDecker 2 жыл бұрын
Amazing, thanks for making this! I had the hardest time googling even the right thing but finally found your video and created my own little "video pretending to play on laptop photoshop animation tutotrial KZfaq" 😂🤣
@ceepeek
@ceepeek 3 жыл бұрын
That was so helpful! I was about to dive into a rabbit hole. Thanks!
@Macafotografa
@Macafotografa 2 жыл бұрын
It does help! Thanks so much!
@ET-kj7rf
@ET-kj7rf 3 жыл бұрын
THANK YOU!!! Perfect, straightforward and just what I needed! This saved me too. You are awesome!!
@SaffronAvenue
@SaffronAvenue 3 жыл бұрын
Yay, thanks!!
@ken98103
@ken98103 2 жыл бұрын
Omg, thank you so much!!! This video has been a great help
@jannashaw1490
@jannashaw1490 2 жыл бұрын
Absolutely the best tutorial I have found online for this!! Thank you so much! It was perfect and easy to follow!!!!
@SaffronAvenue
@SaffronAvenue 2 жыл бұрын
Aww, thank you!!
@Simranngulati
@Simranngulati 8 ай бұрын
Most helpful video, thank you posting♥️
@sararey9378
@sararey9378 8 ай бұрын
GIRL TYSM FOR THIS BEEN LOOKIN AL DAY AND YOURS IS SO CLEAR THANKYOUUUU
@laurentcrottet
@laurentcrottet 4 жыл бұрын
Precise and clear ! Thank's a lot !
@deaconindustrialsupplycomp8540
@deaconindustrialsupplycomp8540 2 жыл бұрын
Excellent Tutorial! Thank you for posting.
@helenaaurellia9070
@helenaaurellia9070 3 жыл бұрын
This is amazing and easy to follow. Thank you so muchh!!
@sirhenryhu
@sirhenryhu 2 жыл бұрын
So useful and great tutorial! Thank you.
@jordanmeek6610
@jordanmeek6610 Жыл бұрын
Thanks so much. This is awesome. Thought I was going to have to break my brain in after effects trying to do this.
@marizaa9317
@marizaa9317 4 жыл бұрын
MIND BLOWN. THANK YOU.
@misterellystudio
@misterellystudio 3 жыл бұрын
Thanks a lot Saffron. great tutorial
@jamaalmay4888
@jamaalmay4888 Жыл бұрын
I needed this. Thank you!
@graceoutlaw7215
@graceoutlaw7215 4 жыл бұрын
Thank you! This was so quick and easy and I didn't have to Google additional steps or info or anything ha ha. Great tutorial thanks again!
@SaffronAvenue
@SaffronAvenue 4 жыл бұрын
Yay!
@btcreativestudio9452
@btcreativestudio9452 2 жыл бұрын
I have needed this forever! thank you so much for making this an easy-to-follow tutorial!
@saadkhalidqazi9933
@saadkhalidqazi9933 2 жыл бұрын
that was exactly what I was going to do thanks for the video!
@charbellichaa715
@charbellichaa715 3 жыл бұрын
Thanks a lot I was searching for few weeks till I found you Very helpful and simple Love it
@SaffronAvenue
@SaffronAvenue 3 жыл бұрын
Yay!
@tracylavorini8389
@tracylavorini8389 9 ай бұрын
You're a saint for real my studio project THANKS you
@mansishah7166
@mansishah7166 2 жыл бұрын
Thank you so much!! This is what I was looking for. You made it easy to go🤩
@SaffronAvenue
@SaffronAvenue 2 жыл бұрын
Oh yay! Thank you :)
@sanjanamahajan3144
@sanjanamahajan3144 Жыл бұрын
Thanks a lot for this, it helped!!
@SaffronAvenue
@SaffronAvenue Жыл бұрын
You are so welcome!!
@abinamusic4087
@abinamusic4087 3 жыл бұрын
Thankyouuu for sharing this!!d did'nt even know you could do that with photoshop :)
@laurenzmignolet4615
@laurenzmignolet4615 Жыл бұрын
Very helpful! Worked like a charm. Thank you!
@SaffronAvenue
@SaffronAvenue Жыл бұрын
Yay! I'm glad you found it!
@OrincyWhyteDesigns
@OrincyWhyteDesigns 4 ай бұрын
LEGEND!!!!!Thank you!!
@ashwinr7
@ashwinr7 4 жыл бұрын
awesome video. Been quite sometime been thinking about how to do this thing
@CultureAndLove
@CultureAndLove 4 жыл бұрын
Thank you! Sure helped!
@jessicamdo
@jessicamdo 4 жыл бұрын
amazing, thank you very much for sharing!
@eumm11
@eumm11 3 жыл бұрын
thank you so much, this is amazing, exactly what i was looking for!
@SaffronAvenue
@SaffronAvenue 3 жыл бұрын
So glad!
@InbarShahak
@InbarShahak 4 жыл бұрын
cool video, loved it!!!
@luvhopefullie727
@luvhopefullie727 2 жыл бұрын
Great video. Thank you.
@archrao2103
@archrao2103 4 жыл бұрын
Just what I was looking for so well explained.
@SaffronAvenue
@SaffronAvenue 4 жыл бұрын
Oh good!
@kawacafe5149
@kawacafe5149 4 жыл бұрын
thak you so much you helped me i needed this thank you
@baay81
@baay81 5 ай бұрын
thanks for sharing! this helped me a lot
@SaffronAvenue
@SaffronAvenue 5 ай бұрын
I'm so glad!
@ronaldogonzalez6715
@ronaldogonzalez6715 3 жыл бұрын
Excellent video , Thank you so much 👏👏👏
@nascentkempt7007
@nascentkempt7007 4 жыл бұрын
Thank you, such a saver.
@devashibarthwal3424
@devashibarthwal3424 2 жыл бұрын
thanks a lot for the video saved my life.. :)
@TrickWireRecords
@TrickWireRecords 3 жыл бұрын
Amazing. Thank you!
@Dhanushsaji
@Dhanushsaji 3 жыл бұрын
Exactly what I'm looking.. thankuuu
@jetbob309
@jetbob309 5 жыл бұрын
Nice tutorial! New subscriber!
@veelvetta
@veelvetta 3 жыл бұрын
very clear and useful video, thank you so much!
@SaffronAvenue
@SaffronAvenue 3 жыл бұрын
You're very welcome!
@kapa4208
@kapa4208 4 жыл бұрын
This is so useful! You're awesome!
@SaffronAvenue
@SaffronAvenue 4 жыл бұрын
Thank yoU!
@KingOfCorinth
@KingOfCorinth 3 жыл бұрын
You're a godsend!!
@pytray
@pytray 3 жыл бұрын
super helpful! thanks!
@SaffronAvenue
@SaffronAvenue 3 жыл бұрын
Glad it was helpful!
@elisabethp2479
@elisabethp2479 3 жыл бұрын
thank you so much!
@mycall_eyeYouTube
@mycall_eyeYouTube 3 ай бұрын
Holy shit this is so awesome! Thank you! Aloha from Hawaii
@silviapinazo483
@silviapinazo483 Жыл бұрын
Thank you for the video!!
@SaffronAvenue
@SaffronAvenue Жыл бұрын
Of course! Thanks for watching :)
@lochgraphy
@lochgraphy 4 жыл бұрын
You've Got A Sub !
@liveitz0z
@liveitz0z 3 жыл бұрын
Very helpful!!
@dancer.tribal2175
@dancer.tribal2175 3 жыл бұрын
Thank you!
@danilovsketchart7374
@danilovsketchart7374 2 жыл бұрын
thank you!
@sukiyaki_x
@sukiyaki_x 4 ай бұрын
Thank You!
@sandipannath9588
@sandipannath9588 4 жыл бұрын
you saved my project! hugs..
@aneesha5685
@aneesha5685 4 жыл бұрын
Once you save the video mock-up file, does it have a black background to it?
@hasnolshahfikin8585
@hasnolshahfikin8585 3 жыл бұрын
great vid 👌
@dumofiabs4473
@dumofiabs4473 3 жыл бұрын
Thanks a lot!!!
@ianschneider3969
@ianschneider3969 3 жыл бұрын
This is great! Thank you! How do I get rid of the search bar and bookmarks bar for the recording though?
@joannacsillag630
@joannacsillag630 4 жыл бұрын
thank you!!!
@nicohunter6484
@nicohunter6484 9 ай бұрын
THANKS!
@TALTULI1
@TALTULI1 2 жыл бұрын
Thank you for this great tutorial. The only problem I have is that in the smart object I can see the whole video (both time lines same length) and when I go back to the actual photo it plays a very small part of the video. Do you know perhaps why?
@tenayatibbs2255
@tenayatibbs2255 3 жыл бұрын
Hi! This worked the first time i tried it but now i'm getting
@amparobvalverde6984
@amparobvalverde6984 2 жыл бұрын
Thank you
@rakhipoddar4661
@rakhipoddar4661 3 жыл бұрын
Thanks a lot
@aneesha5685
@aneesha5685 4 жыл бұрын
Great tutorial. I followed all the steps exactly but the final video has a black background to it. How do i remove it?
@itpedia7859
@itpedia7859 4 жыл бұрын
thanku so much
@HarisInspirasimu
@HarisInspirasimu 3 жыл бұрын
terimakasih, videonya nya bagus, saya jadi tahu bagaimana menggunakan video photoshop, salam kenal dari kami
@Nery270
@Nery270 4 жыл бұрын
Awesome
@WhiteDoberman
@WhiteDoberman 10 ай бұрын
Can WebM format be imported instead of MP4 in Photoshop?
@rakeshcreatives2183
@rakeshcreatives2183 3 жыл бұрын
Thank you
@DauntaLong
@DauntaLong 3 жыл бұрын
Thanks
@VictoriaAshleyDesigns
@VictoriaAshleyDesigns 2 ай бұрын
Just found this, thank you for posting - you've saved me spending more hours wasted 🙂
@BloomSparx23
@BloomSparx23 3 жыл бұрын
Thank you so much for this ❤️ I've been searching for this for so long!!! Can I export it as a .gif so it'll automatically play in my behance post?
@SaffronAvenue
@SaffronAvenue 3 жыл бұрын
You could probably export it as MP4 and then just use a converter online? www.google.com/search?q=convert+mp4+to+gif&rlz=1C5CHFA_enUS728US728&oq=convert+mp4+to+gif&aqs=chrome.0.0j0i457j0l6.3485j0j7&sourceid=chrome&ie=UTF-8
@tonyahesterdesign
@tonyahesterdesign Ай бұрын
This look great. I am having a problem importing the video into photoshop - it keeps saying that file could not be opened. It is a mp4 file - could someone advise?
@Lyubovstrauss
@Lyubovstrauss Жыл бұрын
How to save the file for the portfolio website? Thank you
@lizco7187
@lizco7187 3 жыл бұрын
How do you do this without the background? I want to place only the device and the scrolling image in my site and do not want the background scene to show.
@jamestill442
@jamestill442 3 жыл бұрын
Thanks for such a great tutorial, helped me immeasurably. One problem I've encountered is the background image blurring considerably after being exported. Is there anyway to fix that?
@SaffronAvenue
@SaffronAvenue 3 жыл бұрын
Was your original image high resolution?
@yvonnegougelet1204
@yvonnegougelet1204 10 ай бұрын
does this work if I just want to put a video on top of a photo? I don't need to have it fit on a screen, I just want a video on a photo
@hombuecherkonstantin8592
@hombuecherkonstantin8592 3 жыл бұрын
Hello and thank you so much for that awesome tutorial. I got it all. The only thing that I can't solve is that after I exported and rendered the video there is a black background even though the mockup is totally isolated. How do I have to change my settings to delete the background of my mockup? I want it to be cut out precisely... 😊
@SaffronAvenue
@SaffronAvenue 2 жыл бұрын
I'm not super sure, but maybe try doing a pen tool mask around it???
@sanaljoseph5729
@sanaljoseph5729 4 жыл бұрын
When I Press 'Render Video'the adobe media encoder is anot activated... why..?
@ShilohEsther
@ShilohEsther 3 ай бұрын
Hey Lady - how would I use it in Showit since I can't upload a video on Showit . . . HELP lol
@lauraeverard1686
@lauraeverard1686 4 жыл бұрын
Love this tutorial and how you make it look realistic...however I am unable to drag an mp4 into Photoshop...is there something I am doing wrong?
@MyCurlyAdventures
@MyCurlyAdventures 4 жыл бұрын
Not sure if you figured it out, but I had to use adobe media encoder to change it to a quicktime mov file to get it to work.
@Nogemii
@Nogemii 2 жыл бұрын
THANK YOU SO MUCH I LOVE YOU I LOVE YOU I LOVE YOU. I'm about to ask my crush out by making this kind of thing I hope she would like it!
@jennahlady6722
@jennahlady6722 4 жыл бұрын
This is awesome. My only issue was the video cut off at 5 seconds when the actual screen recording was longer. Is there a way to adjust the time in photoshop?
@katebollinger7346
@katebollinger7346 4 жыл бұрын
did you ever find a solution to this issue? same thing happened to me
@djamelkadi5519
@djamelkadi5519 4 жыл бұрын
@@katebollinger7346 maybe it's about the timeline length, did you check on that?
@kiaraoksi
@kiaraoksi 3 жыл бұрын
I have the same problem. Please, tell me how I can solve this problem🙏
Easily Create Highly Realistic Screen Mockup! - Photoshop Tutorial
12:36
How To Create a Scrolling Website Animation In Photoshop
10:32
Oaklyn Studio
Рет қаралды 130 М.
1❤️
00:17
Nonomen ノノメン
Рет қаралды 13 МЛН
MEGA BOXES ARE BACK!!!
08:53
Brawl Stars
Рет қаралды 36 МЛН
Became invisible for one day!  #funny #wednesday #memes
00:25
Watch Me
Рет қаралды 54 МЛН
КАРМАНЧИК 2 СЕЗОН 7 СЕРИЯ ФИНАЛ
21:37
Inter Production
Рет қаралды 533 М.
5 Creative Layout Techniques with InDesign and Photoshop
17:36
Yes I'm a Designer
Рет қаралды 823 М.
Add any photo to iPhone Screen - Photoshop Mockup Tutorial
7:14
Maxwell Ridgeway
Рет қаралды 63 М.
[Photoshop tutorial] Create a GIF scroll animation mockup to show your website
16:57
Heartmade by Claudia Orengo
Рет қаралды 8 М.
Animated Mockups in Photoshop?  Who knew?
9:01
DesignCourse
Рет қаралды 59 М.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 750 М.
How to embed a video into an image in Photoshop CC
8:42
SamiM Photography
Рет қаралды 6 М.
How to place video in mockup using Photoshop #mockup
2:09
iloveui
Рет қаралды 30 М.
How to Create a SCROLLING Website Mockup in Photoshop for Instagram
20:28
Big Cat Creative - Squarespace Tips & Templates
Рет қаралды 14 М.
Cat Tommy lost his love…💔 #cat #cats
0:27
Prince Tom
Рет қаралды 130 МЛН
Golden gadget 😍 New gadgets latest kitchen utensils #shorts
0:12
Golden Gadget
Рет қаралды 6 МЛН
РИСКОВЫЙ ШКОЛЬНИК На велосипеде #shorts
0:15
Леха МАК
Рет қаралды 7 МЛН
devil Pk jesus 😱❤️😈#devil #jesus #shorts
0:15
Jesus Vs thank Devil
Рет қаралды 8 МЛН
СДЕЛАЛА СТАКАНЫ ИЗ БУТЫЛОК😃🍸
0:46
polya_tut
Рет қаралды 10 МЛН
РИСКОВЫЙ ШКОЛЬНИК На велосипеде #shorts
0:15
Леха МАК
Рет қаралды 7 МЛН
Smart Appliances! New Gadgets, Versatile Utensils, Tool Items #shorts #gadgets 149
0:15