ALAN BECKER - Making Icons Move
Вставка
- Опубліковано 10 лют 2025
- This tutorial teaches how to reconstruct icons in Adobe Flash, which I did in Animator vs. Animation: • Animator vs. Animation...
If you would like to learn my animation techniques, subscribe to my channel!
I guess mediafire has rejected my FLA file, due to the fact that the mozilla icon is copyrighted? Makes sense I guess. So unfortunately there is no FLA file with this episode.
SUPPORT ME: / alanbecker
TWITTER: / alanthebecker
FACEBOOK: / alanthebecker
WEBSITE: alanbecker.net
MY MAIN CHANNEL: / noogai89
MY MINECRAFT CHANNEL: / alanbeckerminecraft
ANIMATION LIVESTREAM: / alanbecker
A super important key to animating is to be *patient*.
Agree
+Dylan Paez yeah
Agreed 👍
***** Lol so true xD
no one's patient so everyone's fucked up
“I put the center in the center”
I simply love it
"We outline the lines"
**BIG BRAIN**
Stick figures are sticks
I used the stones to destroy the stones
The floor is made out of floor
He sounded *sO excITED* when he said "lets make icons moooooooove"! XD
Dreamweaver Gaming not
EpicCreeper do you not understand the point of his comment?
Dreamweaver Gaming enthusiasm 10/10
He sounds motivated the whole video through.
he sounded fucking depressed
"I think my animation is improving!"
Alan becker: hello
"Oh no."
That’s true for me
Alan: *exists*
Everyone's skill: Ghost Dimension here I come
Lol so ture
@@HKid156 All skills?-
He might not be good at other stuff
But he's the best animator 😌
Not a website. He uses adobe flash
i thought he was going to make the google spin
me2
same
Deshawn Banks same
InvisibleSkillz my man this shit isn’t Sharingan calm the fuck down
Me 2
This is insane. I took a Computer Graphics class last year, and I thought I was going to be able to do the things I see in your videos. Not. At. All. Seriously, how did you learn to do this kind of stuff? Also, I realized being a good animator requires to be good at drawing, which I am not at all, so really Animating is waaaaaaaay more than I thought it was
***** You could hire someone to draw for you
+Chopskie 117 im the same bruh
I mean, you could cut out the bit where you make it a vector if people have already done the work for you...
;-; Well Im a good drawer for my age. and sometimes I animate some little things
+Chopskie 117 He used a some kind of a pad to draw. That's easier.
“And now we have our pieces of! crap...” perfect timing. Oh yeah at 19:44
Lol
He said oh crap
U gave me an ad
I @Giorno Giovanna have witnessed an ad..
oh okay
it would be way easier in 2019 because every icon is simplified and has no 3d effects!
Id except the icons to get more complex with time tbh
W.D Gaster expect*
@@therobot1080 Hi W.D Gaster :V
Reders expect*
Agh I Wish It Was 2019 So That This Would Be Easier
I feel stupid because I've never noticed the fox in Mozilla Firefox's icon. .___.
Simon Blackquill xd
Simon Blackquill same
SansyBoy, whatever you say then...
Simon Blackquill Yeah, same...
SansyBoy says someone with an icon of sans
I would do this but I have no patience and a crappie laptop
Same. I have no patience at all.
UrgentGamer I wouldn't have enough patience for the thing like Firefox but I think I have patience for the chrome thing
Yeah I dont either and my laptop sucks
same! I'll just throw the laptop out the window lol
MilkshakeMoviesHD oh i got it
Any Flash Animator: Omg I’m so epic!
Alan: *_allow me to introduce myself_*
Awesome tutorial. Been working with Flash for 15 years, but learned loads from you, so thanks!
One tip for you though, if you're outlining to turn things into vectors, it's easier to set the line thickness to minimum (0,1). Makes it easier to see things.
Honestly, I liked his remake of the Firefox icon better than the original.
(Before he started messing with the shape)
Encrypt3d Shadow Lol
Yea that tail is some high quality shit
Yep
(Some boi on the internet)*YOUR OPINION IS Uhh Wait is mom there
i love how the google chrome logo hasn't changed over these last 8+ years
Not really. It changed to not include shadows
@@LatvijasRepublikabumba you mean gradient removal?
#PreddyAnimation
If you love it then why did you use :/
@@wrlds.collide ?
@98codex yes, you could actually use the screenshot bitmap and crop it down to the google chrome circle. but i vectorized it to give a simple example of the method, also if you ever zoom in during the animation it will be smoother
Alan Becker
Hello
Hey Alan can you make a tutorial for iPhone on how to animate
@@Exrseven.Reccomended apps are FlipaClip, Stick Nodes, and Stick nodes pro
@@Exrseven. he uses adobe animate for pc, most animating apps for mobile aren't really the same, but you can try to replicate what he does with your capabilities
no one:
literally no one:
UA-cam: Hello there, I recommend you this video from 9 years ago, wanna see it
Me: yeah lol why not
exactly xd
@SafwaN PlaYz this guy is living in the future
same at me XD
@@felaxocraftzockt6214 Иронично братан
Maybe yes
First of all
You need the app
Software actually
Manju Avdhesh Pal r/wooooooosh
you need you to be awake
You fool. How could you forget a decent computer?
Adobe Flashplayer CS3 he is using.And this technique is old.You can do it way more easy and good.
Wow, you just inspired me. Your awesome, I can't belive how eaysy you make it look!
Huh? What did I say?
Tati awesomeness me
Me
me
Tati awesomeness Firepox ?
what? pfft. HA. nooooooo i did not just go back and edit that...
Ah, that's kind of a sentimental journey to my youth for me...
I used to do everything with flash. Making animations, building entire web sites. It was so cool to work with. I never touched it again after adobe acquired it. Which was also due to the fact that I am a music composer and I was working with Flash just because no one else wanted to make stuff with me.
It gave power to people like me, to do a lot of things for and by yourself.
Musically I did something cool with Flash to. Once I wrote a piece for full orchestra and recorded it in several layers (for instance the bass part in one layer, the brass in the second, high strings in the third and the woodwinds in the fourth layer).
All layers had a different length and tempo and I looped them.
The effect was that you hear something else all of the time and it worked really well!
I only had to make really sure that I orchestrated and harmonized the orchestra I such a way that the layers didn't harshly intersect with each other, but once that was all in place it worked out really good!
we miss you, flash.
me watching this 11 years later and still enjoying it lol.
I've never even realised the fox on the firefox icon until he zoomed in to it
are you serious man...
now you know why it's called Firefox XD
just figured that out not too long ago and i have been using Firefox my whole life almost.
xD same! I thought it was this weird flame around that blue planet
Srsly..?
Alen: ill just take out his head
*Horror*
Alen: i'll just separate his tail
*Screams of terror*
The 3 important of animating is
A) Patient
B) Never give up
C) Practice
When I was like 7 I didnt know that was a fox, i thought it was a fire for the WHOLE time, i knew until few years later.
breezetix I realized it in kindergarten technology class as soon as I heard “Fox”
Simi._.
technically it is a fire, just a fire*fox*, but yeah the fox part really wasn't too clear for most people it seems
....including me
I thought it was a blue head with an orang beard XD
Very good video, i like the part when you say "Now that we have all the pieces, oh crap i forgot to put the nose" hahah keep it up man!
lel
+Skyzoide i like your name and picture
+Herokraz's channel thx!!:D
Now imagine this was piano class:
Now that you learned the song, you can perform it! The concert should be tomorrow!
Wait, what's this other page?
Oh god, um, nothing, nothing, (I might of forgot to teach you the last part, um, hehe)... ;-;
WHHAAAAAAAATT!!!
hahaha
2 easy option:
- Go Alan’s house
-UA-cam Search: how to use photoshop
20:38
Maybe I'll just take off his head
-Alan Becker 2011
This was good and bad for me to have watched. It was good because now I know a bit more about flash, and this is also pretty awesome. It was bad because I now have no intent of becoming an animator. At the very least, if I do try flash again, I know where to go when I have no idea what I'm doing. Seriously though, you are animazing.
your tutorials are the best bro.
11 years later: lets reccomend this video!
12*
@@splashy2152 no
22:40 it looks like Firefox has an eye
No, its head
You lid
Nah
Metonis Føx he said it LOOKS like
@@imbored393 yeh
YES LOL
9 years and he’s still amazing
Um actually it’s 11 now 🤓
@@TheLavaVoid it’s 9 years
@@еоВ its been two years since it was 9 years.
OMG!!!! TODAY, I realized that there is a fox hugging earth! This while time I thought it's just the earth on fire!!!!! Wow!!
F
No one:
UA-cam: Let's recommend this 8 years later
*Welcome to the future viewer of this video and comment, good luck for your future*
Imagine if people in 2011 could read comments from up to 2020.
@@ThreeBeeHDb oh LOL
Stop
2011 plus 8 is 2019. I know it isn't November yet, but still closer to 9 years than 8
Imagine this:
Alan: converts the chrome logo to a symbol.
The chrome logo: ... *starts breaking his computer*
Hehehe...
Иронияв том что этому видосу 19 лет, а я русский и комментирую такой ироничный коммент
@@Нэроу wtf
*The Chromen One*
@@faiviz8113 Lol
I'm you biggest fan Alan Becker
I love your videos and learn from them.
I also make animations and try to draw like you.
My stickmen are not as like of yours but they are pretty much like them only.
I make them with mouse.
I have also made many short animations and also AvA.
I have watched every single video of yours and learned from them a lot.
Keep uploading awesome videos.
GOOD WORK !!
You are not his biggest fan.
its so incredible , it takes so much hard work
your amazing at this, i wish i was like you!
It’s really a shame that flash is dead now, people could have made great stuff like this
8:29 or you could just simply remove the icon from your desktop and take another screen shot.
Man that great a screen shot with icons and other without and then you delet the screen shot with icons.
Alan: First, do this, then do this, and then...
Me: Open illustrator, expand it.
damn
i can see how long it takes just to replicate the icons
then you have to make them do all sorts of crazy stunts and stuff
Nice work man
With recent trends, this tutorial gets easier and easier.
Be patient while animating.
no one:
absolutely no one:
youtube recommendations: "HaVe THiS 8 YeAr oLd ViDeO"
I don't thank for likes, I have standarts
instead I ask you to stop commenting on this comment
thank you
@xxcakiesxx are you from 2018, lol?)
I was surprised as well
It's 2020
@@asleenalee3643 The Comment Is 3 Months Old
who cares if the video is old?
Now I understand why it takes so long to animate. Great work Alan!
This worked perfectly for me, but took 2 HOURS for making it. Btw, thank you so much Alan!
2011: no
2012: no
2013: no
2014: no
2015: no
2016: no
2017: no
2018: no
2019: LET'S PUT THAT IN RECOMMENDATIONS
*2019
Sigh
*2019
2019 bro))
oh yea you totally created your account before 2018
It’s exactly me
You inspired me to animate. Better get a tablet / stylus pen ready for Christmas!
If ya gonna get a tablet / stylus pen How about the edits!? I MEAN LITTERLY HOW CAN U DO IT WHILE ITS MADE IN A COMPUTER!!! (Sorry if this offend u or bully u
@@alexandrajamievalencia1250He said he was *inspired* to animate, but he never stated that he would do *this.* He also never said he would use key shortcuts. 🤓🤓🤓
Did I really just watch an 11 year old tutorial for a program that doesn't exist anymore?
No I did not. Sorry to disappoint you
I didn't either,there's no gta truck doing a parkour course or someone playing with slime in the bottom :(
For a Video that was posted 11 years ago as of 2022 this video is insanely good for the time
2011: nope.
2012: lets give it to another person!
2013: no, not this one. The other person that isn't this one.
2014: Hmm.. Not you, this one!
2015: *blink* nope you are not ready for the epic. GET THE OTHER PERSON!
2016: no.
2017: That person then maybe you.
2018: sorry bud, no
2019: *checks list* ALMOST THERE!
2020: AYEEEEE! YOUR TURN!
Whut
@@egg1173 what
That is Awesome!
What I thought the Google chrome would be:
The colors split from the middle
The colors spin
Colors return to normal position
That would be cool.
I thought the blue circle would spin.
0:14-0:15 How to make icons MOOOOOOOVE
“Actually, maybe I’ll just take of his head”
-Alan Becker 2011
Who else skipped through the whole thing to see the animations
Me4ccount me ;)
Me4ccount I did
lol me
Me4ccount meeeeee
Me4ccount me 😂😂😂😂
watching this knowing I wont do it lol
Wow. I don’t know why this is so entertaining 😂
Alan Becker really did well on lots of things!
Hello in today’s episode of “where quarantine has brought me “
@Orpheas Malliamanis for sure
i have a art teacher named "Mrs. Becker"..
jayneilyn tugaoen I have a teacher named ms beck.
I have a art teacher named ur mom gay
This comment section is unfunny
@@OpposingFork you are not a clown you are the entire circus
Also that was a 6 year old roast so get intelligence, skrub
@@OpposingFork good job
you put so much effort into your videos
good thing it paid off!
Why is this in my recommended now?
Potato You tubes shitty algorithm
stfu potato u smell like spud
Potato same
Potato idek
Potato ikr
I think it’s truly amazing what people can make with animation
did anyone notice at the bottom time, its "4.20" at the end of the video XD
Grim Creeper yup, its that time of day
Grim Creeper SMOKE WEED EVERY DAY !!!
Grim Creeper It is PM not AM.
It says "4:21" not "4:20" at the end :)
He's american so he doesn't use a 24 hour clock, if you look again you will notice that there is PM written next to 4:20
it is very satisfying and interesting to see how it does the animations
#Icantanimate
AidanStar The Warrior Cat same
Same x2
AidanStar The Warrior Cat UA-cam =\= Twitter.
dont even ask 0.0
AidanStar The Warrior Cat .com
Oh god, what's going on?!
wow you are pen pineapple apple pen xd
Lol ur profile pic matches ur comment
Just me, or did the chrome look like a demented poké ball?
XD
+MinionKat123 The Rarest Poke ball ever... The Chrome Ball!
+Ambrose The Bowman lol hahaha
+Ambrose The Bowman it will clear the pokemons history(memories) xD
Clears the pokemon's memories of Hot Wailord On Skitty Action.
And then I'm gonna pay respects and move this up
Should I switch back to Windows 7?
S3RV3RCR2SH3R Windows 10 is better for everything. even better for games. windows 10 have standard software to make everything run smoothly. its just perfect
Iordanis Chatzileftheriadis Windows 10 is one of the worst, i mean, everyone complains about it.
Windows XP is the best for gaming.
+Error 404 File not found I see what you did there...
The Hexo Gamer ?
Windows 10 isn't good for gaming because of the high quality and new fancy Windows side applications
And this for just one of the many icons in that animation
"Now he has more of a good looking body" lol
9:00 tip: take another screenshot without the chrome logo
It had to be a real dam pain to animate the whole fox in the first stick video, holy shit..
This is like Bob Ross but the “Beating of The Paintbrush” is replaced with C L I C K S
Beat the devil outta it
Will you have apps move in animator vs animation 5? Will you even be making a animator vs animation 5?
BloodWing He probably will, although I hope so :3
MULTIAPPLECATZ RULE! if he does he probably started it because his last one (4th) took 11 months!!! Soooooo yea i think it will take much longer for this
modo AJ Maybe he's taking a break? he is a human after all.
He is making Animation vs Minecraft. Its like a new version.
The AVA 4 is the finale already because they became Friends now
How has it been 8 years and he still has 500k subs? Imma go sub to him real quick.
It's his tutorial channel, his main channel has 13 mil
7:50 NO DONT DO DAT, remember the LAST time you did that? yeah, blue screen of death, DONT RISK IT :O
Tommytherox TV RBLX eww
it's a graphic
not movie clip
Tommytherox TV RBLX eww
it's a graphic
not movie clip
Tip: In the application's folder you can find the raw logo, giving you a higher quality version that you don't need to clean up
My gosh, 11 Years ago
Yeah
You are the best animator and very very famous. Just continue!
Ur fox looks better than the original
nooooo dont convert to symbol! it will attack!!!
RoboThePanda You're a loser
RoboThePanda *winner*
MegaManX_777 Worst comment ever.
MegaManX_777 BEST!!!!
ILightTNT lawl
HE IS TALENETED EVRYONE NOTICE THAT
its been 9 years and now i get this in recommended
yes
Or you can import the actual icon file and simply animate it. Don't know why you went through all this
Nope, if you wanna do ANYTHING even remotely complex like the Firefox one, you need to remake it.
Although yes, this is true with something like Google Chrome's icon simply bouncing, but if you want it to fly up and shoot lasers n crap like it does in Animator vs. Animation III, again, you gotta remake it.
SnakeBlock no you don't, you can simply get the actual vector file for it online so what he was doing is wasting time.
@@deepdive1338 where do you even get a vector file of firefox?
@@zeroanims4113 i personally use vecteezy and seeklogo
can you just convert the .png to a vector in flash
20:38 actually I’m just gonna take off his head
or; download a svg file of the icon from the internet :p
Lol XD
But then it would be pixelated and now vector style so you still couldn't animate it
U're very good, bro! The Chrome's animation looks fantastic!
I fell asleep on this video and I just woke up.
well alan is a robot confirmed
edit: "ok so I will do that really *quick* * speeds up the video*
He converted it to a symbol, oh god....no....please....(Chrome icon instantly blasts the screen and there is a BSOD.)
@@tastyForReal no
im so thankfull u have a tutorial channel, ur vids help me so much with adobe animater
Lol I saw a ad pretending to be a vid and thought “wow this vid is clickbait”
Do you have to get Flash by paying monthly?
yes
Firefox looks like naruto using big rasengan on nine tails in the chamber or something xP
I dont have flash or i make animation its just very interesting to watch