ALAN BECKER - Making Icons Move

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

[@dylanpaez9450]

A super important key to animating is to be *patient*.

[@ayuriea511]

Agree

[@randowl404]

+Dylan Paez yeah

[@MIXIEKINZ]

Agreed 👍

[@MIXIEKINZ]

***** Lol so true xD

[@Reny5542]

no one's patient so everyone's fucked up

[@deepslates]

“I put the center in the center” I simply love it

[@NikoD]

"We outline the lines"

[@gamer_glenn5438]

**BIG BRAIN**

[@blagz3187]

Stick figures are sticks

[@uwuguy9549]

I used the stones to destroy the stones

[@lee_fengli]

"I think my animation is improving!" Alan becker: hello "Oh no."

[@koseki_stuff]

That’s true for me

[@HKid156]

Alan: *exists* Everyone's skill: Ghost Dimension here I come

[@nezukokamado8266]

Lol so ture

[@scyphozoid.]

@@HKid156 All skills?- He might not be good at other stuff But he's the best animator 😌

[@Justclozz]

Where you guys do that what web

[@XLGaming]

it would be way easier in 2019 because every icon is simplified and has no 3d effects!

[@therobot1080]

Id except the icons to get more complex with time tbh

[@drake_lol]

W.D Gaster expect*

[@t2_yt653]

@@therobot1080 Hi W.D Gaster :V

[@samudramaola7677]

Reders expect*

[@SkylerIsAGoner]

Agh I Wish It Was 2019 So That This Would Be Easier

[@scarletgames4249]

He sounded *sO excITED* when he said "lets make icons moooooooove"! XD

[@casey2057]

Dreamweaver Gaming not

[@coopasoopa536]

EpicCreeper do you not understand the point of his comment?

[@TheQueen-dq9wc]

Dreamweaver Gaming enthusiasm 10/10

[@sin6940]

He sounds motivated the whole video through.

[@thegame5126]

he sounded fucking depressed

[@invisibleskillz9124]

i thought he was going to make the google spin

[@foxsi4540]

me2

[@imreallyfeelingit8867]

same

[@anuariff]

Deshawn Banks same

[@potionz1733]

InvisibleSkillz my man this shit isn’t Sharingan calm the fuck down

[@nescaubr5960]

Me 2

[@PLUSHii]

“And now we have our pieces of! crap...” perfect timing. Oh yeah at 19:44

[@CoolmineGaming]

Lol

[@BrandonLe621]

He said oh crap

[@YurinovichDornburg]

U gave me an ad

[@PLUSHii]

I @Giorno Giovanna have witnessed an ad..

[@pewzier]

oh okay

[@fnafsongparodies4116]

Any Flash Animator: Omg I’m so epic! Alan: *_allow me to introduce myself_*

[@LeoTheGh0st]

Huh? What did I say?

[@bonnieloseshisfaceyt6492]

Tati awesomeness me

[@soda_095]

Me

[@kaerubi]

me

[@Imhotep0]

Tati awesomeness Firepox ?

[@LeoTheGh0st]

what? pfft. HA. nooooooo i did not just go back and edit that...

[@hyunii5891]

I feel stupid because I've never noticed the fox in Mozilla Firefox's icon. .___.

[@sevketon8947]

Simon Blackquill xd

[@sarahpurdy4654]

Simon Blackquill same

[@hyunii5891]

SansyBoy, whatever you say then...

[@exdobsonites]

Simon Blackquill Yeah, same...

[@togechicku4997]

SansyBoy says someone with an icon of sans

[@rclarkey0899]

i love how the google chrome logo hasn't changed over these last 8+ years

[@LatvijasRepublikabumba]

Not really. It changed to not include shadows

[@caeky]

@@LatvijasRepublikabumba you mean gradient removal?

[@preddyanimation9112]

#PreddyAnimation

[@wrlds.collide]

If you love it then why did you use :/

[@rclarkey0899]

@@wrlds.collide ?

[@sukelwashere]

11 years later: lets reccomend this video!

[@splashy2152]

12*

