mass icon tutorial PRESS J OR K TO SKIP POST.
make icons like really fucking fast and shit xoxo, if the images are too small for you to see, LIKE THE POST and then go to your likes and you can see it on the dash.
if you have photoshop cs5 or above here’s how to make icons so fuking fast. i’ll give you my actions / scripts. be aware i gave you a ear full under the cut :)
>>>>actions you need ( i personally made these but they should work for everyone )^^^ to install go to your actions tab found under WINDOW > ACTIONS then go to the top right button in the ACTIONs tab and click LOAD ACTIONS go to where you unpacked this actions and load them in. then have fun
>>>>script for making automatic icons
photoshop any version with both animation timeline & frame animation. [dl if these don’t work i’m sorry you’ll have to find your own dl link]
patience to get through the basics then you never need patience again.
LEVEL: BASIC, BEGINNER, EASY.
so a little bit of confusion occured on the last post so i’m going to walk you through it with pictures :)
illustrated tutorial under the cut for anon!
okay first things first make sure you have all your layers loaded in whether by dciom described in the readmore above this, or by making layers like i have here. all i’ve done is resized each screencap i drag in / pasted into look like a cute icon. then i move on to the next. nothing else happens here.
next open the timeline / animation window under this window up top on the file bar
this thing will appear. if it says·‘create frame animation’ that’s good, click that, if it looks like mine FREEZE ( this should be in the action above but if not here’s what the actions doing for you ).·
first things first, that top right thing is where you find everything you need in this tutorial. the bottom right thing is how you get the create frame animation, and the long bar i’ve circles zooms in and out, it’s good for seeing if all your psd layers are the same length ( important for cs6 not a big deal for cs5 )
okay click·the three squares at bottom left
now it looks like this. that’s where we need it to be at to start this party.
and in the menu you should see CLICK THAT and let it work it’s magic
now your animation frames tmieline thing will look like this
just because it’s annoying & will confuse you later change the first frame to 0 seconds as well. just click the little arrow and select 0.
HERE’S The tricky part for most people
you’re going to go to the animation top right menu
click that and select all frames.
then using your keyboard do the shortcut CTRL+alt+A to select all the layers in the image.
now everything should be selected, all frames and all layers ( andyes that first frame should be a 0 not 10 seconds buti forgot to change it )
now you’re going to click this
and your ANIMATION FRAME WILL TURN INTO ANIMATION TIMELINE THIS IS CS5 SO CS6 WILL LOOK SLIGHTLY DIFFERENT
OKAY, now you’re going to without TOUCHING ANYTHING ESPECIALLY YOUR LAYERS GO TO filter: convert for smart filters.·this creates a smart object for your timeline. kind of like a really cool group folder
okay, now we’re ready. see how all the lines turned into one? that’s good news. now open your fav psd and drag it on top of the icons ·to do this select all the layers in the psd you need·and then drag them on top of your icon window. ( you can also create your psd right above the smart object just make sure you layers ands hit are all the same length on the timeline :)
now your icon layers should look like this
okay, all your lines need to be equal on the timeline bar so zoom out and make sure none are significantly shorter on it. you can also drag this back and forth to preview your icons. if you forgot to change the first frame it will look the same until like half towards the end. dont worry it doesn’t matter.
you can see above i have my psd over my smart object and all my lines are even. so onto the next step which is optional. drag a shape underneath your icons LIKE THIS, NORMALLY i use a circle but whatever im being lazy af
now, select all the layers ABOVE the shape ( click the bottom layer hold shift click top layer ) and then PRESS control + g TO MAKE A clipping mask!
almost finished, now you need to make your individual icons. to do this select all the layers, CTRL + ALT + A and then go to filter convert to smart object
it looks lke oh shit we fucked up but no we did not. now you go back to the top right and click make layers from frames or it might say flatten frames into layers w/e yourversion says
now you have this. delete the invisible bottom layer and you have all theicons you just made.
now to save them all automatically, go to·
FILE > SCRIPTS > EXPORT LAYERS TO FILES FAST
i have it twice because im dumb just ignore it. okay click that
you’ll see this first, browse is wher you want the icons save. now we deleted the invisble layer but i always click visible only because you might accidentally save a bunch of shit you dont need other wise.
name files is preference related, i also rename my bottom and top layers 001 and then choose one of those to save as other wise it saves as frame 2323 blach blah
ALWAYS choose lower caseI DK WHY
output prefix is important for multi icon batches. UTILIZE IT
trim is always no, that just means it’ll cut dwn your layers so they have 0 transparency around them.·
FOR ANY ICONS THAT ARE TRANSPARENT USE THIS
OTHERWISE i recommend using jpeg because it loads the fastest on the internet.·
then click RUN·and youre done.
LASTLY do not click back into photoshop if you have other windows open because it’ll cause the script to malfunction. you can do othe stuff while it’s working like browsing the internet. it’ll automatically pop up when it’s done. so just let it chill.
don’t do more than 400-500 at a time if you have 4gbs of ram or less. you computer will freeze.
izzy806
kaledo-art
blakekathryn
gummygunk
andulkaphoto
turnnoffyourmind
