HOME | DD
AntiDarkHeart — Pixel Icon Tutorial
#adobe #avatar #cs6 #digital #howto #icon #photoshop #pixel #ps #resource #sprite #tut #tutorial #how_to
Published: 2016-08-11 23:43:45 +0000 UTC; Views: 25516; Favourites: 690; Downloads: 0
Redirect to original
Description
PatreonOriginal meant for Tutorial Tuesday but I have a few tutorials backed up so I felt like sharing this one a bit early. Remember you can see all my tutorials as soon as they're finished on my Patreon, as well as private tutorials! Requested pixel tutorial.
My pixel icons and sprites are all done with the pencil tool. 1px brush size. Each step is on their own layer, but you're free to use as many layers as you feel comfortable with C:
If you're curious on how to resize pixels but still keep their hard edges HERE is how you do it. Make sure your bottom drop down is set to Nearest Neighbor & your Pixel dimensions are set to percent.
Finished piece -
Hope this helps!
Enjoy
Art © Me
Valentine ©
Related content
Comments: 37
there is a really good app on android and apple devices called ibis paint, its free and has some really good brushes (also you can use blur to blend and there is layering options) also i forgot to mention FX they have an outter glow effect and a ton more! also for pixel art its pretty good as well!
👍: 0 ⏩: 1
ah!! tyvm for this !! i was struggling a lot with pixel icons lately haha! helpful ~
👍: 0 ⏩: 1
You're very welcome!
👍: 0 ⏩: 0
how do you make the lineart simple and clean? i have the hardest time with that TT
👍: 0 ⏩: 1
I place one pixel at a time C: Making sure they're precise and neat
👍: 0 ⏩: 1
i really hate do icons they take so long for me TT
can you give me advice/tips on my recent one?
👍: 0 ⏩: 1
I think that icon looks amazing! I love the animation
👍: 0 ⏩: 1
thanks, besides the animation i dont really like my lineart and coloring xD
your lines are wayyy smoother and idk how to make mine like that, i use photoshop to pixel. i cant use sai because i have a mac and every sai version i used it crashes >>
👍: 0 ⏩: 0
The title of the tutorial is "Anti-Dark-Heart's Pixel Icon Tutorial - For Photoshop CS6" xD
👍: 0 ⏩: 1
No, it just says "Pixel Icon Tutorial"
👍: 0 ⏩: 1
Look at the image. The title is the first thing you read before the actual tutorial.
👍: 0 ⏩: 1
... The title is "Pixel Icon Tutorial"
👍: 0 ⏩: 2
The deviation title is "Pixel Icon Tutorial" but the tutorial's actual title, on the tutorial is "Anti-Dark-Heart's Pixel Icon Tutorial - For Photoshop CS6". I just couldn't fit that title on DA.
👍: 0 ⏩: 0
any idea how to remove the background, if i may ask?
👍: 0 ⏩: 1
To make it transparent? Just delete the background layer C: Each step is on its own layer (eg. Lineart layer, color layer, shading layer, etc.)
👍: 0 ⏩: 1
O_o thanks!! I'm such a noon..lol 
👍: 0 ⏩: 0
this looks like a lot of fun! will def add to my to-do list!
👍: 0 ⏩: 1
Yes!
I always wanted to make pixel icons!
This is helpful!
Thank you!
👍: 0 ⏩: 1
Thank you for all of your tutorials! They are very useful!
👍: 0 ⏩: 1
aa this is so useful especially since I'm terrible with icons!!
👍: 0 ⏩: 1
Glad you find it useful!
👍: 0 ⏩: 0