aesthetic icon tutorial
going from this
to this
program used: photoshop cc 2017
1. find the picture you want to use (I’m using this one I found on pinterest), sharpen and crop til it’s 100 x 100 (or whatever size you want) until you get something like this.
2. colour it however you wish, I’m going for a very simple dull colouring.
vibrance
vibrance +53
saturation -27
curves
input -Â 82
output - 78
brightness/contrast
brightness - -3
contrast +16
vibrance
vibrance +69
saturation - -21
gradient map
#8d6d62 to #ffffff
set to pin light 100%
3. if you’re satisfied with how the background looks then skip this step but I prefer solid backgrounds. select the eye dropper tool and use it on the background of your icon.
4. hide your colouring and select the brush tool. make sure the hardness is at 100%.
5. create a new layer above your colouring. this is where we’ll be creating the new background.
6. on the new layer start brushing over the old background. continue til it’s all filled in.
7. turn the psd back on and take a look at your icon so far. if you like it as it is, then go ahead and save as a png! if not, we have a few more things to add.
8. create a gradient layer and use whatever colour you think suits best. change the angle of the gradient based on your personal preference.
9. the last thing I did was add a pattern texture. add a new pattern layer, set it to multiply and adjust the opacity as needed. I set it to 19%.
10. save as png and you’re done!














