How To Create A Cinemagraph In Photoshop

Поділитися
Вставка
  • Опубліковано 9 бер 2013
  • I Guarantee I Can Teach You to Master Photoshop. Learn How: phlearn.com/aaronwillteachyou
    Want to know how to create a cinemagraph? We go over step by step in this tutorial from the initial shoot to post production in Photoshop.
    Check out the full post at: phlearn.com/creating-a-cinemag...
    Website: phlearn.com/
    Facebook: / phlearn
    Twitter: / aknacer
    Google+: plus.google.com/1052676563762...
    For more tutorials and how to videos check out our extensive Photoshop and photography video channel: / phlearnllc
    We cover everything from Photoshop tutorials, photography tutorials, how to videos and more!

КОМЕНТАРІ • 290

  • @EduardMilitaru
    @EduardMilitaru 9 років тому +128

    For Windows: Ctrl-Alt-Shift-N - for new layer
    Ctrl-Alt-Shift-E - for flattening

    • @sanja1316
      @sanja1316 6 років тому

      Eduard Militaru 7:48 I don't understand, what kind of brush is that? Help please☹️

    • @santiiarias
      @santiiarias 6 років тому

      lov u

    • @kairull
      @kairull 6 років тому

      Tq love u

    • @TrenaLamb
      @TrenaLamb 6 років тому +3

      Thank u tons!! I keep wondering why he doesn't give the option for windows.

  • @mojoxy
    @mojoxy 7 років тому +5

    Small tip to avoid the long loading times when searching the right parameters for saving the gif:
    Right before saving, you can narrow down the working space (right word?! It's "Arbeitsbereich" in german) which can be found in the timeline. There is one slider for the beginning and one for the end of it. When you bring it down to, let's say, 2 frames and then save for web, the loading time between the different parameters will be substantially lower. When you've found the perfect parameters, keep them in mind and extend the the working space back to original length, before you save the gif.
    This saved me a lot of time.

  • @lesliengo8347
    @lesliengo8347 2 роки тому

    A simple but effective tutorial. I used this for a project for school. An important aspect to take note is to avoid having an overlap. For example, if the bubbles were to go over her body, that part of the body that would have been painted over will move. It is best to plan out if the video is able to be played on a loop without an abrupt transition. Thanks Aaron!

  • @ashleyro19
    @ashleyro19 10 років тому +1

    This was my first time looking up a tutorial on cinemagraphs, and it was awesome. Thank you so much!

  • @sweetthings11
    @sweetthings11 10 років тому +1

    your tutorials are AWESOME!!!!! I love them, they so helpful
    and interesting!! Thank you very much!!

  • @soniatv
    @soniatv 7 років тому +1

    this is magical. Thanks!

  • @GameKing298
    @GameKing298 9 років тому +6

    You actually can view a .gif file on a mac. Click once on the desired file, then press the space bar. A small preview window will pop up, and the .gif file will play in the window

  • @canal999TV
    @canal999TV 7 років тому +1

    Hey... you show how to create a "loop" effect and that is great!! Is there a way to create a "bounce" effect that goes forward and backwards in a loop?

  • @FlekerTube
    @FlekerTube 10 років тому +1

    This seems like a pretty straightforward tutorial. Thanks. I'll be trying it out.

  • @hollyfleischer2984
    @hollyfleischer2984 9 років тому

    Great Tutorial. Thank you! One question, after I made the layer mask and used command i, I am still able to see an outline of the layer I made to mask out the movements. I'm not sure what I did wrong. Any thoughts?

  • @kawabungadad8945
    @kawabungadad8945 10 років тому +1

    Awesome tutorial man, thank you.

  • @ricardocornejom4604
    @ricardocornejom4604 8 років тому +1

    Thanks for sharing always great stuff Aaron!! really cool tutorial and so easy to do it.

  • @tomkent4656
    @tomkent4656 6 років тому +1

    Presumably this would also work in After Effects?

  • @karenclifford7110
    @karenclifford7110 10 років тому

    It's great when someone has figured out how to really do it step by step. thanks

  • @StormShadow393
    @StormShadow393 10 років тому

    Nice tutorial!! How can you change the pace of the bubbles or how quick the gif is moving? Thanks!!

  • @NewYorkCityFiles
    @NewYorkCityFiles 7 років тому

    Great tutorial, thank for sharing!

  • @Galshaer
    @Galshaer 9 років тому

    Thanks for the tutorial man, really enjoyed it. Very helpful

  • @colorblindo3947
    @colorblindo3947 11 років тому

    wow cool tutorial. thanks for posting Aaron

  • @cutegirllula
    @cutegirllula 5 років тому

    Love love love it! Thank you so much for sharing xx

  • @parkie012
    @parkie012 9 років тому

    upgraded to cc for this but totally worth it! I feel like my clients will love having this for part of their marketing campaigns

  • @patratacus
    @patratacus 10 років тому +1

    Thank you so much for this tutorial. This is the best cinemagraph tutorial out there!

  • @SinNombre-fk3sr
    @SinNombre-fk3sr 5 років тому

    Thanks for the tutorial, really helpful, looked a lot more difficult than it actually is.

  • @TheBrodTrip
    @TheBrodTrip 7 років тому +5

    great tutorial! But i keep getting an unknown error in the exporting process with the same settings used in the video. any ideas? thanks!

    • @syfh92
      @syfh92 7 років тому +2

      You can try rendering the video. Export it as video. It worked out for me and the quality is superb as compared if you export it as gif.

    • @bendarby1147
      @bendarby1147 7 років тому +1

      Little late to the game, but if you're still struggling I suggest dropping the frame rate of the video and then when exporting for web, reduce the image size to something more reasonable (assuming your source footage is 1080p).
      Alternatively, render the video, then open that file in photoshop again and export that as a GIF. It should help reduce the initial file size and stop the unknown error.

  • @Gracebeliever077
    @Gracebeliever077 8 років тому

    That is sooooo cool!!

  • @ricardodorame
    @ricardodorame 8 років тому

    Awesomeness!!! Thank you!

  • @jerseyman9080
    @jerseyman9080 10 років тому

    Great work Thanks for giving us a new ideas.

  • @AxianTee
    @AxianTee 11 років тому

    this is an amazing tutorial. there are tons on the net and uTube but your masking technique makes it less tedious to do.

  • @abeer_nawaf_sul
    @abeer_nawaf_sul 9 років тому

    great tutorial

  • @mmmramen
    @mmmramen 9 років тому

    You're awesome. Thanks for making this vid and making it super simple.

  • @ollieduke1
    @ollieduke1 11 років тому

    Awesome video, thanks a lot!

  • @YaricoTV
    @YaricoTV 5 років тому

    Thank you so much for this video! Exactly what I needed XD

  • @Ximocquy
    @Ximocquy 11 років тому

    Great.. I never know this..btw how to begin..do I need a video first and how to import it in photoshop? Tks

  • @arrobita
    @arrobita 6 років тому

    omg. THANKS SO MUCH for that

  • @kurtdc4172
    @kurtdc4172 10 років тому

    very helpful and great example photo for illustrating the process. Thanks!

  • @agatep.1564
    @agatep.1564 7 років тому

    Thank you, I just need it!

  • @GryphonDes
    @GryphonDes 6 років тому

    saw this on my recommended list -- instant flashbacks to rotoscoping hehe -- another fun one :)

  • @LukesLiife
    @LukesLiife 7 років тому +1

    Bubble spit!!! hehe - Great video :)

  • @TheJennyselden
    @TheJennyselden 10 років тому

    Thanks so much for this - I'm going to give it a whirl!

  • @jonesphotocomau
    @jonesphotocomau 10 років тому

    Great, thanks... big help.

  • @AioraUrbieta
    @AioraUrbieta 10 років тому +1

    I found this really useful! Thanks a lot! Now I can make my own cinemagraphs :)

  • @swandive46
    @swandive46 7 років тому

    So simple yet unique. Thanks.

  • @MihaelaStipic
    @MihaelaStipic 10 років тому

    wow! love it! thank you so much :))

  • @BandeiraNeto
    @BandeiraNeto 10 років тому

    great! thanks!

  • @AbsoluteAstronaut
    @AbsoluteAstronaut 5 років тому

    Is there a way to keyframe the mask, so you don't have to make a general one for the whole video? Great tutorial by the way!

  • @ManuelVazquez
    @ManuelVazquez 11 років тому

    Excellent tutorial
    Thanks :)

  • @Myrslokstok
    @Myrslokstok 11 років тому

    Does it play faster or can you set the frame speed, or use a another framespeed on the original movie to make it look more realistic in play speed or does it depend on the computer you run your gif on.

  • @ampersignia
    @ampersignia 9 років тому

    Oh my god thank you. I thought it was so much harder than this. On to make tons of these!

  • @teriqmohammed763
    @teriqmohammed763 9 років тому

    Can u use frequency separation on this?

  • @vickydavid
    @vickydavid 7 років тому

    it's great! Thanks!

  • @touseefahmed7909
    @touseefahmed7909 7 років тому +1

    Thanks dude

  • @lornadaniel5328
    @lornadaniel5328 9 років тому

    Hey =D
    Great tutorial.
    Followed everything and all was going fine until the saving part. It really scrambled my image and separated all the colours quite badly. I tried all the different setting and can't seem to find out why it's not coming up normal. Any ideas?

  • @surajahir913
    @surajahir913 6 років тому +1

    Awesome tutorial sir ..
    Today I learn new thing cinemograpy. Which is Awesome .I really like this video.
    Thank you.

  • @cowboybuck8621
    @cowboybuck8621 9 років тому

    THAT IS AWESOME, I'm upgrading.

  • @SJmoonie
    @SJmoonie 10 років тому

    i'm gonna try this too, i have been looking for a professional tutorial like this. But the file was huge.

  • @FrataniMarieNoelle
    @FrataniMarieNoelle 9 років тому

    Hi, I don't have the same version of photoshop. I'm using Image ready for my gif. Do you know if it's possible to do a cinemagraph with image ready by using different layers?

  • @nguyenthithoainghi
    @nguyenthithoainghi 10 років тому

    Thank you so much!

  • @HDProductionsBahrainNights
    @HDProductionsBahrainNights 7 років тому

    You're amazing

  • @wsupercool
    @wsupercool 9 років тому

    Say I took a picture of the same scene after I recorded what I wanted, would I be able to bring in That picture I use as the picture I use to mask? Thnx for all your videos. Big help.

  • @yaoyao3tu
    @yaoyao3tu 9 років тому

    Thank you for sharing this tutorial,and I made it by watch this tutorial many times. The only thing that I feel not comfortable is too many shortcut keys I don't know it, and I think it will help a lot if you put text on the video for people who speak English as a second language. Finally, I learned it. Thanks again.

  • @ritjat12
    @ritjat12 7 років тому

    Great video man! but i have a problem here. in the "save for web", i choose original tab (because optimized options made my gif looks pixel-cracked)- selective - diffusion - 100% size - forever. in the window preview on the left it said only 4mb, but when i click save, the result my gif file was became 50mb. Do u hv any idea why it became 50mb? and how to fix that. Thanks man!
    *Ps CS6 / win10*

  • @TronckoeTim
    @TronckoeTim 10 років тому

    I imagine lights need to be consistent as well, don't they?
    I was thinking of trying this with studio flash and use the 'flashed' picture as a base picture and create a cinemagraph with the model's hair waving in the wind. However, lights would of course be a lot different in the video as in the base picture.
    Is there a way to make this work? Thanks for your help.

  • @LuisAlvarez1
    @LuisAlvarez1 10 років тому

    thanks man! very interesting. Greetings from Spain

  • @RichardALee
    @RichardALee 11 років тому

    How would you make the bubbles continuous instead of just looping from beginning to end, or is there a way?

  • @ulisessanchez4355
    @ulisessanchez4355 2 роки тому

    very helpful and simple man.. i tNice tutorialnk i'm gonna see all your videos

  • @FilmFactry
    @FilmFactry 10 років тому +1

    It looks too fast. How could you slow down the bubbles? Also, if you shot 30 fps, how would you create say 15 fps for the web?

  • @josiah1679
    @josiah1679 7 років тому

    i love this tutorial

  • @myked2072
    @myked2072 9 років тому

    This would be a great 'added benefit' to a photo package! Anyone have any other ideas on how to sell a cinemagraphic image?

  • @jeannettenicoleshipek4476
    @jeannettenicoleshipek4476 10 років тому

    WOW WOW!!!!!!!!! love

  • @gunsong9030
    @gunsong9030 9 років тому

    Thank you!!

  • @yvettereynolds5945
    @yvettereynolds5945 9 років тому

    thank you so much I'm going to use this tutorial in a tennis shot , well done tutorial

  • @SirkaneonuS
    @SirkaneonuS 10 років тому +6

    Great video. Question, can you make a video on making seamless infinite loop gifs? I can best describe it as when you have an animated gif with a noticeable ending and beginning, but you want to make it seem as if it never ends.

  • @pixelgenau2982
    @pixelgenau2982 6 років тому

    Good tutorial! My Macbook would not export the GIF-image, unknown error. Guess the graphic card can't handle it or I have got not enough memory/disk space or all together. However, I still have my desktop computer with enough power! Make sure your computer is fit for the task, especially when dealing with high-res images.

  • @HPDizzle
    @HPDizzle 11 років тому

    Thanks!

  • @bontyjarron
    @bontyjarron 9 років тому

    can you do this on photoshop CC?

  • @TommyLikeTom
    @TommyLikeTom 10 років тому +1

    How do you get the vid into photoshop? I chose the "convert video to layers" option, which worked, but it's clearly not what you did. Does the vid have to be .MOV format?

    • @alexandracole7240
      @alexandracole7240 10 років тому

      I just dragged my video into photoshop and it worked! and it was just a normal mp4 file

  • @parkjihyun397
    @parkjihyun397 11 років тому

    You are great!!

  • @rivobaktisatria
    @rivobaktisatria 9 років тому

    Great video...thanx a lot for sharing the tutor, its very helpful to me in working on my project

  • @gregoryharrisdesigns2675
    @gregoryharrisdesigns2675 7 років тому

    How do you control the speed of the Cinema Graphic?

  • @nimirist
    @nimirist 6 років тому

    Nice Tutorial............ Thank you

  • @Jmalkolm
    @Jmalkolm 11 років тому

    Which camera did you use ?
    Thanks

  • @SDW2000
    @SDW2000 6 років тому

    I have made several in PS and found it very challenging to get decent quality out of a moderately sized file. I've always been curious how pros are able to make some amazing quality gifs in small sizes. So far, I haven't found it using PS.

  • @MsKarembar
    @MsKarembar 7 років тому

    how do you open the windows with the radius at 8.54mn in your video, please?

  • @csmgscs
    @csmgscs 11 років тому

    Thank you

  • @meiikomeii1154
    @meiikomeii1154 10 років тому

    nice :)
    i have to try it :)

  • @subaas_baig8756
    @subaas_baig8756 7 років тому

    Cool! =) Can you please teach how to make animated banners? I've seen your "mini toy robot" frame animation but I would like to see other examples.

  • @josechitodeleonjr7944
    @josechitodeleonjr7944 5 років тому

    hi, i used a fade with black effect, on the preview instead of fading effect it was blinking same thing as i saved it. can i get a help

  • @SantiYounger
    @SantiYounger 10 років тому

    hahahaha nice tutorial bro thanks it's awesome, "thanks guys for watching guys"... it happens the same to me sometimes in my videos hahaha

  • @jhirapatkankloy7911
    @jhirapatkankloy7911 7 років тому

    Thanks

  • @thomasmuselet
    @thomasmuselet 7 років тому

    how to export in MP-4 HD? we could with photoshop??

  • @CarolynBatesPhoto
    @CarolynBatesPhoto 9 років тому

    This is very cool. I can do this...

  • @hempstead.studio
    @hempstead.studio 11 років тому

    just FYI you can preview gifs natively with a mac.
    Just have the image selected and push the space bar, this will bring up preview.
    Just thought you would like to know :)
    great tutorials by the way!

  • @colourelements
    @colourelements 11 років тому

    i really dont want to be fussy your videos are great, but that comment is so true!!

  • @itslazelstory
    @itslazelstory 10 років тому

    I recently did a music video and did some effects using photoshop cs6, playing with the images and all. Could u do a tutorial where I will be standing still in a video singing, but the background changes? is that possible for cs6? :)) thanks!

  • @adorkyninja
    @adorkyninja 11 років тому

    Can you use the PNG format or just GIF?

  • @olhasmith
    @olhasmith 7 років тому

    Thank you so much!!!

  • @liata8826
    @liata8826 7 років тому

    can i use photoshop cs5?

  • @greguiitar59
    @greguiitar59 9 років тому

    Hey need you !!! I don't manage to copy the layer (shift man cmd ?) (5m35)

  • @WSHAMZ
    @WSHAMZ 9 років тому

    Found out about motion months ago but his video still helped me....Aaron keep your beard man... I know this is old but still

  • @liminal759
    @liminal759 10 років тому

    Hi for my photoshop cs6 in the timeline it only appears as individual frames? I'm wondering if u could help me? How do I get it to show in the "full length" format as demonstrated in this video? Can I somehow stitch all the frames tgt?

  • @rebeccaandrewsfilms
    @rebeccaandrewsfilms 9 років тому

    would these work on instagram + facebook and youtube?