[@AlexFha_29]

@@splashy2152 no

[@chopskie117]

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

[@redstoneminecrafthd4095]

***** You could hire someone to draw for you

[@Nixeld]

+Chopskie 117 im the same bruh

[@agentzap]

I mean, you could cut out the bit where you make it a vector if people have already done the work for you...

[@MaryAkari]

;-; Well Im a good drawer for my age. and sometimes I animate some little things

[@suckerpunch1646]

+Chopskie 117 He used a some kind of a pad to draw. That's easier.

[@urgentgamer1156]

I would do this but I have no patience and a crappie laptop

[@moaalvarsson1690]

Same. I have no patience at all.

[@D.KlWA-aG]

UrgentGamer I wouldn't have enough patience for the thing like Firefox but I think I have patience for the chrome thing

[@blairelilith]

Yeah I dont either and my laptop sucks

[@uh09]

same! I'll just throw the laptop out the window lol

[@vittomdc]

MilkshakeMoviesHD oh i got it

[@BlueSusAmigosYT]

Imagine this: Alan: converts the chrome logo to a symbol. The chrome logo: ... *starts breaking his computer*

[@crazycat1380]

Hehehe...

[@user-gt7vb6tr8b]

Иронияв том что этому видосу 19 лет, а я русский и комментирую такой ироничный коммент

[@mohamedismayl7247]

@@user-gt7vb6tr8b wtf

[@faiviz8113]

*The Chromen One*

[@nasirjac]

@@faiviz8113 Lol

[@itssherif9777]

Alen: ill just take out his head *Horror* Alen: i'll just separate his tail *Screams of terror*

[@juice7217]

First of all You need the app

[@manjupal1355]

Software actually

[@Xenoshey]

Manju Avdhesh Pal r/wooooooosh

[@babycowsrockrealxxbcrxx591]

you need you to be awake

[@roccimo]

You fool. How could you forget a decent computer?

[@frostbiteh3484]

Adobe Flashplayer CS3 he is using.And this technique is old.You can do it way more easy and good.

[@AlanBeckerTutorials]

@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

[@hioesumi9573]

Alan Becker

[@hioesumi9573]

Hello

[@Exrseven.]

Hey Alan can you make a tutorial for iPhone on how to animate

[@abcaxolotl731]

@@Exrseven.Reccomended apps are FlipaClip, Stick Nodes, and Stick nodes pro

[@kidwithanego]

@@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

[@TheGrapeApe22]

20:38 Maybe I'll just take off his head -Alan Becker 2011

[@enjoyyourselfjustleaveme]

9 years and he’s still amazing

[@TheLavaVoid]

Um actually it’s 11 now 🤓

[@TheGam9]

@@TheLavaVoid it’s 9 years

[@Ray-uy4ez]

@@TheGam9 its been two years since it was 9 years.

[@neonicyt957]

I've never even realised the fox on the firefox icon until he zoomed in to it

[@PythonDelta]

are you serious man...

[@nylo_arts]

now you know why it's called Firefox XD

[@coder3d976]

just figured that out not too long ago and i have been using Firefox my whole life almost.

[@raheb000]

xD same! I thought it was this weird flame around that blue planet

[@PythonDelta]

Srsly..?

[@encrypt3d587]

Honestly, I liked his remake of the Firefox icon better than the original.

[@encrypt3d587]

(Before he started messing with the shape)

[@abelle.1e]

Encrypt3d Shadow Lol

[@marcello4050]

Yea that tail is some high quality shit

[@danielcastillosyoutubechan2452]

Yep

[@smart_idiot8204]

(Some boi on the internet)*YOUR OPINION IS Uhh Wait is mom there

[@DanyalAsgar]

22:40 it looks like Firefox has an eye

[@cubiceezer]

No, its head You lid

[@the_tac]

Nah

[@imbored393]

Metonis Føx he said it LOOKS like

[@butternut5540]

@@imbored393 yeh

[@thoughtfullAI355]

YES LOL

[@BuildaboatGuides]

