Make DNA strand from shape layers - Adobe After Effects tutorial

Тәжірибелік нұсқаулар және стиль

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
/ ecabrams
Google+
plus.google.com/+EvanAbrams/
Facebook
/ 193708234045591
Website
Evanabrams.com
Suggest a tutorial topic: docs.google.com/forms/d/13A2e...

Пікірлер: 199

  • @GunxblastFr
    @GunxblastFr7 жыл бұрын

    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.

  • @hartyom
    @hartyom7 жыл бұрын

    I really love your fake 3D stuff.

  • @BraulioPallares
    @BraulioPallares7 жыл бұрын

    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

    @ECAbrams

    7 жыл бұрын

    It's a quality expression, I talk about it in more detail on another (much older) tutorial as well.

  • @robbieiansonprice1073
    @robbieiansonprice10737 жыл бұрын

    This is amazing and your voice makes this even better! Thank you!

  • @AtaurRaziq
    @AtaurRaziq7 жыл бұрын

    Amazing. I've been using AE for like over 7 years and I've just learnt a bunch from this video.

  • @vandelayindustries2971
    @vandelayindustries29717 жыл бұрын

    This looks freaking awesome! You are so talented and I learn so much from you every video. Thank you!

  • @ECAbrams

    @ECAbrams

    7 жыл бұрын

    I'm happy to hear that. Stay subscribed for more real soon!

  • @vandelayindustries2971

    @vandelayindustries2971

    7 жыл бұрын

    ECAbrams I can't wait!

  • @donross7820
    @donross7820 Жыл бұрын

    You are a wizard! I learned a ton from your amazingly clever tutorial. Thank you SO much.

  • @mrgoesta
    @mrgoesta7 жыл бұрын

    Amazingly cool and informative video. Design wise your stuff looks great on top of that! Thanks for putting it up here.

  • @MJake
    @MJake7 жыл бұрын

    Love your tutorials! Keep amazing work coming ;)

  • @ECAbrams

    @ECAbrams

    7 жыл бұрын

    Thanks. I'll try my best.

  • @Shaun_X
    @Shaun_X6 жыл бұрын

    Your tutorials are freaking AMAZING! Thanks man

  • @jennyw7546
    @jennyw75464 жыл бұрын

    So many things I never knew could be accomplished with AE.. Thank you!

  • @DamonBowe
    @DamonBowe7 жыл бұрын

    I've needed this so many times in my science life, thanks!

  • @discoghost6168
    @discoghost6168 Жыл бұрын

    I don't know what I loved more: the clarity of the tutorial or the wheeeee! SFX 😝

  • @PrettyAmazingJ
    @PrettyAmazingJ3 жыл бұрын

    The sound FX help thanks!! Love your work

  • @samsonality
    @samsonality4 жыл бұрын

    Thanks so much for this. So simple yet brilliant!

  • @hardcorefinesse5613
    @hardcorefinesse56137 жыл бұрын

    Fantastic work. Love all of these!

  • @knottt
    @knottt7 жыл бұрын

    Thank you so much for your tutorial,it's really useful for getting Started!

  • @yaronpur
    @yaronpur7 жыл бұрын

    Mind blowing! Thanks!

  • @kagi95
    @kagi957 жыл бұрын

    Dude, this looks so fucking amazing. You're really great at explaining it and too humble as well!

  • @julialincoln-stefan1066
    @julialincoln-stefan10665 жыл бұрын

    Awesome. This is EXACTLY what I was just looking for.

  • @gevelegian
    @gevelegian7 жыл бұрын

    Very well explained and the sound effects are just the icing on the cake! Subscribed, wish I found you earlier.

  • @olmytofficial6855
    @olmytofficial68556 жыл бұрын

    So cool, dude. Thanks for sharing your knowledge!!!

  • @chrisatronx
    @chrisatronx Жыл бұрын

    This is just what I was looking for! thank you!

  • @katarzynadrozd3473
    @katarzynadrozd34737 жыл бұрын

    This tutorial is a masterpiece.

  • @HighOnDots
    @HighOnDots7 жыл бұрын

    Evan, you are an incredible teacher. Thank you so much for sharing.

  • @ECAbrams

    @ECAbrams

    7 жыл бұрын

    I'm glad you think so. Stay tuned for more coming soon!

  • @niektenhagen560
    @niektenhagen5605 жыл бұрын

    so inspirational, love it!

  • @JohnBlunda
    @JohnBlunda5 жыл бұрын

    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!

  • @nimrodgeyra3429
    @nimrodgeyra34297 жыл бұрын

    cool man i love your stuff keep on the good work

  • @dinapuspasari3162
    @dinapuspasari31627 жыл бұрын

    so helpful ilove the way you explain it,

  • @alexrobertson8048
    @alexrobertson80487 жыл бұрын

    Fantastic tutorial 🤘🏻

  • @CASPER101
    @CASPER1017 жыл бұрын

    So good👌🏼 Thanks!!!

  • @wkhooo463
    @wkhooo4637 жыл бұрын

    its awesome! thank you so much bro!

  • @carolaquebaila
    @carolaquebaila5 жыл бұрын

    Many thanks for your tutorial genius!!!

  • @wshesmoh
    @wshesmoh7 жыл бұрын

    amazing work thank you

  • @sharpywilliam4513
    @sharpywilliam45137 жыл бұрын

    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.

  • @henrifung766
    @henrifung7667 жыл бұрын

    Your videos are awesome, I really do learn a lot after it. I just hope that you post more frequently😅😅

  • @ECAbrams

    @ECAbrams

    7 жыл бұрын

    I hope so too.

  • @KABOBkabob
    @KABOBkabob6 жыл бұрын

    you're an absolute madman

  • @javaid_jr
    @javaid_jr Жыл бұрын

    Thank you so much!

  • @pttrro
    @pttrro4 жыл бұрын

    this is awesome, my respects

  • @Rokinso
    @Rokinso7 жыл бұрын

    Thank you for this awesome tutorial! : D

  • @ECAbrams

    @ECAbrams

    7 жыл бұрын

    You are very welcome. :)

  • @artem._corp6678
    @artem._corp66784 жыл бұрын

    thank you so much! very useful tutor

  • @DanDJish
    @DanDJish7 жыл бұрын

    dude. ur so good. instead of going to parties and reciting Wikipedia facts, I'm just going to force people to watch your KZread videos on their TVs. keep up the good work sir

  • @ECAbrams

    @ECAbrams

    7 жыл бұрын

    That could be a fun party :)

  • @lightning4201
    @lightning42013 жыл бұрын

    Great Tut!!

  • @zafirrashid2875
    @zafirrashid28753 жыл бұрын

    its 2021 but this video is still relevant - u just got yourself a sub buddy greatjob :)

  • @samuelchung2426
    @samuelchung24267 жыл бұрын

    好正,very good, I love your work, AE達人

  • @MartinSteyn-tw5cw
    @MartinSteyn-tw5cw7 жыл бұрын

    YOUR THE MAN !

  • @NandoTinez
    @NandoTinez7 жыл бұрын

    Thanks nice tutorial so usefull

  • @swhitt4367
    @swhitt43677 жыл бұрын

    Hope to see more stuff like this!

  • @ECAbrams

    @ECAbrams

    7 жыл бұрын

    And I hope to put out more stuff like this :)

  • @ArnoldPranks
    @ArnoldPranks7 жыл бұрын

    you are a Master Instructor.

  • @ECAbrams

    @ECAbrams

    7 жыл бұрын

    well thanks for saying so :)

  • @alok1
    @alok17 жыл бұрын

    nice work man!

  • @gin1211
    @gin12117 жыл бұрын

    thank you for sharing

  • @zimmmerit6308
    @zimmmerit63083 жыл бұрын

    ty buddy ! nice tut + nice voice and nice video

  • @ECAbrams

    @ECAbrams

    3 жыл бұрын

    Glad it helped

  • @user-vk8ih3sh6v
    @user-vk8ih3sh6v5 жыл бұрын

    hi friends ,thanks for tutorial, it really handly

  • @cesarcalzada6060
    @cesarcalzada60607 жыл бұрын

    amazing thanks to share

  • @panosliv1726
    @panosliv17264 жыл бұрын

    Thank you very much!! :D

  • @user-ix4ig5cp5c
    @user-ix4ig5cp5c4 жыл бұрын

    Brilliant...

  • @NERV0USMONKEYS
    @NERV0USMONKEYS7 жыл бұрын

    What a genius!

  • @didaczamora1746
    @didaczamora17467 жыл бұрын

    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

    @ECAbrams

    7 жыл бұрын

    That's a good way to automate some of the process for sure

  • @koltast

    @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));

  • @g0gool_
    @g0gool_4 жыл бұрын

    i made the whole tutorial with same steps as you and it really worked. love that shit

  • @alirez_art
    @alirez_art3 жыл бұрын

    well done

  • @cesarcalzada6060
    @cesarcalzada60607 жыл бұрын

    you are the best

  • @amkamirin
    @amkamirin7 жыл бұрын

    thank you my good sir

  • @Madosheet
    @Madosheet7 жыл бұрын

    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

    @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

    @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!

  • @spejampar
    @spejampar7 жыл бұрын

    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!

  • @raychen3802
    @raychen38027 жыл бұрын

    amazing~~~~

  • @dmitriyvaleryevich1223
    @dmitriyvaleryevich12237 жыл бұрын

    Сool tutorial! It is best to create flen DNA what I saw!

  • @mediakarat
    @mediakarat7 жыл бұрын

    Thanks. Evan

  • @ECAbrams

    @ECAbrams

    7 жыл бұрын

    You are very welcome.

  • @eltunai
    @eltunai7 жыл бұрын

    ThX

  • @nasalhussain469
    @nasalhussain4697 жыл бұрын

    You're fun!

  • @Liz_Luke
    @Liz_Luke6 жыл бұрын

    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!

  • @AeBlues
    @AeBlues7 жыл бұрын

    14:15 - thanks for that! and for the all the rest...

  • @bishalscreation9793
    @bishalscreation97937 жыл бұрын

    looks cool i wish icud do this

  • @ECAbrams

    @ECAbrams

    7 жыл бұрын

    I'm sure with enough practice anything is possible.

  • @bishalscreation9793

    @bishalscreation9793

    7 жыл бұрын

    thats right sir! thanks for sharing 😊😊

  • @nseriously2704
    @nseriously27045 жыл бұрын

    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?

  • @gabrielortega7650
    @gabrielortega76504 жыл бұрын

    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!

  • @juliocsfarias
    @juliocsfarias2 жыл бұрын

    Wow!!!!

  • @ARPr0duct10ns
    @ARPr0duct10ns7 жыл бұрын

    At 8:40 I said, 'This guy's a genius'

  • @mexrelax

    @mexrelax

    4 жыл бұрын

    I had the exact same thing xD 3 years later

  • @alializadeh8195
    @alializadeh81952 жыл бұрын

    Thanx for all ...

  • @nby578
    @nby5787 жыл бұрын

    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

    @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....

  • @zabotheother423
    @zabotheother4237 жыл бұрын

    Could you explain what's going on at 14:15 with that loop script and the 1? Thanks mang!

  • @RR-jh3nh
    @RR-jh3nh7 жыл бұрын

    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...

  • @martinavasileva8841
    @martinavasileva88417 жыл бұрын

    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

  • @kerririvers2416
    @kerririvers24165 жыл бұрын

    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?????

  • @nathanbgerman
    @nathanbgerman6 жыл бұрын

    At 15:30, what is the alt-page down doing? I don't have the page down button on my keyboard.

  • @EnriqShockwave
    @EnriqShockwave7 жыл бұрын

    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

    @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

    @EnriqShockwave

    7 жыл бұрын

    Thanks for the advice, you're the man. Keep up the awesome work

  • @benjaminhurtigkarldegel265
    @benjaminhurtigkarldegel2655 жыл бұрын

    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

    @ECAbrams

    5 жыл бұрын

    Could be a matter of the timing rather than the number of layers right?

  • @benjaminhurtigkarldegel265

    @benjaminhurtigkarldegel265

    5 жыл бұрын

    ​@@ECAbrams Hmmm might be, but when i look a your keyframes and mine they look identical.

  • @mynameisshivaprasad
    @mynameisshivaprasad7 жыл бұрын

    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

    @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

    @mynameisshivaprasad

    7 жыл бұрын

    Okay, Thank you

  • @pmcpartlan
    @pmcpartlan7 жыл бұрын

    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

    @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

    @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.

  • @hvaranhvaran
    @hvaranhvaran7 жыл бұрын

    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

    @ECAbrams

    7 жыл бұрын

    All of the above really.

  • @hvaranhvaran

    @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

    @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
    @fredoviola7 жыл бұрын

    Maestro Abrams, thanks for another excellent tutorial. Is there a comprehensive tutorial or book to learn about expressions?

  • @ECAbrams

    @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

    @fredoviola

    7 жыл бұрын

    Great! I really look forward to that! Thanks for the reference link as well.

  • @liamwiebe6931
    @liamwiebe69317 жыл бұрын

    hmm, mindblown, I do say

  • @felistigris3227
    @felistigris32276 жыл бұрын

    love it, can I use it for a commercial project?

  • @ECAbrams

    @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.

  • @graceshippen8388
    @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.

  • @thomsonkumar
    @thomsonkumar4 жыл бұрын

    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?

  • @chaturvedikunal
    @chaturvedikunal7 жыл бұрын

    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

    @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

    @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.

  • @gunkat
    @gunkat4 жыл бұрын

    how do you rename your layers with only a double click?

  • @Wedgebl84
    @Wedgebl847 жыл бұрын

    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

    @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

    @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

    @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

    @Qwertworks

    7 жыл бұрын

    ECAbrams yes! that would be awesome. there are so many times Ive already been in need for this

  • @juanjm12
    @juanjm126 жыл бұрын

    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?

  • @adamtolley907
    @adamtolley9072 жыл бұрын

    once the first group was duplicated and you skipped forward, I got lost. Any help?

  • @K1Vm4n
    @K1Vm4n7 жыл бұрын

    "[...] 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 !

  • @genomproject3080
    @genomproject30802 жыл бұрын

    14:11 Thank you for the Tutorial, Only 1 thing I am curious is at @14:11, that what makes it to 'cycle only last keyframe and second last' by adding '1' next to cycle on the loopOut script ( LoopOut "Cycle,1")? I need more brief about it... why not 2 , 3 nor 0 but adding '1' makes it only count the last and 2nd last keyframes?

  • @ECAbrams

    @ECAbrams

    2 жыл бұрын

    Sure. Let's get in deeper with what loopOut() is asking for in the arguments. Between the parentheses it expects to get some more information. By default, while it's not written, it assumes the whole thing looks like this: loopOut(type="cycle", numKeyframes=0) Now, we simplify often to just write loopOut("cycle") but the whole thing is assumed as default. So imagine that there is actually a zero in there too. The numKeyframes is telling After Effects how many keyframes you would like to loop. A value of zero will loop every keyframe you've placed on the property. A value greater than zero is going to loop only some of the keyframes. For more details check out this page: ae-expressions.docsforadobe.dev/property.html?highlight=loopout#loopout-type-cycle-numkeyframes-0

  • @genomproject3080

    @genomproject3080

    2 жыл бұрын

    @@ECAbrams Thank you so much ECAbrams! you are the best !!!

  • @genomproject3080

    @genomproject3080

    2 жыл бұрын

    @@ECAbrams Now I will go into every video of yours and press likes

Келесі