How to Stretch, Warp, Glitch, Distort Text (2) | Kinetic Typography | Slit-Scan | AfterEffects
ฝัง
- เผยแพร่เมื่อ 15 มี.ค. 2019
- Hi, this is Tools Lab.
After Effects CC Tutorial - In this video we will utilize After Effects to make text stretch, warp, glitch, distort by using Time Displacement.
Hope you to utilize what you learned and make awesome images.
Please keep an eye on more videos to come.
Reference: www.behance.net/slobzheninov, DIA STUDIO
This is a great tutorial. Your channel is seriously one of the best I’ve found.
Been looking for this tutorial everywhere, thanks for giving us some tools to apply in our projects!
th-cam.com/video/dLx3UG59CLk/w-d-xo.html
This is so amazing!!! Thank you so much for all that you do for your viewers. Your tutorials have been so helpful ❤️
A-M-A-Z-I-N-G
Will learn and apply this effect on my masters thesis AR poster designs. Thank you a lot!
This video is the reason why I learnt about displacement maps, thank you SO much, Bless!
finally found this. i dont know what its called been looking all over the internet for this. Thank you so much!
I love the style you'v done on your channel! thanks for sharing this tutorial!
Thanks! Favorite channel by far.
YOU ARE JUST AMAZING! I learned a lot from you! Keep up the good work.
Yes! More of these! Anazing!
I love this kind of stuff! Thank you for the tutorial :D
LOVE THESE VIDEO! i always look forward to your videos! please keep going!
I love your channel so much! So happy when get notification about new video
love your tutorials!
Incredible tutorial. immediately subscribed and hope to see more
WOW, this is so lit! Thank you so much!
I love this! Please upload more tutorials of this style!
Oh my god! We stan! 💖
Really good tutorial, more like this please!
Great tutorial! Thanks for sharing it
This is awesome! Thank you so much 🖤 Pls make more videos.
Its so great! Thank you
you save my job, thanks ♥
just discovered your channel! i love it so much! :)
Thank you so much, ive been going crazy trying to figure this effect out!
So cool! I'm starting it now!
really love your video!!
hey thanks for the tutorial!
It was very helpful and wise! 😍
Awesome stuff man.
Thanks for sharing !! ir's a great one !!
Big thank you man!
This looks dope
Thanks for this!
this is soo cool thanks for sharing
daamn this is super cool
thank you!
thanks so much !
You're cool! Go ahead! Thank you!
super cool! keep it up!
You're the best😢❤
Very cool!!!
Thanks!
please continue make more tutorial!!!!!!!! love it!!!!!!!
so cool!!!!
Thanks a lot!!!
감사합니다!
thank you
Wow thankss!!
Nice! reminds me of the menu screen for Watchdogs 2 lol
more tutorials please!!
Never clicked on the subscribe button so fast. Love your voice btw.
너무 감사합니다!!!! :)
great
Thanks
i love you thanks
Спасибочки !!!
thank youuuuuu
Please do more!
Really nice effect but missed some things tbh. firstly, black values do affect the time displacement. The values get shifted in the opposite direction to white values, similarly to displacement maps. 50% gray doesn’t affect the timing. Also is there a need to render the thing out and then apply the effects? i’m not sure and i’ll check it for myself but i imagine that the effect would look less pixelated if the time displacement was made on a direct precomp of the text.
Hi Thanks for sharing! LOVE your videos! Quick question for you, when I duplicate the text warp layer in comp 1 to make a pattern of the words but the time displacement disappears or the duplicated layers' effect look weird. Any chance you know how to solve this? Thanks!
고마워 형
nice video
for anyone wandering how to eliminate the "pixelated" effect, just up the Time Resolution (might take more time to process render)
more videos please!
Hi and thanks this is awesome! I am owndering if you know how to get the glitch more pixelated and detailed like your tutorial? When I do it, the glitches stay pretty large and it doesn't look as smooth...!!
How did you achieve those circular gradients at the end of the vid ? They look great!
PS Thanks for this amazing tutorial :)
Thanks! Those circular gradients are made by photoshop. I drew shape tool with black color and applied 'gaussian blur'.
DANK
Goddamn you just earned a subscriber haha
i need more tutorial about kinetic typography
How did you manage to loop the animation cleanly?
More! More! More!
Computer voices have gotten pretty cute over time
How would you so a slit scan effect for an image ?
more more kinetic typography please
any way to make the stretch less pixelated and more smooth and fluid?
Thanks for the great tutorial! Quick question. Why do you need to pre-render the text? Is it just because of render time?
I wondered the same thing !
Really loving your Tutorials and your Aesthetic. More of these!
Have another question and hoe you can help me: Do you know how i can extract a distorted Text as an Vector File? Saw some people using normal text with the cc circular (that the text is rounded) and used this for other things? I do not know how to extract or export a frame as vector... would be really dope if you could help.
Fabitalism I don’t know about how to extract as Vector File, but if you want to make some motion graphic with alpha channel(which is transparent like .png file) I could help you.
I’ll make some tutorial about that as soon as possible :)
@@graphictoolslab6768 Is there a way I can save this animated text and use it as a separate layer in a animated facebook cover? Like, put this text over other layers of images
Is it basically the same process if you want to do this vertically? And is there any way to do it in the same project?
very good, then make a tutorial like this
Nice tutorial, but one question left: Why do you prerender the text animation instead of just precomping it?
true!
Mostly because his computer cant handle it
Perfect tutorial! How can you soft the borders? thankss
would this not work if you pre-composed the text and not rendered it out as video?
Any tips for saving something like this as a gif? 60 FPS isn't doable as it just completely slows it down! Thank you for the great tut!
render as avi with alpha canal, then import the video in photoshop and hit save for web and save it as gif
A tutorial on our to replicate our studio's work for A-Trak and Nike. Using our studio's lecture title as the type content too which is "time is form, form is time".
As I mentioned in description, this animation is influenced by DIA studio and Alex Slobzheninov. I’m just learning those beautiful techniques!
Don’t take this the wrong way, but I didn’t mean to use your lecture title. The type I used “form of time” has no meaning. Thank you for reading my words.
Does this effect have a specific name?
How come you exported as a video and then import it? Rather than not exporting, and just creating the displacement comp alongside the text warp comp?
비디오로 내 보낸 다음 가져 오는 방법은 무엇입니까? 내 보내지 않고 텍스트 왜곡 보정과 함께 변위 보정을 만드는 대신?
how do i change color like at the end
How do I do the loop??
can you do this with vectors as well?
Aftereffects is based on bitmap! So I think it is hard to do with vectors.
Hey does anyone know how to do this in AI to make printable visuals ? I'm gonna use that effect for a whole identity !
How do you go about looping it endlessly so cleanly like at the very end? Thank you!
I only put them on the same time!
@@graphictoolslab6768 I'm sorry but I don't understand this. If you can, please explain. Thank you!!
@@inigoropner7511 I'm not sure if this is how the tools lab did it, but I added an additional "Form" layer after the "Time" layer but this time with the anchor point at the right side just like the other two layers. This way you have the "Form" layer scaling up at the end of the timeline and scaling down at the beginning of the timeline. Does that make sense?
@@sabikloop tnx man haha
How did you loop the animation?
Up.
Why aren't you using 32bit displacement
I'm trying to get the same loop effect with the transitions (something like @6:19) but I'm struggling big time lol anybody have any tips that could help a newby out?
any luck with this?
I'm also wondering lol
can you do this with images?
If you animate still image to move, OK
i cant export the file
This somehow didn't work for me can you help me out, please?
hi, how do you export the text with alpha BG? i try it and it didn't work :/
3:09 - 3:37
1. Activated 'Transparency Grid' ?
2. Make Channels output to 'RGB + Alpha'
I hope this will help!
@@graphictoolslab6768 yess, thankss