2 easy option: - Go Alan’s house -KZbin Search: how to use photoshop

[@MrZanyy]

Who else skipped through the whole thing to see the animations

[@FMmaniak24]

Me4ccount me ;)

[@zakiaw4963]

Me4ccount I did

[@LongBean7]

lol me

[@sealett]

Me4ccount meeeeee

[@jellicube6515]

Me4ccount me 😂😂😂😂

[@breezetix]

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.

[@ninjireal]

breezetix I realized it in kindergarten technology class as soon as I heard “Fox”

[@pupurily8297]

Simi._.

[@jbbajangamer]

technically it is a fire, just a fire*fox*, but yeah the fox part really wasn't too clear for most people it seems

[@jbbajangamer]

....including me

[@mashinganz]

I thought it was a blue head with an orang beard XD

[@manavgajera4985]

OMG!!!! TODAY, I realized that there is a fox hugging earth! This while time I thought it's just the earth on fire!!!!! Wow!!

[@Lab2016Productions]

F

[@BelegCuthali0n]

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.

[@FactyAnushka]

No one: KZbin: Let's recommend this 8 years later *Welcome to the future viewer of this video and comment, good luck for your future*

[@ThreeBeeHDb]

Imagine if people in 2011 could read comments from up to 2020.

[@FactyAnushka]

@@ThreeBeeHDb oh LOL

[@thebeast5166]

Stop

[@steelpump100]

2011 plus 8 is 2019. I know it isn't November yet, but still closer to 9 years than 8

[@daanvanlieshout4193]

no one: literally no one: KZbin: Hello there, I recommend you this video from 9 years ago, wanna see it Me: yeah lol why not

[@d0om3d__80]

exactly xd

[@jehezz]

@SafwaN PlaYz this guy is living in the future

[@felaxocraftzockt6214]

same at me XD

[@user-gt7vb6tr8b]

@@felaxocraftzockt6214 Иронично братан

[@muratpro3755]

Maybe yes

[@ninawerner1776]

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

[@MP-ci7nu]

@xxcakiesxx are you from 2018, lol?)

[@anouaressanoussi]

I was surprised as well

[@asleenalee3643]

It's 2020

[@reallydeadaccount9923]

@@asleenalee3643 The Comment Is 3 Months Old

[@azurlustre]

who cares if the video is old?

[@XrosM]

8:29 or you could just simply remove the icon from your desktop and take another screen shot.

[@alexalexandru11480]

Man that great a screen shot with icons and other without and then you delet the screen shot with icons.

[@kobenodders3800]

watching this knowing I wont do it lol

[@mindyplessinger7136]

your tutorials are the best bro.

[@playdownx3782]

The 3 important of animating is A) Patient B) Never give up C) Practice

[@ArnoldVeeman]

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!

[@nolongergabe]

we miss you, flash.

[@absolutetrash6291]

Be patient while animating.

[@jayneilyntugaoen7204]

i have a art teacher named "Mrs. Becker"..

[@RotmgTrollerFan]

jayneilyn tugaoen I have a teacher named ms beck.

[@sakam0t071]

I have a art teacher named ur mom gay

[@roccimo]

This comment section is unfunny

[@roccimo]

@@OpposingFork you are not a clown you are the entire circus Also that was a 6 year old roast so get intelligence, skrub

[@roccimo]

@@OpposingFork good job

[@rociosimental6103]

It’s really a shame that flash is dead now, people could have made great stuff like this

[@ConvoCurrents]

its so incredible , it takes so much hard work

[@meowmersosorio3262]

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!

[@2DollarandBerbie]

lel

[@StephenCh]

+Skyzoide i like your name and picture

[@2DollarandBerbie]

+Herokraz's channel thx!!:D

[@andyli1890]

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

[@meowmersosorio3262]

hahaha

[@nntbm]

Just me, or did the chrome look like a demented poké ball?

[@rappelrjavadevelopment2981]

XD

[@ambrosethebowman3971]

+MinionKat123 The Rarest Poke ball ever... The Chrome Ball!

[@cramboi145]

