Make DNA strand from shape layers - Adobe After Effects tutorial
Рет қаралды 130,410
Use shape layers to fake a 3d DNA helix, rotating, turning, tumbling. All without opening a 3d application. We work totally in shape layers using the most basic of keyframes to make it happen. It looks great and you'll learn lots doing it... maybe.
If you have any questions just let me know in the comments.
Download this project file:
gumroad.com/l/nWJtd
evanabrams.com/blog/1295-2/
Twitter
Twitter.com/ecabrams
Google+
plus.google.com/+EvanAbrams/
Facebook
pages/ECAbrams/193708234045591
Website
Evanabrams.com
Suggest a tutorial topic: docs.google.com/forms/d/13A2eHcNQADsjyPWrrlbFTeOMqPAbqAxq07p7Alroh_w/viewform
@hartyom 7 жыл бұрын
I really love your fake 3D stuff.
@mrgoesta 7 жыл бұрын
Amazingly cool and informative video. Design wise your stuff looks great on top of that! Thanks for putting it up here.
@robbieiansonprice1073 7 жыл бұрын
This is amazing and your voice makes this even better! Thank you!
@GunxblastFr 7 жыл бұрын
The reverse thing at 9:24 made my jaw dropped. That is so clever. Thanks to that kind of tutorial I find myself solving problems I could not figure how to solve in other projects. You are an idea's factory. Thanks a lot for your work.
@Shaun_X 6 жыл бұрын
Your tutorials are freaking AMAZING! Thanks man
@AtaurRaziq 7 жыл бұрын
Amazing. I've been using AE for like over 7 years and I've just learnt a bunch from this video.
@donross7820 Жыл бұрын
You are a wizard! I learned a ton from your amazingly clever tutorial. Thank you SO much.
@samsonality 4 жыл бұрын
Thanks so much for this. So simple yet brilliant!
@BraulioPallares 7 жыл бұрын
Great to see you again Evan!!, love each and everyone of your projects. This one is particularly interesting for tackling small details that come again and again in many other projects (like the loopOut script). Cheers!!
@ECAbrams 7 жыл бұрын
It's a quality expression, I talk about it in more detail on another (much older) tutorial as well.
@hardcorefinesse5613 7 жыл бұрын
Fantastic work. Love all of these!
@knottt 7 жыл бұрын
Thank you so much for your tutorial，it's really useful for getting Started!
@DamonBowe 7 жыл бұрын
I've needed this so many times in my science life, thanks!
@PrettyAmazingJ 4 жыл бұрын
The sound FX help thanks!! Love your work
@jennyw7546 4 жыл бұрын
So many things I never knew could be accomplished with AE.. Thank you!
@gevelegian 7 жыл бұрын
Very well explained and the sound effects are just the icing on the cake! Subscribed, wish I found you earlier.
@vandelayindustries2971 7 жыл бұрын
This looks freaking awesome! You are so talented and I learn so much from you every video. Thank you!
@ECAbrams 7 жыл бұрын
I'm happy to hear that. Stay subscribed for more real soon!
@vandelayindustries2971 7 жыл бұрын
ECAbrams I can't wait!
@HighOnDots 7 жыл бұрын
Evan, you are an incredible teacher. Thank you so much for sharing.
@ECAbrams 7 жыл бұрын
I'm glad you think so. Stay tuned for more coming soon!
@yaronpur 7 жыл бұрын
Mind blowing! Thanks!
@olmytofficial6855 6 жыл бұрын
So cool, dude. Thanks for sharing your knowledge!!!
@MJake 7 жыл бұрын
Love your tutorials! Keep amazing work coming ;)
@ECAbrams 7 жыл бұрын
Thanks. I'll try my best.
@kagi95 7 жыл бұрын
Dude, this looks so fucking amazing. You're really great at explaining it and too humble as well!
@discoghost6168 Жыл бұрын
I don't know what I loved more: the clarity of the tutorial or the wheeeee! SFX 😝
@dinapuspasari3162 7 жыл бұрын
so helpful ilove the way you explain it,
@nimrodgeyra3429 7 жыл бұрын
cool man i love your stuff keep on the good work
@julialincoln-stefan1066 5 жыл бұрын
Awesome. This is EXACTLY what I was just looking for.
@chrisatronx 2 жыл бұрын
This is just what I was looking for! thank you!
@katarzynadrozd3473 7 жыл бұрын
This tutorial is a masterpiece.
@niektenhagen560 5 жыл бұрын
so inspirational, love it!
@JohnBlunda 5 жыл бұрын
At 15:36, I got lost when you moved that element up so far when only hitting the Arrow Up key. Doing just that only moves it 10 pixels. After trial and error, I found holding down the Shift button while using the Arrow Up key seems to match what you're doing. And...a HUGE thank you for making this video. You're at the top of your game, sir!
@carolaquebaila 5 жыл бұрын
Many thanks for your tutorial genius!!!
@alexrobertson8048 7 жыл бұрын
Fantastic tutorial 🤘🏻
@wkhooo463 7 жыл бұрын
its awesome! thank you so much bro!
@wshesmoh 7 жыл бұрын
amazing work thank you
@henrifung766 7 жыл бұрын
Your videos are awesome, I really do learn a lot after it. I just hope that you post more frequently😅😅
@ECAbrams 7 жыл бұрын
I hope so too.
@CASPER101 7 жыл бұрын
So good👌🏼 Thanks!!!
@DanDJish 7 жыл бұрын
dude. ur so good. instead of going to parties and reciting Wikipedia facts, I'm just going to force people to watch your KZfaq videos on their TVs. keep up the good work sir
@ECAbrams 7 жыл бұрын
That could be a fun party :)
@Rokinso 7 жыл бұрын
Thank you for this awesome tutorial! : D
@ECAbrams 7 жыл бұрын
You are very welcome. :)
@artem._corp6678 4 жыл бұрын
thank you so much! very useful tutor
@NandoTinez 7 жыл бұрын
Thanks nice tutorial so usefull
@sharpywilliam4513 7 жыл бұрын
After a few vids this one just won you a new Subscriber, I love it, no pluggins, straight up After effects at its prime! You either learn or learn with you, I like that! Keep it up.
@lightning4201 3 жыл бұрын
Great Tut!!
@KABOBkabob 6 жыл бұрын
you're an absolute madman
@ArnoldPranks 7 жыл бұрын
you are a Master Instructor.
@ECAbrams 7 жыл бұрын
well thanks for saying so :)
@pttrro 4 жыл бұрын
this is awesome, my respects
@samuelchung2426 7 жыл бұрын
好正,very good, I love your work, AE達人
@alok1 7 жыл бұрын
nice work man!
@javaid_jr Жыл бұрын
Thank you so much!
@swhitt4367 7 жыл бұрын
Hope to see more stuff like this!
@ECAbrams 7 жыл бұрын
And I hope to put out more stuff like this :)
@user-vk8ih3sh6v 5 жыл бұрын
hi friends ,thanks for tutorial, it really handly
@zafirrashid2875 3 жыл бұрын
its 2021 but this video is still relevant - u just got yourself a sub buddy greatjob :)
@gin1211 7 жыл бұрын
thank you for sharing
@MartinSteyn-tw5cw 7 жыл бұрын
YOUR THE MAN !
@cesarcalzada6060 7 жыл бұрын
amazing thanks to share
@didaczamora1746 7 жыл бұрын
Great stuff Evan, thank you. I did it a bit differently though, I used sequence layers for the time offset and this expression for the position offset x = 100*(index); [960,x]
@ECAbrams 7 жыл бұрын
That's a good way to automate some of the process for sure
@koltast 5 жыл бұрын
Great idea, thanks! I’ve made a nice addition, too. Now I can control (and animate) how twisted the helix is: Create an Expression-Slider on an extra layer. Then, on the first copy of the Smallest Unit, put this expression in the time remap: offset = thisComp.layer("Offset-Controller").effect("Offset")("Slider"); //pickwhip your slider… thisComp.layer("DNA_einzel _breit MAIN").timeRemap.valueAtTime(time-(index/offset));
@zimmmerit6308 3 жыл бұрын
ty buddy ! nice tut + nice voice and nice video
@ECAbrams 3 жыл бұрын
Glad it helped
@NERV0USMONKEYS 7 жыл бұрын
What a genius!
@panosliv1726 4 жыл бұрын
Thank you very much!! :D
@Madosheet 7 жыл бұрын
Amazing. I can't wrap my head around making the 2D shapes look 3D. Making the stick first almost seems like working backwards which my brain can't comprehend! Would love to see more stuff that gives the illusion of depth! Keep up the awesome work!.
@ECAbrams 7 жыл бұрын
I'm sure we'll tackle more things like this in the future. People seem to be into it. I am curious, what would be working forwards in this case?
@Madosheet 7 жыл бұрын
I think just more examples like this DNA one would be great. There was a peice in your Adobe Live show that I really wanted to see; if memory serves correct, I think it was a 'circle' that turned into a '3D' tin can? What I'm interested in is the thought process behind it all - is it just a case of practice and logical thinking? Or is there a good way to break it down? Thanks!
@user-ix4ig5cp5c 4 жыл бұрын
Brilliant...
@spejampar 7 жыл бұрын
I'm sure many people have told you this but you sound a LOT like Seth Rogen. Sounds like you're Canadian, too, just like him. Nice tutorials and the humor doesn't hurt!
@amkamirin 7 жыл бұрын
thank you my good sir
@cesarcalzada6060 7 жыл бұрын
you are the best
@raychen3802 7 жыл бұрын
amazing~~~~
@g0gool_ 4 жыл бұрын
i made the whole tutorial with same steps as you and it really worked. love that shit
@alirez_art 3 жыл бұрын
well done
@dmitriyvaleryevich1223 7 жыл бұрын
Сool tutorial! It is best to create flen DNA what I saw!
@nseriously2704 5 жыл бұрын
Hi, Evan! When I group "smallest unit" and open it in the new composition, the loop markers start directly from the beginning of the layer (not from the 2sec), there is no space before. As the result, there is a pause before starting the motion and when I add cycle expression, it still has that pause before motion. How can I fix it?
@Liz_Luke 6 жыл бұрын
SWEET! How would you go about making a looping GIF in which the DNA animates on, spins spins spins, and then animates off? Is there a way of using the infinite loop out expression like you do in this project, but still tacking an "animate out" on the end so that the ending matches the beginning? THANKS!
@ARPr0duct10ns 7 жыл бұрын
At 8:40 I said, 'This guy's a genius'
@mexrelax 4 жыл бұрын
I had the exact same thing xD 3 years later
@eltunai 7 жыл бұрын
ThX
@nathanbgerman 7 жыл бұрын
At 15:30, what is the alt-page down doing? I don't have the page down button on my keyboard.
@zabotheother423 7 жыл бұрын
Could you explain what's going on at 14:15 with that loop script and the 1? Thanks mang!
@kerririvers2416 5 жыл бұрын
hey! it took me so long to figure out using the elipse shapes to create a "rounded edge" then realised could have just used the "rouchded rectangle" shape instead of normal rectangle?????
@mediakarat 7 жыл бұрын
Thanks. Evan
@ECAbrams 7 жыл бұрын
You are very welcome.
@nasalhussain469 7 жыл бұрын
You're fun!
@RR-jh3nh 7 жыл бұрын
EC, what's that font you use at the end? I've seen it in many of your videos and I could swear you said which one it was at one point...
@AeBlues 7 жыл бұрын
14:15 - thanks for that! and for the all the rest...
@gabrielortega7650 4 жыл бұрын
Hello ECAbrams! many thanks for this, I didn't have any problem and the result is great! My only question is at 6:13 aprox. In the expression for the "circle" follow the rectangle, you do the "temp /2, 0" thing. I don't understand how that math makes the cylinder follow exactly the end of the rectangle. Could you explain that with more detail so maybe I could use it in other situations? In any case, many many thanks. I learn a lot with your tutorials!
@alializadeh8195 2 жыл бұрын
Thanx for all ...
@juliocsfarias 2 жыл бұрын
Wow!!!!
@nby578 7 жыл бұрын
One, that's not DNA. It's a single helix, DNA is a double. I didn't see anyone mention it below, so it was my moral duty to do so. Two, more importantly, another amazing video. I've learned a lot through these since summer, when I was hired to do a mini-doc / promo video. When I took it on I knew I needed to know much more AE real quick before they found out I didn't really know what I was doing. And hey! You really helped bring it all together. Thanks, brotha, stay warm up north.
@marylatocha74 7 жыл бұрын
Yes that is double helix, there are two spirals...the red strand and the blue....connected with the yellow bar. Helix meaning spiral. Double meaning two....
@martinavasileva8841 7 жыл бұрын
I'm sorry for the dumb question, but when you do the time remap, how do you write inside the parentesis? Which command should I use? :D
@mynameisshivaprasad 7 жыл бұрын
Can you please make a playlist in a order that helps us in learning AE step by step, I think by learning in a step by step model we can think as you think about the motion graphics even better, Thank you in advance. And it's a cool tutorial.
@ECAbrams 7 жыл бұрын
A beginners guide is in the works for sure. I'm not totally sure what format it will take at this time though.
@mynameisshivaprasad 7 жыл бұрын
Okay, Thank you
@liamwiebe6931 7 жыл бұрын
hmm, mindblown, I do say
@pmcpartlan 7 жыл бұрын
This was a lovely tutorial and idea - thanks. Also, did you realise you could use the keyframe assist-> sequence layers to stagger all those bits. Just split it a few frames in, sequence then drag them out. I do this so often and it makes life so much easier. Apologies if you were already aware...!
@ECAbrams 7 жыл бұрын
I am aware, yes. We don't talk about it in here because there is a whole other tutorial on the channel about exactly that feature. It was not an essential step to explain this project.
@pmcpartlan 7 жыл бұрын
Aha, seemed like it would be a bit of an oversight what with all your skills. Chances are I picked it up from your tutorial.
@thomsonkumar 4 жыл бұрын
Doubt: Hi when i add ellipse shape inside the rectangle the ellipse shape automatically squeeze and expand as the rectangle change.. without applying any expression... any solution?
@juanjm12 6 жыл бұрын
My ball transitons are kinda snappy (lol) as in switching the molecules/choosing what goes in the front and what goes in the back, when i make the switch the white rectangle appears very abruptly but his animation is super smooth and seamless... anyone else having snappy ball problems?
@EnriqShockwave 7 жыл бұрын
Evan this tutorial is great, thank you! Im wondering if you could offer some advice as to the best way to start learning expressions?
@ECAbrams 7 жыл бұрын
like any language I suggest starting with small and useful phrases. For learning most languages that's "where is the bathroom" and "2 beers please" not necessarily in that order. For after effects, you might try starting off with simple maths and the relationships between properties until that's very comfortable.
@EnriqShockwave 7 жыл бұрын
Thanks for the advice, you're the man. Keep up the awesome work
@bishalscreation9793 7 жыл бұрын
looks cool i wish icud do this
@ECAbrams 7 жыл бұрын
I'm sure with enough practice anything is possible.
@bishalscreation9793 7 жыл бұрын
thats right sir! thanks for sharing 😊😊
@gunkat 4 жыл бұрын
how do you rename your layers with only a double click?
@chaturvedikunal 7 жыл бұрын
What did you do when you set that expression for making that cylinder ? Please explain what that expression is doing. It starts at 5:45
@hobit7585 7 жыл бұрын
he is linking the position of the circle to the size of the rectangle, in more details he is linking the position of the circle to the position of the vertical sides of the rectangle.Because the size aka the lenght of the rectangle dectates the position of its sides.Does this make sense to you ?
@ECAbrams 7 жыл бұрын
In the most general sense that expression is describing a relationship and changing a property to follow a set of rules. In this case, the rule changes the position of the circle to always be at one-half the length of the rectangle's horizontal size on the horizontal axis, and zero on the vertical axis. That means it offsets from the origin by the exact amount that the rectangle's side is from the middle. Actually, I think Hob iT has a more succinct explanation. But expressions can be confusing. It's literally learning another language.
@hvaranhvaran 7 жыл бұрын
Great tutorial! Some fancy stuff in here! I was curious, why you not refreshing your "portfolio" section on the web-site? Too many NDA jobs? Procrastinating? Not finding that necessary?
@ECAbrams 7 жыл бұрын
All of the above really.
@hvaranhvaran 7 жыл бұрын
Yeah, I guess you already build up a solid name in industry to not worry about that = ) Just wanted to see more of full projects created by you that you enjoyed making!
@ECAbrams 7 жыл бұрын
Maybe so. I have fairly stable clients at this time who come around regularly so I haven't been actively looking for more work. Maybe times will change, and then I'll get around to more self-promotion :)
@fredoviola 7 жыл бұрын
Maestro Abrams, thanks for another excellent tutorial. Is there a comprehensive tutorial or book to learn about expressions?
@ECAbrams 7 жыл бұрын
The most comprehensive resource I actually use is the adobe reference dictionary, available at adobe.com where we can learn what each expression does in fairly decent detail. As a reference document, it's great, but it doesn't really help people learn unless you already know what you're looking for. I've struggled with how to structure a tutorial or series of tutorials to adequately teach a foundation for expressions for a long time. It's something that I think is lacking out there. That might be coming in 2017 from me.
@fredoviola 7 жыл бұрын
Great! I really look forward to that! Thanks for the reference link as well.
@MrJfergs 7 жыл бұрын
anyone have an issue with the ellipse not sharing the color of the cylinder in after effects it says the fill is the same color but on the monitor they are transparent? I do the same thing that you do at 4:44 but the ellipse shows up without any fill?
@skylermarshall3858 7 жыл бұрын
I have the same issue here. I'm a little confused as to why it does that.
@K1Vm4n 7 жыл бұрын
"[...] we gonna take a look at the most basic building block of life - *the shape layer* [...]" - b e a u t i f u l !
@benjaminhurtigkarldegel265 5 жыл бұрын
I dont know why, but i only manage to make this loop if i had 8 ball layers in total. Really nice video i learned alot how to fake the 3D
@ECAbrams 5 жыл бұрын
Could be a matter of the timing rather than the number of layers right?
@benjaminhurtigkarldegel265 5 жыл бұрын
@@ECAbrams Hmmm might be, but when i look a your keyframes and mine they look identical.
@graceshippen8388 Жыл бұрын
At 15:30 what is the alt and page down supposed to be doing? Mine does nothing:( I know I can change my key commands, but I don't know what to make this key command do.
@felistigris3227 6 жыл бұрын
love it, can I use it for a commercial project?
@ECAbrams 6 жыл бұрын
The project file is intended for educational purposes. I hope people go on to use the knowledge they get here to make works of commercial and artistic worth though.
@Wedgebl84 7 жыл бұрын
Looks Great! Have you considered making the "stallest unit"-animation all in one Shape layer so you could use the "Reapter" function instead of duplicating the Comps so many times? Or would have there been a Problem at one current Point in the making?
@ECAbrams 7 жыл бұрын
It's certainly an option but for this example, it might not have been the best route. The repeater can offset things in space, but not in time. So, I would have had to use some other method to make the parts turn at offset times from each other. So one method might be to use the repeater to get the spatial change but then use something like a time displace effect to do the time change. BUT that can get strange when you collapse transformations.
@Wedgebl84 7 жыл бұрын
Your right, it is not possible to Offset in time, that's what I didnt think of correctly. But hey, this should become an option for the shape repeater in future. It would also be a lot more efficent in terms of render power usage as well.
@ECAbrams 7 жыл бұрын
That would be an interesting addition. Something to email to the adobe dev team I think :) If they hear that enough people want a thing, they make it into a thing.
@Qwertworks 7 жыл бұрын
ECAbrams yes! that would be awesome. there are so many times Ive already been in need for this
@crismorales4390 7 жыл бұрын
Amazing tutorial! There's one thing I don't get. Why is that setting the continuous rasterize makes the shapes outside the boundaries of the composition to show up?
@ECAbrams 7 жыл бұрын
That switch actually has two functions. One is continuous rasterization. The other is collapse transformations.
@Bespeakmel 7 жыл бұрын
And say you want to put something like this (the final comp) into another comp and use a camera on it. How do you get the shapes not to pixelate as you zoom? the switch is then collapsing transforms, which makes the camera not function on it. :-\
@ECAbrams 7 жыл бұрын
collapse transformations is indeed the button you want, but you have to do another step. Which is making all the layers inside that comp 3d.
Cool Items Official
Рет қаралды 36 МЛН
Mohdhassan_11
Рет қаралды 16 МЛН
In Gulnaz's kitchen
Рет қаралды 2,1 МЛН