Scrolling hacker text for FUI in After Effects

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

[@tambre96]

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]

[@HaloGirlMV]

THANKS AY

[@robtrent6215]

thank you for this!!!

[@kikkobleiz1400]

THANK YOU, BROTHER

[@gungunnerfgek]

thnx

[@xpez9694]

You are the man!!

[@tomirisorozoeva2587]

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!)

[@Saur]

This is amazing, thank you so much for the tutorials Mikey!

[@kpomeroy218]

quickest tutorial ever, thank u so much!

[@user-tl7if7lt8q]

thank you so much!! it was so helpful🤘🏻

[@AndreyWolverine]

great tutorial!Thanks!

[@teabagNBG]

thank you very cool tutorial helped me alot to finish my project..

[@JayOhannesen]

Thank you so much, man. This really helped a lot (y)

[@vincentwang8938]

Awesome stuff dude

[@slavak592]

thanks, dude, was really helpful

[@oscand9512]

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)

[@jefftabb7973]

is there a way to work with multiple sized characters within a source text? It's modifying and changing all text to one size :(

[@joesmithsound7697]

Thanks Dude

[@SreekanthRayul]

Ahh..Beautiful...

[@BernardoWorks]

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

[@FreyNekki]

tnx dude

[@Outlander-51]

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 ☺️

[@bkamau909]

Dude this is awesome. Lots of ways to use this for projects I'm working on!

[@jesus171]

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]

[@badskulljack]

Thank You!

[@zhiraf6986]

Спасибо большое .

[@movingpictureTV]

This is great. Tell me, is there a way of using real words in the text used?

[@bingostarwall]

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]

[@IamTimolino]

Unfortunately not working for CC2015, 13.2 ... I would be so grateful to get the expression for the latest CC2015.

[@pulptubenetwork8862]

Nice

[@djumeau]

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

[@LongLiveMikey]

+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. kzbin.info/www/bejne/a36lepZnYqh_rZI

[@brettbaileytv]

Great tutorial, now I wanna watch 'wargames'

[@mickelodian]

lft to these reviews

[@BigDuck]

Tutorial starts at 2:40

[@PratikParija]

As they say, not all heroes wear capes. Lol

[@Other299]

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.

[@alocincrepa]

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.

[@colby4390]

How would you add a blinking cursor

[@Oreonis]

pline=this.sourceRectAtTime(time).height; Value-[0,pline]; I'm getting an error from this. says this.sourceRECtATTime isn't proper

[@bblade1800]

How did u make the screen shape like that???

[@backstep9461]

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

[@anthonytonev1357]

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);

[@anthonytonev1357]

but still you have to insert for each new line (Unless you use the .json) so your way is better for that.

[@jakubromanski9922]

@@anthonytonev1357 how exactly open the .json file in an expression?

[@anthonytonev1357]

@@jakubromanski9922 mydata= footage("textfile.json").sourceData; //top of expression and then use mydata variable to read each key value like mydata.codeline_01.value;

[@jakubromanski9922]

@@anthonytonev1357 Thanks, but now I'm getting the following error: "cannot read property 'substr' of undefined ae expression" in the last line

[@anthonytonev1357]

@@jakubromanski9922 oh sorry. omit the value at the end. Just mydata.keyname;

[@Franksjonathan35]

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.

[@Franksjonathan35]

Never mind you feather the width in the Grid properties. You need to say that, haha.

[@pmcortedirecto]

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?

[@thomasmclucas2545]

Did you ever work this out?

[@AbelZermeno]

When I copy the text and paste it. It paste's as regular text instead of that hacking text style. Helpp??

[@ActioJjunky]

why can i only paste the first line of text and nothing else?

[@PJDuffield]

any way to make the scrolling workin ae cs6?

[@Cristina-tq3tx]

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]

[@artiXIXI]

what do you mean changed by hand? how does it work?

[@Jayme]

I've heard of pallet.... they are pretty expensive but i wont invest until they have motorized faders.

[@LongLiveMikey]

+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.

[@NawazAlamgir]

Can you add the expression to the description please

[@LongLiveMikey]

+Nawaz Alamgir done

[@tamityvillehorror]

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

[@LongLiveMikey]

+tamityvillehorror What is the exact expression you are using?

[@tamityvillehorror]

+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­;

[@ryanjorgill]

Hay Tried the code, but Im getting expression an expression error Im on cc17

[@abdoulmadjidseibou3654]

having the same issue. how did you finally resolve it?

[@jumpsplat120]

Instead of the scaler, couldn't you precomp and scale from there?

[@LongLiveMikey]

+jumpsplat120 Yes, its not to hard to add the scaler, and its much cleaner.

[@kloakovalimonada]

Or scale with a null, but using scaler is much easier after adding the expression.

[@hanfbrot]

Isn’t it more easy to screen capture the website?

[@SamHuang69]

l guess this only works in CC 2015; sourceRectAtTime is undefined in 2014.

[@LongLiveMikey]

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

[@moudhafferMG]

I've got an error while applying the expression even though I did everything the exact way you did

[@LongLiveMikey]

What version of After Effects?

[@moudhafferMG]

Thanks for replying I'm currently using after effects CC version 12

[@jamielmp4]

it says an error with me i wrote the whole expression. im using cs6

[@LongLiveMikey]

Sorry, you need CC

[@jamielmp4]

Oh ok no worries. Thank you anyways. Keep up with the good tutorials.

[@artiXIXI]

it ain't working on cc 2015, bruh. Edit: I forgot about scaling it down to 0% at the beginning. WELP, my bad.

[@DirtyboxersNet]

Any chance us CS6 guys could get a version? Cheers

[@LongLiveMikey]

This only works on CC, not sure of a way to do it automatically on CS6

[@oscand9512]

+After Effects Tutorials w/ Mikey With expression

[@DirtyboxersNet]

***** Fair enough - thought I'd just ask for us poor people who haven't upgraded yet :P

[@oscand9512]

+Dirty Boxers take a look at this zacklovatt.com/chunky-text-scrolling/

[@DirtyboxersNet]

os cand Wicked suggestion! Thanks :D

[@nguyenling4478]

I copied the code, but it said: The project contains an expression error? Why?

[@DigitalAssets-gw9zl]

Remove the "this." word on 1st line of expression

[@simpledanger5719]

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.

[@LongLiveMikey]

Try updating to the latest cc 14 patch, It might have been in the middle of CC 14 when they released this functionality.

[@johnbuhr7732]

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.

[@LongLiveMikey]

Maybe, I'm not sure. Try again.

[@johnbuhr7732]

***** Okay, I sent it again, thanks for responding so soon by the way.

[@palchristianaar8170]

the site wont let me copy the text :S

[@jackburtonwii]

right click --- select all - copy or control c :D

[@nicholasrolfsen1750]

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

[@LongLiveMikey]

+nicholas “NoHumansAllowedHere” rolfsen maybe there was some sort of error in the copying and pasting, try typing it in by hand from the tut.

[@nicholasrolfsen1750]

okay thanks

[@rossinator98]

could just screen record yourself typing on hacker text website... lazy people unite!

[@PJDuffield]

+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.

[@ffaabb79]

thinking exactly the same thing

[@SilvTheFox]

If someone have a error like (this.sourceRectAtTime not a function) Try this expression: value + [0, -(this.sourceRectAtTime().height)] good luck fluffy boy >:3

[@baisfx1115]

pLine=this.sourceRectAtTime(time).height; scaler=transform.scale[1]/100; value-[0,pLine*scaler] RETURNS AN ERROR