+Ambrose The Bowman lol hahaha

[@cramboi145]

+Ambrose The Bowman it will clear the pokemons history(memories) xD

[@milkjarro5921]

Clears the pokemon's memories of Hot Wailord On Skitty Action.

[@Unknownoof]

For a Video that was posted 11 years ago as of 2022 this video is insanely good for the time

[@willywillycow]

Alan: First, do this, then do this, and then... Me: Open illustrator, expand it.

[@Potato-fk5rt]

Why is this in my recommended now?

[@OfficialYeat]

Potato You tubes shitty algorithm

[@sammontv2267]

stfu potato u smell like spud

[@fuzyy1700]

Potato same

[@mustdashnodash3485]

Potato idek

[@user-ut5gr7xm5j]

Potato ikr

[@slire450]

Alan's icon recreations are so much better than the regular icons. They should use his icons in place of the old ones.

[@jyotitiwari8970]

This worked perfectly for me, but took 2 HOURS for making it. Btw, thank you so much Alan!

[@rockletoouw]

it is very satisfying and interesting to see how it does the animations

[@ImTheOriginal1stZackAttack]

your amazing at this, i wish i was like you!

[@matthewpearce940]

Wow, you just inspired me. Your awesome, I can't belive how eaysy you make it look!

[@DinoDays703]

"Now he has more of a good looking body" lol

[@catsrup123]

im so thankfull u have a tutorial channel, ur vids help me so much with adobe animater

[@EverybodyCartoons]

That is Awesome!

[@AdityaSharma-qb5qp]

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

[@antihumor2231]

You are not his biggest fan.

[@MikkzNodes]

its extremely sad that adobe flash has retired.

[@kour3l]

me watching this 11 years later and still enjoying it lol.

[@tarynaurelia2169]

What I thought the Google chrome would be: The colors split from the middle The colors spin Colors return to normal position

[@Cyorg13]

That would be cool.

[@earthlingwithnoideas]

I thought the blue circle would spin.

[@isaiahsthoughts907]

“Actually, maybe I’ll just take of his head” -Alan Becker 2011

[@supdan]

U're very good, bro! The Chrome's animation looks fantastic!

[@Diamondryn]

you put so much effort into your videos good thing it paid off!

[@avacado1892]

You are so talented Alan!

[@GuardianTiger]

And this for just one of the many icons in that animation

[@quackquackx]

It would be cool if you could insert these little animations into the actual icons like as a gif or something, and the icon moves when you hover over it or click it

[@vidguy2004]

So much detail very cool dude!

[@mariamarkus5617]

Hello in today’s episode of “where quarantine has brought me “

[@Kalaxian80animations]

@Orpheas Malliamanis for sure

[@takeoischi7214]

Oh god, what's going on?!

[@aaronalvarez1711]

wow you are pen pineapple apple pen xd

[@run9026]

Lol ur profile pic matches ur comment

[@RadicalDino]

How has it been 8 years and he still has 500k subs? Imma go sub to him real quick.

[@maryamkhaledmohammed3877]

It's his tutorial channel, his main channel has 13 mil

[@mireille6623]

Hello Alan, please tell me if we can work on Photoshop to select , arrange, copy each Icon and than go to Flash and past it to began the animation ? Thank you ! Big huh from Brasil.

[@RXM6297]

You inspired me to animate. Better get a tablet / stylus pen ready for Christmas!

[@alexandrajamievalencia1250]

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

[@TheCoolestBoyGD69420]

​​@@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. 🤓🤓🤓

[@RoboThePanda]

nooooo dont convert to symbol! it will attack!!!

[@MegaManX777]

RoboThePanda You're a loser

[@MegaManX777]

RoboThePanda *winner*

[@PieOfCthulhu]

MegaManX_777 Worst comment ever.

[@PieOfCthulhu]

MegaManX_777 BEST!!!!

[@MegaManX777]

ILightTNT lawl

[@sarahkomikofficial]

the foxy boi still lives on... i wonder how it will work with adobe animate

[@green124]

its been 9 years and now i get this in recommended

