How To Create A Cinemagraph In Photoshop

[@EduardMilitaru]

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

[@sanja_pavicic]

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

[@santiiarias]

lov u

[@kairull]

Tq love u

[@TrenaLamb]

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

[@mojoxy]

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]

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!

[@patratacus]

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

[@sweetthings11]

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

[@kawabungadad8945]

Awesome tutorial man, thank you.

[@colorblindo3947]

wow cool tutorial. thanks for posting Aaron

[@surajahir913]

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

[@ricardocornejom]

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

[@AxianTee]

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

[@ashleyro19]

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

[@FlekerTube]

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

[@karenclifford7110]

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

[@ulisessanchez4355]

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

[@070spacecowboy]

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

[@abeer_nawaf_sul]

great tutorial

[@GameKing298]

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

[@NewYorkCityFiles]

Great tutorial, thank for sharing!

[@hempstead.studio]

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!

[@jonesphotocomau]

Great, thanks... big help.

[@soniatv]

this is magical. Thanks!

[@yvettereynolds5945]

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

[@colourelements]

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

[@ampersignia]

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

[@kurtdc4172]

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

[@cutegirllula]

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

[@ollieduke1]

Awesome video, thanks a lot!

[@Gracebeliever077]

That is sooooo cool!!

[@swandive46]

So simple yet unique. Thanks.

[@jerseyman9080]

Great work Thanks for giving us a new ideas.

[@Ximocquy]

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

[@BandeiraNeto]

great! thanks!

[@ManuelVazquez]

Excellent tutorial Thanks :)

[@parkie012]

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

[@ricardodorame]

Awesomeness!!! Thank you!

[@canal999TV]

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?

[@Galshaer]

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

[@parkjihyun397]

You are great!!

[@cowboybuck8621]

THAT IS AWESOME, I'm upgrading.

[@rivobaktisatria]

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

[@yaoyao3tu]

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.

[@GryphonDes]

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

[@SinNombre-fk3sr]

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

[@LuisAlvarez1]

thanks man! very interesting. Greetings from Spain

[@jeannettenicoleshipek4476]

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

[@josiah1679]

i love this tutorial

[@AioraUrbieta]

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

[@nabmkk9628]

Black eyed I am

[@StormShadow393]

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

[@HPDizzle]

Thanks!

[@cipiatone]

There is a great version of this on the "Her" movie website with added particles. Cheers for the demo.

[@JishinimaTidehoshi]

Oh so cool that you shared! I can't wait to see that movie btw

[@Myrslokstok]

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.

[@WSHAMZ]

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

[@mmmramen]

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

[@CarolynBatesPhoto]

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

[@IreneRudnyk]

command for pc please?

[@salmangaming9883]

Qqqqqw

[@salmangaming9883]

Awry

[@rofikali1887]

m

[@touseefahmed7909]

Thanks dude

[@agatep.1564]

Thank you, I just need it!

[@SantiYounger]

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

[@meiikomeii1154]

nice :) i have to try it :)

[@nguyenthithoainghi]

Thank you so much!

[@AbsoluteAstronaut]

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!

[@Jmalkolm]

Which camera did you use ? Thanks

[@edellougheed-deane5865]

Love your tutorials. Is it possible to add sound to a gif?

[@saimen2010]

