An introduction to programming in After Effects

  Рет қаралды 63,986

Clear Code

Clear Code

Күн бұрын

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

Пікірлер: 67
@offchristianamr
@offchristianamr Жыл бұрын
thank you for this! love your teaching style and the little exercises you include
@krypton9378
@krypton9378 3 жыл бұрын
His explanations are the easiest out there!! Thank you so much !!
@ValdairLeonardo
@ValdairLeonardo Жыл бұрын
I appreciate a lot your time, your dedication, your knoledge and your willing to share this amazing content to us! Thank you so much!
@raybp7512
@raybp7512 2 күн бұрын
This was incredible definitely need more of this!
@amritaanshnarain7524
@amritaanshnarain7524 3 жыл бұрын
Amazed. Keep it up. Thanks for creating quality content.
@parassharma3567
@parassharma3567 3 жыл бұрын
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!
@aahmed1484
@aahmed1484 Ай бұрын
.. B byYou can display your clips as a single column - just tap on the settings icon above
@cinevisionaryfilm
@cinevisionaryfilm 5 ай бұрын
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.
@methodwritingmedia
@methodwritingmedia Жыл бұрын
Terrific introduction to expressions. Am halfway through. Much appreciated!
@E.G2492
@E.G2492 10 ай бұрын
one of the best channels I discovered ever, thank you for your time, great teacher!💯👌🙏🙏🙏🙏
@programmingwithnick
@programmingwithnick 2 жыл бұрын
Amazing stuff! Thank you very much for sharing!
@digpriyankara
@digpriyankara 7 ай бұрын
I greatly appreciate for dedicating your time and effort to create this video.
@hamidrana085
@hamidrana085 27 күн бұрын
Incredibly well explained man. Keep it up!
@vincentsequeira3723
@vincentsequeira3723 Жыл бұрын
this SIR , is a miracle, thank you very much.
@elindur1801
@elindur1801 3 жыл бұрын
I love your Videos man! Keep up the good work ;)
@ashleyj9938
@ashleyj9938 9 ай бұрын
Thank you for a fantastic tutorial!
@karutt8088
@karutt8088 10 ай бұрын
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);
@yt_LINOOX
@yt_LINOOX 5 ай бұрын
How are you guys writing and explain this complex coding are you humans?
@karutt8088
@karutt8088 5 ай бұрын
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👾
@hamidrana085
@hamidrana085 26 күн бұрын
Really nice codes. I changed the length by assigning "time" to xSpacing and multiplied yCoord by -1. And then I applied the same loop for X Position of the layer, only added "value" and multiplied by -1 again. Here's the Path expression: var positions = []; var amplitude = 250; var numPoints = 250; var xSpacing = time; for (var i = 0; i < numPoints; i++) { var xCoord = i * xSpacing; var yCoord = Math.sin(i / (amplitude / xSpacing)) * amplitude * -1; positions.push([xCoord, yCoord]); } createPath(positions, [], [], false); And here's the X Position expression: var numPoints = 250; var xSpacing = time; for (var i = 0; i < numPoints; i++) { var xCoord = i * xSpacing; } value + xCoord * -1;
@user-fh7tp5pk9i
@user-fh7tp5pk9i Жыл бұрын
This kind of tutorial is really cool!
@YH-ho8rv
@YH-ho8rv 3 жыл бұрын
Looks cool!
@a.deborah8610
@a.deborah8610 7 ай бұрын
This is amazing. Thanks a lot
@amr_antar
@amr_antar 7 ай бұрын
awesome and simple ... continue
@imonroy8956
@imonroy8956 2 жыл бұрын
Thank you sir for this tutorial
@BangladeshView2
@BangladeshView2 10 ай бұрын
wow!!!!! Thank you so much sir.
@mohamedel-ayadi7761
@mohamedel-ayadi7761 Жыл бұрын
Thankful man💪
@tomasbarta7420
@tomasbarta7420 Жыл бұрын
best video I ever saw
@oscarreyestorres474
@oscarreyestorres474 8 ай бұрын
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!!
@rean8899
@rean8899 Жыл бұрын
million thanks sir
@francoishoule3647
@francoishoule3647 5 ай бұрын
Your the best! Thanks
@lewyathan
@lewyathan 2 жыл бұрын
wow what a legend
@agfirs_o2579
@agfirs_o2579 8 ай бұрын
got my eyes to black but, its worth studying the expressions thank you so much.
@Raw-addict33
@Raw-addict33 8 ай бұрын
THANKS!!!
@VFX_24
@VFX_24 2 ай бұрын
thank you very mush
@maryhamm6970
@maryhamm6970 Жыл бұрын
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 9 ай бұрын
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.
@omarguzman1112
@omarguzman1112 Жыл бұрын
At 2:28 it says Command Click on Mac, it's actually Option Click on Mac
@deeperblue77
@deeperblue77 3 ай бұрын
Thanks!
@ClearCode
@ClearCode 3 ай бұрын
thank you so much
@alializadeh8195
@alializadeh8195 2 ай бұрын
Thanks many many much more ,,,, ....
@toxicdotaep2890
@toxicdotaep2890 2 жыл бұрын
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 жыл бұрын
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 Жыл бұрын
Hello mate ! Try using If (controllervalue==1) {100} else (0)
@kdmotiongraphic5869
@kdmotiongraphic5869 Жыл бұрын
PLS CAN U MAKE EXTENTIONS
@rano12321
@rano12321 Жыл бұрын
Make a tut for Fusion and Nuke.
@nitinmankar4705
@nitinmankar4705 8 ай бұрын
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 7 ай бұрын
you should compare from the higher to the lower using > instead of
@reold
@reold 3 жыл бұрын
Now I gotta get the app
@isaacparker3593
@isaacparker3593 3 жыл бұрын
Not that easy, AE is like $300 a year
@madeinhvn
@madeinhvn 2 жыл бұрын
@@isaacparker3593 crack
@NewGaming-ys9om
@NewGaming-ys9om Жыл бұрын
@@madeinhvn Isn't that wrong!!!
@5ashll303
@5ashll303 6 ай бұрын
how DO I access code that I have already done?
@_casg
@_casg 2 жыл бұрын
What kind of code is this called ? JavaScript ?
@ighao6032
@ighao6032 2 жыл бұрын
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.
@retrogameroom9019
@retrogameroom9019 2 жыл бұрын
Hello there
@akrem_dz7135
@akrem_dz7135 4 ай бұрын
what laungauge is that??
@mortor-675
@mortor-675 3 ай бұрын
javascript
@ZinkinZ
@ZinkinZ Жыл бұрын
I started editing, because I had free time and didn't want to learn code. Instant karma
@Korean_Million_Youtuber
@Korean_Million_Youtuber Жыл бұрын
Not every hero wears cape
@mymotherbitch
@mymotherbitch 4 ай бұрын
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
@ChrisJones-yh2os
@ChrisJones-yh2os Жыл бұрын
Thanks!
@ClearCode
@ClearCode Жыл бұрын
Thank you so much! :)
@jirehla-ab1671
@jirehla-ab1671 4 ай бұрын
​@@ClearCodedoes the === also work on after effects scripting?
How I Make Videos for Programmers (on Fireship.io)
9:03
Jeff Delaney
Рет қаралды 433 М.
Cat Corn?! 🙀 #cat #cute #catlover
00:54
Stocat
Рет қаралды 15 МЛН
아이스크림으로 체감되는 요즘 물가
00:16
진영민yeongmin
Рет қаралды 58 МЛН
What it feels like cleaning up after a toddler.
00:40
Daniel LaBelle
Рет қаралды 41 МЛН
DAD LEFT HIS OLD SOCKS ON THE COUCH…😱😂
00:24
JULI_PROETO
Рет қаралды 12 МЛН
10 Amazing Expressions You NEED To Know In After Effects
14:09
Motion By Scott
Рет қаралды 33 М.
The perfect imperfection of Google's Material You
15:47
David Imel
Рет қаралды 414 М.
Understanding framerate independence and deltatime
29:22
Clear Code
Рет қаралды 39 М.
Ultimate Motion Graphics Challenge vs Jake Bartlett
21:31
Ben Marriott
Рет қаралды 178 М.
sourceRectAtTime(); | After Effects Expressions
34:33
Jake In Motion
Рет қаралды 131 М.
Malware development 101: Creating your first ever MALWARE
28:00
Leet Cipher
Рет қаралды 280 М.
Top 20 Actually Useful Effects in After Effects
7:38
Ben Marriott
Рет қаралды 496 М.
6 Levels of Thinking Every Student MUST Master
17:12
Justin Sung
Рет қаралды 1,2 МЛН
Adobe is horrible. So I tried the alternative
25:30
Bog
Рет қаралды 662 М.
How to create coding tutorials [or at least how I make them]
11:57
Cat Corn?! 🙀 #cat #cute #catlover
00:54
Stocat
Рет қаралды 15 МЛН