Okay so, I’m actually really late with this one, haha. I got A LOT of requests asking how I make my icons, so here’s a (rather large) video to demonstrate it! 

So I’ve decided to make a video tutorial on how I make an icon step-by-step, from scratch, so that beginners with Photoshop CC can also follow. I’ve spend a lot of time making icons today so I thought I’d wrap it up with a tutorial so that I won’t forget it again!

Sorry if I mispronounce things fjdkg I’m more used to writing english than speaking it :’D

For more tutorials like this please check me out on Patreon! I offer advanced photoshop tutorials for only $2  per month!

FOR THOSE WHO WANNA SKIP PARTS:

1. 1:20

• Taking the desired screenshot from an existing video file by skimming through the video. (Using SHIFT + CMD + 4)
  
• + TIPS: Using chrome plugin to extract videos from Youtube or any other website. Savefrom.net or Flash Video Downloader
  

1. 4:00 - Making the background transparent with Polygonal Lasso Tool or Magic Wand tool
   
2. 6:40 - Cropping, fill background with Paint Bucket Tool & gradient fill 
   
3. 12:00 - EFFECTS! Selective color + using layer masks
   ➢ TRICK @ 29:40 - how I use layer masks to make Keith’s paladin armor match the background!
   
4. 30:40 - Saving the same icon in different bright colors with Hue/Saturation bar
   
5. 34:30 - Going from a BRIGHT icon ➢ PASTEL icon (I meant to say NOW instead of “later” oops, haha)
   

Here are the results of this tutorial! Feel free to use them!

Check out the rest on my icon page HERE