After Effects MEDIA CAROUSEL | Adobe After Effects Tutorial
Vložit
- čas přidán 26. 04. 2019
- Hey everybody, and welcome back to another episode of 7 minute AE tutorials, where you learn tips, tricks, and shortcuts. No BS, just AE!
In this episode, I'm going to show you how to create a media carousel. But the meat of this episode is in the expression controls we'll be applying that will allow you to very easily manipulate the distance between the media, the speed and direction of the rotation, and the focal distance of the camera. Because of the way we'll be creating this, you can easily swap out logos, images, and videos. If you watch my channel, you know I'm all about saving time so you can focus on being creative. If you feel the same, you'll definitely want to stay tuned for this episode.
Expression controls are a huge time saver. You just have to know how and when to use them. When creating a project like this one, consider pre-comping your footage or images in case you want to swap them out later on. Precomping saves a ton of time with any template-like project. And don't forget: After Effects is simply creative logic and math, so take advantage of that fact and you'll really start to understand what's possible. I hope this helped you out. Please like, share, comment, and subscribe. I'm including the project file in the description below. Thanks for watching everybody, and I'll see you next time.
Use the DropBox link below for the project files and course notes:
www.dropbox.com/s/1nsjifuxb1h...
Awesome tutorial! Thanks Jeff! We love your no BS approach.
Thanks for that info about the Camera Focus Distance. It made this episode that much better. I really appreciate you watching, absorbing, and taking the time to figure out a way to make this more advanced.
waaaaw!!!
your tuts are not for show us how to do things, but how to create them and use them for more then one project. beside your recommendations to how to do it right, to avoid any problem, like in your set matte video(the best tuts about that point, the first who explained me what is set matte , and how to create it right ).
Thanks again Brother.
Great tutorial! If you want to make the images rotating pause, how would you do that?
Thank you, awesome tutorial 👍🏼
Thank you for fantastic tutorial. It was just what I needed.
Posted in 2019 and here i am in 2021 enjoying it . Thanks so much for this .
Wow great tutorial! Thanks
This tutorial made me subscribe, thank you!!!
thanks for the tutorial, you are very helpful.
Thanks for the killer tutorial! What would be the best way to speed ramp as each Media comp comes into focus so it moves in and out quicker and slows down as it passes in focus?
Very helpful. Thank you!
THANKS! YOU'RE AWESOME!
This tutorial save my life, thank you!
Happy to help! Thanks for watching
Brother you are fantastic, you helped me a lot, thank you!!!! You got my like and subscription to your channel!!!
Thanks so much, my friend. I appreciate you watching and subscribing
Awesome tutorial but please how can I add more than 4 images in the carousel?
Holy Moly - it is just AMAZING tutorial. Thanks!!!
Evgeny Shulin Thanks for the comment! I’m glad this helped. I have more tutorials coming up next week.
@@7MinuteAETutorials Thx that You spent energy, time to educate us! Very helpful information You share with us.
Great tutorial! How would this work for a group of 8 images instead of 4?
I make a statement at the 12:42: "If you adjust this distance, you need to adjust your camera focus distance". NOTE: This is no longer true with the CAMERA FOCUS Null Object that was created. That was a statement from the first version of this video. I apologize for missing that. Just know, that you do NOT need to adjust your Camera Focus Distance as it now updates automatically. Please let me know if this makes sense.
Excellent Tutorial! And I saw your link to the updated version... going to watch that one too!
Thanks for watching!
@@7MinuteAETutorials How difficult would this be to convert into a square format (such as 1080x1080)? What steps would change?
@@josephkent3788 For the tutorial itself, or for the content in the carousel? For the content, it would be super easy. As a matter of fact, those social media icons are square. If you mean to turn this tutorial into a square format, that would take some work.
@@7MinuteAETutorials Thanks for the reply... yeh, I was talking about the main comp being square for posts to Instagram. I thought it might take some work to accomplish. Awesome tutorial!!! I'm new to AE... took one course with School of Motion... and doing my best to stick with it.
Muchas Gracias ! From Chile :D
Maravilhoso! Muito obrigado...
Thank you for watching.
very great video thanks . when i link camera focus & camera , i loose the focus distance :)
Great Thanks!!!
GREAT!!!!!!!! more tutorial on expressions please
Hey! It's a great tutorial! Thanks for sharing. I'm gonna use it for displaying testimonials in a video form. Is there an easy way to stop each slide for a 3-4 seconds, and then slide to another image?
You’ll want to focus on the ROTATION layer. To have this rotate and stop, remove the script for time, and then add keyframes that go from 0-90 and let it sit for a few seconds, then 90-180, etc. With four screens increase the distance by 90 degrees each time.
Awesome tutorial! Have a question though: what if I wanted more than 4 in the carousel? The "set media comps off by 1000 pixels" at 2:50 doesn't work when you have more than 4 directions to set them off by. Is there a quick fix for this? Thanks!!
I also am unable to get the different media comps to set as a different colour. If I change the color of Media 2, it applies to all 4 comps, anyone able to help!?
Pretty easy. Draw a grid 10x10 in Illustrator. Make square that covers the whole grid. Make polygon with vertices equals to how many objects you want. Center the polygon with the square a hide the square. Now you have simple coordinate system and you can count off coordinates of the vertices (you can multiply them by 10 or any other number). If you want to be more precise, make the grid 20x20 or 100x100...
For example I made grid 10x10, drew a square and a hexagon wide as the square. Then the left an right vertices are z=-10 and z=10. Those two vertices which will be in the back are x=-5, z=-8,65 (circa) and x=5, z=-8,65, those in front x=-5, z=8,65 (circa) and x=5, z=8,65. Then I multiplied every number by 100.
I hope you get it, my english is not very good, especially in math.
Thank you for the lesson! But in order to fulfill it, I had to work hard. I did not immediately understand that CAMERA CONTROLLER / Transform / Position (Z) needed to compensate for Camera / Transform / Position (Z).
I performed the lesson three times until I realized where the answer is hidden). But he learned me the material very well !!!
Thanks again!
Академия Голосок this is a complicated lesson. It should be have been closer to 15 mins. I’m glad it worked out for you.
@@7MinuteAETutorials
I enjoy it! Fantasy! I did it thanks to your lesson!
where the answer hidden ? :)
thanks a lot
Hello, very nice tutorial! I did everything and it worked out very well. Just a question, how can I make the rotation stop and for example focus on one?
imSev You need to remove the time expression on the rotation layer and instead use key frames on the Y axis of the rotation of that layer. This will spin the carousel right and left. Let me know if that helps!
@@7MinuteAETutorials Yes! It works like that, thanks for your help!
Great tutorial...thank you,! Took me forever to figure out how to do 6 instead of 4. Question: with the rotation slider setting , regardless of the speed....how do you "MAKE IT PUASE" for a moment on each item that is In focus facing forwards?
How did you figure out how to do this with 6 images? I have 8.....and am lost
@@geraldgymes6441 what helped me was to use guides land do the math for the position of each item after rotating forward the front position layer and see if matched up to each new layer position. ill admit this took me hours as i was new using after effects. im sure im not explaining it well but the guides help alot and use the existing layers as your position guide for the math. If you get stuck i can post the af project file.
Is it posable to make it move with your cursor and click?
This is great, thanks. if I want to speed up or slow down the rotation, ie: ramp it down. it gets a little messy. The carousel seems to go backward. My work around it is to take this into another comp and then "time-remap" it. So the question I have is there a better way to do this?
You should be able to control the speed by adjusting the time expression. If you're using keyframes, I'll have to go back and see what the issue is. It shouldn't go reverse, and it should allow for easing.... that's interesting. I'll check it out.
@@7MinuteAETutorials, sounds good, and once again, great tutorial thank you so much!
It's a fucking great tutorial. Thank you very much! I just need 3 objects to use and when I connect the position keyframes with the "distance" slider, the equal distance from the center of my triangle-based position gets really bad. The three edge points of the triangle cannot be calculated on XYZ axes with the same formula as it seems. Does anyone know how I can keep the same distance of 3 elements from the center point with the distance (slider) control?
Hey there! Thank you so much for this but I've a quick question. I followed your tutorial word for word and managed to reach the same result but I was wondering how do I convert this 4-media carousel to a 3-media one. I'm going to try to fool around with it a bit and see if I manage to do it (plus trying to make it stop for a few seconds on each media before continuing to the next) but if you've got some pointers for that (and for the stopping) I'd really appreciate it.
Thanks!
trying to do a similar thing. the stopping is the hard part, i'm keyframing the rotation in MASTER CONTROL but it does funny things when you go from a higher to a lower rotation value. it treats that decrease as negative rotation so the carousel reverses direction temporarily. it's weird. still figuring out how to fix
You will want to read his reply to B3 Multimedia Solutions (answered 2 years ago). Here's what he said:
"You’ll want to focus on the ROTATION layer. To have this rotate and stop, remove the script for time, and then add keyframes that go from 0-90 and let it sit for a few seconds, then 90-180, etc. With four screens increase the distance by 90 degrees each time."
That's how to do a tutorial! Subscribed!
Hi. thanks for this i have downloaded this project file but it's not opened in after effects CC 17 or 15 version errors occured
Studio ABC I’ll check the file today and re-upload. Thanks for letting me know.
Saving
Great tutorials but my carousel doesn't show up after rendering the footage. The carousel can be previewed in AE though.
Did you get it to work?
I'm trying to copy the Z expression and paste it to the Camera Focus layer but it doesn't want to paste. What am I doing wrong??
This tutorial was amazing. I just couldn't get the CAMERA FOCUS to work. I've followed each step carefully but when I click LINK FOCUS DISTANCE TO LAYER, the images blur extremely. Any help will be appreciated.
That step can be tricky. If even one step is off, it won't work correctly. I can write up a step-by-step for you to refer to. Give me some time to put that together. Thanks for watching!
@@7MinuteAETutorials I had the same issue - when I click 'Link focus distance to layer'. the focus jumps deeper to the two squares either side, further back. Not sure what I'm doing wrong there, grateful for any pointers. Thank you so much for this tutorial though, it's brilliant.
@@seangibson6788 Did you see this comment? "I make a statement at the 12:42: "If you adjust this distance, you need to adjust your camera focus distance". NOTE: This is no longer true with the CAMERA FOCUS Null Object that was created. That was a statement from the first version of this video. I apologize for missing that. Just know, that you do NOT need to adjust your Camera Focus Distance as it now updates automatically. Please let me know if this makes sense." - let me know if that makes sense and if its helps!
What about the shape layers course? Waiting for you 🙃
I apologize for the delay on that! A lot has happened in my professional life and I'm on the verge of launching but wanting to make sure it's perfect. I promise, it is coming. I may go ahead and launch sooner because it is close to being perfected. I really appreciate your interest in this course. It's coming!
@@7MinuteAETutorials Ty, best wishes :)
Sir i want to stop it and highlight each box for some time how do i do that??
Instead of putting the time expressing on the rotation null object, use key frames so you can control when it stops. Let me know if that makes sense
@@ReveriePass Sure thing!
1:10 where did he click to open thise options with rectangle and etc ... ? Sorry , I am master lvl noob.
The ADD arrow - there is an updated episode for this technique. I recommend you watch that one instead. Here's the link: czcams.com/video/yTXaPXf79OM/video.html
@@7MinuteAETutorials ty very much !
@@7MinuteAETutorials sorry but this link send me again to this video.
@@taldofrances9660 This is the updated version - I just checked it and it should send you to the new video. It runs 15:11 - czcams.com/video/yTXaPXf79OM/video.html
very fast for the beginners level, i need to do this with 8 and not 4 objects and lost u at min 7....
Katia Grishevsky This is a more advanced tutorial. Trying to keep this as close to 7 mins sometimes requires faster tutorials. I have divided my tutorials into categories from beginner to advanced. Sorry you had issues keeping up with this one. Maybe I can break it down into a multi-part series where we focus on one aspect at a time. I know there is a lot of heavy and dense information in this one.
Katia Grishevsky I do appreciate you watching and don’t get too frustrated of these move a little quickly.
Is there i simpler exploration. He is taking so fast.
Talk any faster