An introduction to programming in After Effects

Поделиться
HTML-код
  • Опубликовано: 22 май 2024
  • A video on starting to code in After Effects. I assume that you have no prior experience coding so I will go through things slowly and cover every tiny detail.
    Project files:
    github.com/clear-code-project...
    Timestamps:
    0:00:00 Intro
    0:00:00 Intro
    0:00:35 Intro to coding in Ae
    0:14:27 Easy projects
    0:14:27 Linked movement
    0:21:12 Colors and the 'if' statement
    0:34:56 Custom expression controls
    0:49:32 Special Keywords (time & index)
    1:02:21 Functions
    1:07:48 Medium projects
    1:07:48 More complex expressions
    1:24:43 Animations with code
    1:36:17 Influencing keyframes with expressions
    1:46:13 Creating a sliding list
    1:56:04 Working with time
    2:09:15 Advanced projects
    2:09:15 Creating a box around text
    2:18:54 Creating custom functions
    2:28:18 Creating an animated sine curve
    2:53:00 Creating an arrow that always points in the right direction
    3:02:11 Animate by sampling colors

Комментарии • 63

  • @parassharma3567
    @parassharma3567 2 года назад +25

    Great respect for you man! I've been looking for something like this and you are always there for me to learn awesome programming. Thanks for all the tutorials!

  • @offchristianamr
    @offchristianamr Год назад +7

    thank you for this! love your teaching style and the little exercises you include

  • @ValdairLeonardo
    @ValdairLeonardo Год назад +6

    I appreciate a lot your time, your dedication, your knoledge and your willing to share this amazing content to us! Thank you so much!

  • @krypton9378
    @krypton9378 2 года назад +10

    His explanations are the easiest out there!!
    Thank you so much !!

  • @cinevisionaryfilm
    @cinevisionaryfilm 3 месяца назад

    This is an excellent course. Well explained throughout and the exercises really work to reinforce learning. Superb. Love to see a follow up course. Thank you.

  • @methodwriting4069
    @methodwriting4069 Год назад +1

    Terrific introduction to expressions. Am halfway through. Much appreciated!

  • @amritaanshnarain7524
    @amritaanshnarain7524 2 года назад +3

    Amazed. Keep it up. Thanks for creating quality content.

  • @E.G2492
    @E.G2492 8 месяцев назад +1

    one of the best channels I discovered ever, thank you for your time, great teacher!💯👌🙏🙏🙏🙏

  • @digpriyankara
    @digpriyankara 5 месяцев назад

    I greatly appreciate for dedicating your time and effort to create this video.

  • @programmingwithnick
    @programmingwithnick 2 года назад +2

    Amazing stuff! Thank you very much for sharing!

  • @elindur1801
    @elindur1801 2 года назад +3

    I love your Videos man! Keep up the good work ;)

  • @vincentsequeira3723
    @vincentsequeira3723 Год назад +2

    this SIR , is a miracle, thank you very much.

  • @ashleyj9938
    @ashleyj9938 7 месяцев назад +1

    Thank you for a fantastic tutorial!

  • @user-fh7tp5pk9i
    @user-fh7tp5pk9i 11 месяцев назад +1

    This kind of tutorial is really cool!

  • @YH-ho8rv
    @YH-ho8rv 2 года назад +2

    Looks cool!

  • @amr_antar
    @amr_antar 5 месяцев назад

    awesome and simple ... continue

  • @a.deborah8610
    @a.deborah8610 5 месяцев назад

    This is amazing. Thanks a lot

  • @imonroy8956
    @imonroy8956 2 года назад +1

    Thank you sir for this tutorial

  • @karutt8088
    @karutt8088 8 месяцев назад +5

    2:35:09 - To draw a sine wave, it might be a better approach to first create a shape layer using the Pen tool.
    Then, you can write the following expression in the properties under content > shape > path > path.
    var positions = [];
    var amplitude = 200;
    var numPoints = 250;
    var xSpacing = 20;
    for (var i = 0; i < numPoints; i++) {
    var xCoord = i * xSpacing;
    var yCoord = Math.sin(i / (amplitude / xSpacing)) * amplitude;
    positions.push([xCoord, yCoord]);
    }
    createPath(positions, [], [], false);

    • @ahmedmonem9435
      @ahmedmonem9435 3 месяца назад

      How are you guys writing and explain this complex coding are you humans?

    • @karutt8088
      @karutt8088 3 месяца назад +1

      Indeed, the equation for a sine curve appears and is used extensively in physics, mathematics, and many other areas. If you're interested, you can familiarize yourself with this type of coding through visual design coding using tools like p5.js. And yes, I am much more human than you might think👾

  • @BangladeshView2
    @BangladeshView2 8 месяцев назад +1

    wow!!!!! Thank you so much sir.

  • @mohamedel-ayadi7761
    @mohamedel-ayadi7761 Год назад +1

    Thankful man💪

  • @tomasbarta7420
    @tomasbarta7420 Год назад +1

    best video I ever saw

  • @oscarreyestorres474
    @oscarreyestorres474 6 месяцев назад +1

    Great videos!!
    Thank you! so clrear explanation!
    Also, you should magnify the coding area, to follow the code.
    Due the conection becomes blury and difficult to follow!!
    You got a trully follower!!

  • @francoishoule3647
    @francoishoule3647 3 месяца назад

    Your the best! Thanks

  • @rean8899
    @rean8899 Год назад +1

    million thanks sir

  • @Raw-addict33
    @Raw-addict33 6 месяцев назад +1

    THANKS!!!

  • @lewyathan
    @lewyathan 2 года назад +1

    wow what a legend

  • @agfirs_o2579
    @agfirs_o2579 6 месяцев назад +1

    got my eyes to black but, its worth studying the expressions thank you so much.

  • @VFX_24
    @VFX_24 14 дней назад

    thank you very mush

  • @ChrisJones-yh2os
    @ChrisJones-yh2os Год назад +3

    Thanks!

    • @ClearCode
      @ClearCode  Год назад

      Thank you so much! :)

    • @jirehla-ab1671
      @jirehla-ab1671 2 месяца назад

      ​@@ClearCodedoes the === also work on after effects scripting?

  • @alializadeh8195
    @alializadeh8195 7 дней назад +1

    Thanks many many much more ,,,, ....

  • @omarguzman1112
    @omarguzman1112 Год назад +1

    At 2:28 it says Command Click on Mac, it's actually Option Click on Mac

  • @maryhamm6970
    @maryhamm6970 Год назад +3

    For a beginner, learning the coding is difficult, how is the user suppose to know what coding they should use and when to apply it to the right key frame? Their are many codes the user would have to memorize, including understand the functionality behind it.

    • @amcsoftware
      @amcsoftware 7 месяцев назад

      the secrete is that you do not have to memorize anything, try to make the code self explanatory for you, add comments, name variables with meaning and then forget it.

  • @toxicdotaep2890
    @toxicdotaep2890 2 года назад +1

    Hi,
    When doing 48:28 "Custom expression controls" my syntax is correct but AE throws the error "property or method named [object Property] in Class 'Array' is missing or does not exist." It's the code to do with toggling on/off the drop shadow opacity (between values 80 and 0). How do I fixt this? Thanks.

    • @wolfx23
      @wolfx23 2 года назад +1

      came across the same problem you did. What I understand is that the "0" or "1" returned from the checkbox is not the same as a number 0 or 1. Maybe the line has to be converted somehow. My work around was to just literally put a 0 inside the index instead of referencing the variable returning the 0 or 1 from the checkbox.
      It's just weird because if you did something like if (checkbox == 0). It does check it correctly.. So if statements can be another work around. Might be something the old after effects versions were able to do and maybe an update made the syntax different.

    • @yadavpokhrel3770
      @yadavpokhrel3770 Год назад +1

      Hello mate !
      Try using
      If (controllervalue==1) {100}
      else (0)

  • @kdmotiongraphic5869
    @kdmotiongraphic5869 Год назад +2

    PLS CAN U MAKE EXTENTIONS

  • @5ashll303
    @5ashll303 4 месяца назад

    how DO I access code that I have already done?

  • @rano12321
    @rano12321 Год назад +1

    Make a tut for Fusion and Nuke.

  • @nitinmankar4705
    @nitinmankar4705 6 месяцев назад +1

    I tried to changing color depend on shape moving (x,Y) but not working ;(
    I did it only in X position
    >
    var Black = [0,0,0,255]/255;
    var CloudyGray = [109,105,104,255]/255;
    var SmokeyGray = [114,110,109,255]/255;
    var White = [255,255,255,255]/255;
    if(thisComp.layer("Select Color").transform.xPosition

    • @alfredoramirez2643
      @alfredoramirez2643 5 месяцев назад +1

      you should compare from the higher to the lower using > instead of

  • @reold
    @reold 2 года назад +2

    Now I gotta get the app

  • @_casg
    @_casg Год назад +2

    What kind of code is this called ? JavaScript ?

    • @ighao6032
      @ighao6032 Год назад +1

      exactly, after effects uses javascript in its coding, with some custom functions/objects in it.

    • @doityourselfpakistan6535
      @doityourselfpakistan6535 Год назад

      @@ighao6032 so after this video , i can do coding in java script ?

    • @S7VEN
      @S7VEN Год назад

      @@doityourselfpakistan6535 not necessarily. its just a similar structure.

  • @akrem_dz7135
    @akrem_dz7135 2 месяца назад

    what laungauge is that??

  • @retrogameroom9019
    @retrogameroom9019 2 года назад +1

    Hello there

  • @ZinkinZ
    @ZinkinZ Год назад +3

    I started editing, because I had free time and didn't want to learn code.
    Instant karma

  • @mymotherbitch
    @mymotherbitch 2 месяца назад

    Is there a function that returns the total number of ‘and’ you say in this video?
    Thank you, video was great, more AE content please

  • @deeperblue77
    @deeperblue77 Месяц назад

    Thanks!