I don't think that you can add music to a gif file (I'm not sure). But you also have the possibility to "insert" sound afterwards if you want, to do this you have to go easily to this site -> gifsound.com/ ...there you can insert the link of your .gif file, then the url from an soundtrack or something (it's possible to choose when the music shall starts). Now click on combine and you have .gif with sound. Sure, it's not exactly the same as if you would render it, with music in it. But it's also pretty simple and fast to use this method. Hope it helped!

[@edellougheed-deane5865]

***** Thanks for that!

[@saimen2010]

Edel Lougheed You're welcome!

[@csmgscs]

Thank you

[@MihaelaStipic]

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

[@pixelgenau2982]

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.

[@wsupercool]

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.

[@suericata]

To make the GIF look good you just switch the top tab from "Optimized" to "Original", that makes the best quality. Thanks for the tutorial!

[@pixelgenau2982]

That would be wrong, Sue. "Original" shows the image in its original format with no web-optimizing. "Optimized" shows the image with the export settings you chosen yourself for a web image. Be it GIF, JPEG or PNG with the specific settings. Therefore it's only for comparison.

[@YaricoTV]

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

[@TheJennyselden]

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

[@jhirapatkankloy7911]

Thanks

[@SirkaneonuS]

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.

[@eylam9690]

Thank you, photo man.

[@frogyafro]

Seriously we did a project like this, but our base is not a video, its a still image then we added some animated car and people. Its way more harder than having base of a video already. Thanks for sharing!

[@HDProductionsBahrainNights]

You're amazing

[@rafieboy05]

Cool

[@olhasmith]

Thank you so much!!!

[@hollyfleischer2984]

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?

[@ArteOnez]

This is awesome!! your tha best of the best

[@adorkyninja]

Can you use the PNG format or just GIF?

[@RichardALee]

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

[@fuxicogamer7892]

fala de mais dar ate sono ver videos aulas assim

[@subaas_baig8756]

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.

[@LasaloElia]

I actually prefer this method over your later but I do still do your second method with opacity etc. Great vid however :)

[@hautenooz]

This maybe a stupid question, so bear with me...I watched your newer video on the same subject, and you emphasized on creating a duplicate layer and fading it out so the first and last frames were the same...why do you not need to do that here? Is it because this one doesn’t need to be continuous, since it has a starting and ending point and the continuity can be created with the gif forever setting, but the video with the ocean does? Thank you in advance!

[@BrokenTearxx]

FOR US THE MORTAL ONES: new layer: Shift+Ctrl+N stamp visible layer: Shift+Ctrl+Alt+E :)

[@mykedee666]

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

[@peterpreisdinslaken1510]

Tolle Arbeit.LG.PIDI

[@TheBrodTrip]

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

[@Shafiq_Jai]

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]

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.

[@ChromaQueen]

That is a really great tutorial, thank you! btw How did you post it on Google Chrome to test it? Or can you send it to yourself on an email?

[@MarkDelawar]

If you are on a Mac, one simple way to preview the image using Chrome is to drag the .gif to the Chrome icon on the Dock. Haven't tried it on Windows but it would probably work the same there as well.

[@ChromaQueen]

Thanks Mark, I am on a Mac, and will test. Looking forward to making my first Cinemagraph.

[@expiredid82929]

Totally confused on 5:32 . you said you are creating a new layer but cursor was on 'lock postition'. here 5:36 the new blank layer was changed to thumbnail or a copy of layer 1 when dragged to right. how you did it? the cursor was still on 'lock postition ' icon.?? i think you are using shortcut keys or some other things too. which are missing from tutorial. please explain this.

[@expiredid82929]

***** Thanks i Got it..:)

[@Giltinuke]

***** omg... now I get it. THAX ;D

[@SJmoonie]

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

[@teriqmohammed763]

Can u use frequency separation on this?

[@weylandyutanicorporate]

You can actually preview a GIF by selecting the file and pressing the space bar. It will bring it up in a little preview window in all its animatey goodness.

[@lornadaniel5328]

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?

[@jennydeepable]

Well i laughed with you buddy, great stuff

[@Regantdarcy]

Hey Aaron. Great video. Really phlearned a lot. Question tho. To create cinemagraphs like this using photoshop & video, which is most important to have on your computer....Ram? Graphics card? Processor(i5 or i7)? Or an SSD? I'm asking because I'm about to purchase an Apple laptop, and I want to know best how to configure it to do this. Thanks!

[@bradad82]

***** Lots of RAM and a good processor. Whatever you can afford to spend, get the best, so i7 if you can manage it. It'll just make your life easier and with less stress.

[@arrobita]

omg. THANKS SO MUCH for that

[@_its_ish_]

can you save it as a movie file instead of GIF?

[@AZ65123]

man, you should try Animated PNG (APNG) cuz you're great at Cinemagraph