[@Moon404yt]

yes

[@PieOfCthulhu]

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.

[@themadhattress5008]

You know you're bored as fuck when you're watching this.

[@cookiesw9270]

The Mad Hattress thanks for remembering me that i have a life there outside bb time to go to real life

[@themadhattress5008]

cookiesw Not sure what you're going on about, but I was commenting on my own internal boredom and my tendency to just settle for whatever I find on KZbin...

[@juanmora4274]

The Mad Hattress yeah , I'm so bored , I can't find fun video in KZbin

[@lgk6600]

123rd like :D

[@CoffeeRising]

lgk6600 124th like XD

[@notdutchman]

how do i paint in the transparent areas like in 5:14 ? Cause I am trying to do it but nothing's happening for some reason (I'm using lines not circles)

[@cdfactory]

With recent trends, this tutorial gets easier and easier.

[@notme1998]

Now I understand why it takes so long to animate. Great work Alan!

[@potatooo_8587]

did anyone notice at the bottom time, its "4.20" at the end of the video XD

[@shook8305]

Grim Creeper yup, its that time of day

[@somerandomblobfuck7442]

Grim Creeper SMOKE WEED EVERY DAY !!!

[@Johnx3m]

Grim Creeper It is PM not AM.

[@Don-hm4mm]

It says "4:21" not "4:20" at the end :)

[@ledues3336]

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

[@himanshupoptani7281]

This guy is seriously talented

[@pastrylol]

Wow. I don’t know why this is so entertaining 😂

[@squigglylines420]

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

[@The_TK2306]

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

[@lei2069]

I didn't either,there's no gta truck doing a parkour course or someone playing with slime in the bottom :(

[@michelesferrazza7511]

You are the best animator and very very famous. Just continue!

[@ilinamariana556]

from you now I know how to animate thx,you the best alan becker :3

[@matthewpearce940]

Ur fox looks better than the original

[@inactiveeeeeeacount6856]

This is like Bob Ross but the “Beating of The Paintbrush” is replaced with C L I C K S

[@MajorlyBlue]

Beat the devil outta it

[@akodaah13-e32]

You are the master of the animation

[@_Video_Art_]

its a shame Alan isnt uploading any more videos on this channel

[@pfxel]

2011: no 2012: no 2013: no 2014: no 2015: no 2016: no 2017: no 2018: no 2019: LET'S PUT THAT IN RECOMMENDATIONS

[@ottoishak9096]

*2019

[@makibliss4675]

Sigh *2019

[@Kredezy]

2019 bro))

[@miwiki6]

oh yea you totally created your account before 2018

[@pikaaxyt]

It’s exactly me

[@zegamingcuber857]

#Icantanimate

[@anthonyscali8013]

AidanStar The Warrior Cat same

[@soda_095]

Same x2

[@alecwhatshisname5170]

AidanStar The Warrior Cat KZbin =\= Twitter.

[@evelinjarvsalu2181]

dont even ask 0.0

[@jan_h]

AidanStar The Warrior Cat .com

[@alphabeatz2050]

Ur work is great

[@tan.kai.000]

When you post this vid it is 4 days before my birthday lol

[@TommytheroxTV]

7:50 NO DONT DO DAT, remember the LAST time you did that? yeah, blue screen of death, DONT RISK IT :O

[@MultiAla01]

Tommytherox TV RBLX eww it's a graphic not movie clip

[@MultiAla01]

Tommytherox TV RBLX eww it's a graphic not movie clip

[@crispyeggroll6725]

I think it’s truly amazing what people can make with animation

[@TheBikash369]

Your work is so tuff

[@gamertcell8425]

Theres so much features, keybinds and stuff that we dont even know as usual

[@veldron-shou9899]

HE IS TALENETED EVRYONE NOTICE THAT

[@dittocopys]

21:22 that bit he missed in the tail annoyed me till the end of the video

[@isak6754]

please make updated version on this!

[@alexandrajamievalencia1250]

Interesting. . .maybe this might help me when i might animate in my computer in the future. . .