How to make hexagon grid in After Effects - 150

  Рет қаралды 28,849

Octopus Effects

Octopus Effects

4 жыл бұрын

In this tutorial: The way to create a grid of evenly spaced hexagons. The color of each hexagon is the color of the gradient at the center of the hexagon. Each hexagon acts as a pixel. In the tutorial that use expressions. You don't need third-party plugins or scripts.
Expressions in top comments
Hope it is helpful to you.
Thanks for watching.

Пікірлер: 58
@OctopusEffects
@OctopusEffects 4 жыл бұрын
s=thisComp.layer(index); rongComp=thisComp.width; rongHinh=s.sourceRectAtTime(time-s.inPoint,true).width; caoHinh=s.sourceRectAtTime(time-s.inPoint,true).height; x=rongHinh*(index-1); socot=Math.floor(rongComp/rongHinh)+1; y=Math.floor((index-1)/socot)*(caoHinh-caoHinh/4); if(Math.floor((index-1)/socot)>0) { if(Math.floor((index-1)/socot)%2==1) x=x-socot*Math.floor((index-1)/socot)*rongHinh+rongHinh/2; else x=x-socot*Math.floor((index-1)/socot)*rongHinh; } [x,y]
@HowToAnimateTutorial
@HowToAnimateTutorial 4 жыл бұрын
I don't understand about this code. HIHI. But the hexagon looping is so beuatiful. Thank so much
@voovisualsyoutube
@voovisualsyoutube 3 жыл бұрын
For me After effects gives me an error message and says (translated from french) s.sourceRectAtTime is not defined, expression deactivated. How can i fix this?
@29031998100
@29031998100 11 ай бұрын
I have a problem when I duplicated hexagon. They are duplicate at a greater distance Can you help me to solve this problem?
@mikaelgonzalez2739
@mikaelgonzalez2739 10 ай бұрын
I figured it out: it's probably your scale that isn't set to 100%, probably because you played with the slider layer as I did. Then, be careful when a line is filled, only the first shape on second row will appear right, it is this one you need to duplicate so the code works. Hope it helps@@29031998100
@hosnat5278
@hosnat5278 5 ай бұрын
hello, thank you for this great tutorial. I have a problem. when I add stroke to my shapes, there is a gap between them, can you help me please?
@OctopusEffects
@OctopusEffects 4 жыл бұрын
thisComp.layer("Gradient").sampleImage(transform.position, [.5,.5]/2, true, time)
@lucascz5523
@lucascz5523 Ай бұрын
Genial, gracias!
@leftclot
@leftclot 2 жыл бұрын
Its amazing how you are giving these expressions for free! Thank you so much, this blew my mind!
@OctopusEffects
@OctopusEffects 2 жыл бұрын
Thanks 😍
@DeputyBean
@DeputyBean 6 ай бұрын
Great video! Thanks for helping me learn!
@aim__freakz8499
@aim__freakz8499 4 жыл бұрын
This is amazing! Thank you
@OctopusEffects
@OctopusEffects 4 жыл бұрын
🥰
@passion_proh-jects
@passion_proh-jects 8 ай бұрын
It's beautiful AND we learnt something fabulous! Crap! I'm not angry, just disappointed... Thank you. Now where we? Vodka goes in this end, bullets go in that end...
@petercarley9260
@petercarley9260 3 жыл бұрын
wow, impressive, thank you!
@OctopusEffects
@OctopusEffects 3 жыл бұрын
🥰
@andresroldan6194
@andresroldan6194 Жыл бұрын
BEAST! Thank you 😀
@OctopusEffects
@OctopusEffects Жыл бұрын
😘
@draftstation8963
@draftstation8963 3 жыл бұрын
Thank you so much, ur script made things so easy!!
@OctopusEffects
@OctopusEffects 3 жыл бұрын
Thank you😘
@BladeSlayerr
@BladeSlayerr 3 жыл бұрын
thanks for the awesome tutorial and the music :)
@OctopusEffects
@OctopusEffects 3 жыл бұрын
🥰
@gaston.
@gaston. 2 жыл бұрын
excellent tutorial.. thanks for sharing!
@OctopusEffects
@OctopusEffects 2 жыл бұрын
🥰
@ok-yz6wx
@ok-yz6wx 3 жыл бұрын
THANK YOU SO MUCH
@OctopusEffects
@OctopusEffects 3 жыл бұрын
🥰
@sviktoriia
@sviktoriia Жыл бұрын
Thank you!
@OctopusEffects
@OctopusEffects Жыл бұрын
🥰
@ondrejstindl7123
@ondrejstindl7123 2 жыл бұрын
Thank you very much.. I am actually learning to write expressions, so i will try to modify this to scale hexagons by another gradient map.. :)
@OctopusEffects
@OctopusEffects 2 жыл бұрын
🥰
@daeizd
@daeizd 3 жыл бұрын
OH MY GOD THANK U
@OctopusEffects
@OctopusEffects 3 жыл бұрын
🥰
@fellipequadros
@fellipequadros 4 ай бұрын
Coool! What's the music ?
@mr.nikolson
@mr.nikolson 3 жыл бұрын
VERY NICE
@OctopusEffects
@OctopusEffects 3 жыл бұрын
Thanks
@prxno112
@prxno112 3 жыл бұрын
Thanks for this tutorial, its been a great help. How did you make that rectangular box reveal the colors your hexagons were covering in :013? I really want to replicate that as well.
@OctopusEffects
@OctopusEffects 3 жыл бұрын
The image in the rectangle is the Gradient composition, the outline of the rectangle is a mask. How to do it: When you are done as the tutorial, you place a Gradient composition on top and then create a rectangular mask over the gradient, for the mask to move, you will have the results you want.
@chantebrand1581
@chantebrand1581 3 жыл бұрын
thanks :)
@OctopusEffects
@OctopusEffects 3 жыл бұрын
🥰
@K3Dvrk
@K3Dvrk Жыл бұрын
Thank you so much! I've tested a lot of things with the gradients in the hexagons making really looking graphics, but It came to mind to rotate the hexagon 90º to make the top of the hexagons plane and when they repeat they dont fit u__u any way to solve it? Clearly the answer is in the code but I tried to change some things and as i don't know expresions yet I couldnt do anything lol
@jaimeechristensen1503
@jaimeechristensen1503 3 жыл бұрын
This is awesome! However I was following along nicely, pasted the code into the position transform and cannot replicate how I see you doing it. I'm not sure what I'm doing wrong? I may have to lay out my hexagons by hand.
@Sonic7979
@Sonic7979 8 ай бұрын
Hello cool. How to make shapes increase and decrease when an object moves under them?
@manas_verma3101
@manas_verma3101 3 жыл бұрын
Can we make a new solid after we have completed this effect and adding a CC Sphere to that layer I think it will be converted to an energy field
@OctopusEffects
@OctopusEffects 3 жыл бұрын
The same technique, but with each person's creativity, we will have different results. Try it and show me the results 🤗
@liteleak4049
@liteleak4049 4 жыл бұрын
nice
@OctopusEffects
@OctopusEffects 4 жыл бұрын
Thank you
@liteleak4049
@liteleak4049 4 жыл бұрын
@@OctopusEffects No, man. Thank YOU! What about blender? Go more : )
@OctopusEffects
@OctopusEffects 4 жыл бұрын
@@liteleak4049 It will be available next Saturday
@patrickarenas2951
@patrickarenas2951 Жыл бұрын
Hi @Octopus effect, this is great! though its giving me a wrong spacing for each shape, like there's so much space each shape. Can you help me with this.. Thanks!
@OctopusEffects
@OctopusEffects Жыл бұрын
Adjust the space between shapes at 6:52
@petersherfey3852
@petersherfey3852 Жыл бұрын
I was having this same problem and it took me a while to solve. The problem is the sourceRectAtTime function looks at the size of the hexagon if scaled to 100. In order to adjust the size of the hexagons go to shape layer -> contents -> Polystar 1 -> Outer Radius . If you set your scale to 100 and then change the outer radius to the desired size then the expression code should work.
@wintertondesign7603
@wintertondesign7603 9 ай бұрын
Hi, Would you be able to give provide me with a expression for when I'm duplicating the shape as squires instead of hexagons please. Thank you
@SimonLab
@SimonLab 9 ай бұрын
no need to change the expression, go to your shape layer Contens - polystar Path 1- change points to 4 - change rotation to 45 then duplicating will arange properly. Also , instead of linking the Scale property to the Null object's slider control, you can link the Outter Radius of the polystar path 1 and change the size of your polygon from there and the expression would work for resizing as well. cheers
@wintertondesign7603
@wintertondesign7603 9 ай бұрын
Thank you but im not that good I may need a tutorial 🤭
Procedural Hexagon Transitions in After Effects | NoPlugins
14:13
Noble Kreative
Рет қаралды 65 М.
Looping Dynamic Background animation After Effects Tutorial
15:19
Homemade Professional Spy Trick To Unlock A Phone 🔍
00:55
Crafty Champions
Рет қаралды 56 МЛН
Получилось у Вики?😂 #хабибка
00:14
ХАБИБ
Рет қаралды 5 МЛН
She ruined my dominos! 😭 Cool train tool helps me #gadget
00:40
Go Gizmo!
Рет қаралды 57 МЛН
CC HexTile | Effects of After Effects
3:25
Jake In Motion
Рет қаралды 10 М.
CRAZY Pattern Techniques in After Effects
10:54
Motion by Nick
Рет қаралды 107 М.
Ultimate Guide to Drone Graphics VFX (After Effects)
25:15
C.M. de la VEGA
Рет қаралды 108 М.
After Effects Plugin Overview : Reka Grid Quick Tutorial
8:41
Tutorials View+
Рет қаралды 25 М.
Scrolling hacker text for FUI in After Effects
11:26
After Effects Tutorials w/ Mikey
Рет қаралды 113 М.
Make ANYTHING Retro in After Effects
12:30
Ben Marriott
Рет қаралды 795 М.
Start Compositing in After Effects - Full Tutorial!
26:15
ProductionCrate
Рет қаралды 578 М.
Gradient Controller - After Effects Tutorial
15:10
MOBOX Graphics
Рет қаралды 250 М.
Top 30 Best Effects in After Effects
27:38
Black Mixture
Рет қаралды 764 М.
小天使过生日,她为什么不开心呢?#short #angel #clown
0:53
Super Beauty team
Рет қаралды 5 МЛН
СКИДКА ПЕНСИОНЕРАМ #shorts
0:18
Ekaterina Kawaicat
Рет қаралды 6 МЛН
Ready for the Skincare 🧼🫧🧴 #behindthescenes ? #vfx #3d #cgi
0:19
Отец подарил новый телефон дочке 🥺
0:36
Фильмы I Сериалы
Рет қаралды 4,8 МЛН
They left the children in the car and went swimming themselves🌊😔
0:50
Thank you 3M❤️#thankyou #shorts
0:14
ウエスP -Mr Uekusa- Wes-P
Рет қаралды 7 МЛН