Scrolling hacker text for FUI in After Effects
HTML-код
- Опубликовано: 13 окт 2024
- learn how to Create this scrolling hacker text for any FUI (fictional user interface) or for any project really, some cool tricks in this one. Also, check out these products i'm reviewing, and let me know if you have any questions you want me to go over.
palettegear.com
www.mezeheadpho...
And here is the hacker text site I used.
hackertyper.net
Here is the expression.
pLine=this.sourceRectAtTime(time).height;
scaler=transform.scale[1]/100;
value-[0,pLine*scaler]
⭐️ UNLIMITED STOCK DOWNLOADS
Access to over 600,000 ready-to-use After Effects Templates, Stock Footage, Fonts, Templates and more! cinemaspice.net...
to help support this channel.
Don't forget to share this video. You never know who among your friends is a closet After Effects user. Thanks.
Twitter
/ longlivemikey
Facebook:
/ thecinemaspice
If you need stock footage, photos and even After Effects templates. Go check out Envato Elements. cinemaspice.net...
to help support this channel.
Don't forget to share this video. You never know who among your friends is a closet After Effects user. Thanks.
Twitter
/ longlivemikey
Facebook:
/ thecinemaspice
Hi everyone! I'm trying with CC 2019 and this expression doesn't work. it gives me the same error. BUT I found that this variant works. It's not perfect but works: (there is no more the first "this")
pLine=sourceRectAtTime(time).height;
scaler=transform.scale[1]/100;
value-[0,pLine*scaler]
THANKS AY
thank you for this!!!
THANK YOU, BROTHER
thnx
You are the man!!
Very Clever as usual.
I just want to share a tip if you want to add a blinking leading character.
Add an expression to the source text:
A=effect("displayText")(1);
//Leading character
LC="|";//or "\u+hexcode"
//Blinking
C=A.speed;
if(C==0){
if(Math.sin(time*3.14*5)
is there a way to work with multiple sized characters within a source text? It's modifying and changing all text to one size :(
I´ve had a lot of trouble with the expression not working. A little digging made me find this one that didn´t give me any problem at all:
pLine=layerHeight = sourceRectAtTime(time).height;
scaler=transform.scale[1]/100;
value-[0,pLine*scaler]
Thank You!
sorry for the weird question i cant copy any text and either de paragraph style on hackertype since every time i select the text it doesnt stick
Amazing channel! thank you Mikey! I never used AE, but for my school project I need to create some effects and your tutorials are helping a lot!)
YAY I love you MIKEY. I got mine working great. It took me a few tries to get it. I am new at After Effects, but have some experience with code. I recommend watching the whole video a few times if you are having a hard time with the coding. Here is what I came up with:
Text, Animate >, scale
move pin to start of desired text run
V Text, V Animator 1, > Range Selector 1, > Advanced, Scale 0%
Range Select, start 0%, stopwatch
move pin to end of desired text run
Range Select, start 100%
move pin to middle of desired text run
Hit P on keyboard
Alt+click Position
type into expression:
pLine=this.sourceRectAtTime(time).height;
value-[0,pLine]
thank you very cool tutorial helped me alot to finish my project..
quickest tutorial ever, thank u so much!
Ok, so you asked about my questions on palette gear. The concept is very cool. I saw a video about how it works. My questions are:
How does each component assigned? (I assume there is software.)
How are they interconnected with your computer? (Bluetooth, USB)
I find it difficult to conceptualize which component is assigned with a particular task. Do you think that adding a LED screen to assign some text would help? For example, not just giving a label, but to indicate what the percentages are. Suppose using a slider would have an LED screen indicating 50% when it is half way.
How are specific controls (e.g. slider) work best with what particular task in each of the Adobe CC applications?
These are on the top of my head.
Thanks,
David
+David Jumeau I just released a review video of it, hopefully you can get most of your answers, but I'll tell you a few now. It connects by USB, Each component is assigned by an app, and there are multiple options for adobe specific functions and keyboard and midi options as well. As far as conceptualizing, you get used to the layout and it becomes second hand to know what button does what. Here is a link to the video. ruclips.net/video/5MBIc1-CLw0/видео.html
This is amazing, thank you so much for the tutorials Mikey!
You can also insert the text inside source text (or text from .json file that is supported in 2018 ) and use this expression on sourceText:
type = "Text here" ; // or .json file
minFrameRate =1;
maxFrameRate = 2;
charCount = 0;
t = 1; // time when it starts in seconds
seedRandom(index,true);
while (t < time){
charCount++;
t += framesToTime(random(minFrameRate,maxFrameRate));
}
type.substr(0,charCount);
but still you have to insert
for each new line (Unless you use the .json) so your way is better for that.
@@anthonytonev1357 how exactly open the .json file in an expression?
@@jakubromanski9922 mydata= footage("textfile.json").sourceData;
//top of expression and then use mydata variable to read each key value like mydata.codeline_01.value;
@@anthonytonev1357 Thanks, but now I'm getting the following error:
"cannot read property 'substr' of undefined ae expression" in the last line
@@jakubromanski9922 oh sorry. omit the value at the end. Just mydata.keyname;
pline=this.sourceRectAtTime(time).height;
Value-[0,pline];
I'm getting an error from this. says this.sourceRECtATTime isn't proper
thanks, dude, was really helpful
This is great. Tell me, is there a way of using real words in the text used?
Unfortunately not working for CC2015, 13.2 ... I would be so grateful to get the expression for the latest CC2015.
Excellent Tutorial - could you take it one step further and teach us how to add scroll audio as the text unravels such as in the Aliens movies? Many Thx ☺️
Tutorial starts at 2:40
As they say, not all heroes wear capes. Lol
thank you so much!! it was so helpful🤘🏻
Awesome stuff dude
Thank you so much, man. This really helped a lot (y)
great tutorial!Thanks!
I have After Effects CC 2015. I'm trying to figure out how to liguify parts of my video and have the places I liquify track the image throughout the video. I found one tutorial on VidioPilot but it is 4 years old and the controls don't match up with the latest version of AF. A newer updated tutorial would be very helpful, or maybe you could suggest another tutorial. Any help will be very appreciated. thank you.
Thanks Dude
hi is there a way to link 2 layers of text? i would like to link the lower part of the first layer and the upper part of the second layer, and give the illusion that the text is continous. I tried to link them with the null object but it looses the line by line animation.
Hey is there a way to start the text at top of screen and start the effect (expression) once the text reaches the bottom of screen?
Did you ever work this out?
Great tutorial, now I wanna watch 'wargames'
Ahh..Beautiful...
Dude this is awesome. Lots of ways to use this for projects I'm working on!
Hey Mikey! I can't get the vertical lines out of my grid. I'm sure it's something easy, but can't figure it out. Thanks.
Never mind you feather the width in the Grid properties. You need to say that, haha.
When I copy the text and paste it. It paste's as regular text instead of that hacking text style. Helpp??
How did u make the screen shape like that???
I've heard of pallet.... they are pretty expensive but i wont invest until they have motorized faders.
+Jayme McColgan Motorized faders and trackballs are on their list of next modules. I don't know on the release but I know they are working on them.
any way to make the scrolling workin ae cs6?
Hi there!! You can use this expression!
xVal = value[0];
yVal = value[1];
lineHeight = 13.5; // This must be changed by hand!
yOffset = 0; // This must be changed by hand!
newY = Math.ceil(yVal/lineHeight)*lineHeight;
[xVal, newY+yOffset]
what do you mean changed by hand? how does it work?
I'm trying to use this on CC 2015 and when I put the expression in I get this error: This project contains an expression error at line one in property 'position' of layer 1.
Any ideas how to fix this? Appreciate any help. -Thanks
+tamityvillehorror What is the exact expression you are using?
+After Effects Tutorials w/ Mikey pLine=this.sourceRectAtTime(time).height;
value-[0,pLine]
The error happens after I put the first line in pLine=this.sourceRectAtTime(time).height;
Can you add the expression to the description please
+Nawaz Alamgir done
tnx dude
Instead of the scaler, couldn't you precomp and scale from there?
+jumpsplat120 Yes, its not to hard to add the scaler, and its much cleaner.
Or scale with a null, but using scaler is much easier after adding the expression.
Hay Tried the code, but Im getting expression an expression error Im on cc17
having the same issue. how did you finally resolve it?
Any chance us CS6 guys could get a version? Cheers
This only works on CC, not sure of a way to do it automatically on CS6
+After Effects Tutorials w/ Mikey
With expression
*****
Fair enough - thought I'd just ask for us poor people who haven't upgraded yet :P
+Dirty Boxers take a look at this
zacklovatt.com/chunky-text-scrolling/
os cand
Wicked suggestion! Thanks :D
How would you add a blinking cursor
Maybe someone knows that effect which is often used in intros where a video is on a film reel which is scrolling up
Sry for bad english
Спасибо большое .
Nice
Isn’t it more easy to screen capture the website?
I've got an error while applying the expression even though I did everything the exact way you did
What version of After Effects?
Thanks for replying
I'm currently using after effects CC version 12
lft to these reviews
why can i only paste the first line of text and nothing else?
I copied the code, but it said: The project contains an expression error? Why?
Remove the "this." word on 1st line of expression
Hi there Mikey. I sent you a message a while back and was wondering if you got it, if you did, please let me know, it's a question about After Effects, thanks.
Maybe, I'm not sure. Try again.
***** Okay, I sent it again, thanks for responding so soon by the way.
l guess this only works in CC 2015; sourceRectAtTime is undefined in 2014.
Did you write the whole expression? I was using 2014. But I think you need to update to the latest patch of 2014. You need it to say sourceRectAtTime(time).height
Hey, I'm on CC 14, seeing the same error as some others. Any idea why the expression wouldn't be working? I'm on v 13.1.1.3
Error at line 1 in property 'Position' of layer 1 (my text) in comp 'my composition'.
Function this.sourceRectAtTime is undefined.
Try updating to the latest cc 14 patch, It might have been in the middle of CC 14 when they released this functionality.
The expressoin did't work. i have CC after effects 2015
and the wrong masseg was( gyazo.com/f910653716eb01850a3681eda043b9d9 )
And i copy pasted inn the expression from under the Vidio
+nicholas “NoHumansAllowedHere” rolfsen maybe there was some sort of error in the copying and pasting, try typing it in by hand from the tut.
okay thanks
the site wont let me copy the text :S
right click --- select all - copy or control c :D
could just screen record yourself typing on hacker text website... lazy people unite!
+Ross Sullivan well yeah but if you do it inside after effects you can change stuff like colour of text, fonts add more or less effects its more malleable in after effects as a text box instead of a screen record.
thinking exactly the same thing
If someone have a error like (this.sourceRectAtTime not a function)
Try this expression:
value + [0, -(this.sourceRectAtTime().height)]
good luck fluffy boy >:3
pLine=this.sourceRectAtTime(time).height;
scaler=transform.scale[1]/100;
value-[0,pLine*scaler]
RETURNS AN ERROR
it says an error with me i wrote the whole expression. im using cs6
Sorry, you need CC
Oh ok no worries. Thank you anyways. Keep up with the good tutorials.
it ain't working on cc 2015, bruh.
Edit: I forgot about scaling it down to 0% at the beginning. WELP, my bad.