Scrolling hacker text for FUI in After Effects
Vložit
- čas přidán 20. 08. 2015
- 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.mezeheadphones.com
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/envato
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/envato
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!!
This is amazing, thank you so much for the tutorials Mikey!
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!)
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
thank you so much!! it was so helpful🤘🏻
quickest tutorial ever, thank u so much!
Thank you so much, man. This really helped a lot (y)
great tutorial!Thanks!
thank you very cool tutorial helped me alot to finish my project..
Unfortunately not working for CC2015, 13.2 ... I would be so grateful to get the expression for the latest CC2015.
Awesome stuff dude
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 :(
thanks, dude, was really helpful
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.
pline=this.sourceRectAtTime(time).height;
Value-[0,pline];
I'm getting an error from this. says this.sourceRECtATTime isn't proper
This is great. Tell me, is there a way of using real words in the text used?
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.
Ahh..Beautiful...
Thanks Dude
How would you add a blinking cursor
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 ☺️
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]
tnx dude
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. czcams.com/video/5MBIc1-CLw0/video.html
Dude this is awesome. Lots of ways to use this for projects I'm working on!
How did u make the screen shape like that???
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
When I copy the text and paste it. It paste's as regular text instead of that hacking text style. Helpp??
why can i only paste the first line of text and nothing else?
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.
lft to these reviews
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?
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!
Nice
Great tutorial, now I wanna watch 'wargames'
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?
Спасибо большое .
Hay Tried the code, but Im getting expression an expression error Im on cc17
having the same issue. how did you finally resolve it?
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
Isn’t it more easy to screen capture the website?
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.
Tutorial starts at 2:40
As they say, not all heroes wear capes. Lol
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
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;
I copied the code, but it said: The project contains an expression error? Why?
Remove the "this." word on 1st line of expression
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.
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.
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 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
the site wont let me copy the text :S
right click --- select all - copy or control c :D
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.
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
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
pLine=this.sourceRectAtTime(time).height;
scaler=transform.scale[1]/100;
value-[0,pLine*scaler]
RETURNS AN ERROR
If someone have a error like (this.sourceRectAtTime not a function)
Try this expression:
value + [0, -(this.sourceRectAtTime().height)]
good luck fluffy boy >:3