Mobile app version of vmapp.org
Login or Join
Pierce403

: How to create a pixelated gradient outline? Is there a way to add a pixelated gradient outline around a layer in Photoshop CC 2017? I have tried using a stroke but each gradient layer is

@Pierce403

Posted in: #AdobePhotoshop #Cc2017 #Gradient #PixelArt

Is there a way to add a pixelated gradient outline around a layer in Photoshop CC 2017?

I have tried using a stroke but each gradient layer is about 4 to 5 pixels in width. I need the each outline layer to be 1 pixel in width kind of like the top right image, which would be a pain in the *** doing the whole thing manually.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Pierce403

3 Comments

Sorted by latest first Latest Oldest Best

 

@Chiappetta793

You can do this manually by contracting a selection:


Use the 'Magic Wand' (W, might need to switch away from 'Quick Selection') tool to select all of your shape. Adjust tolerance to 1 if needed.
Choose Select > Modify > Contract... and choose 1 pixel for the contraction value.
Use the 'Paint Bucket' (G, might need to switch away from 'Gradient') tool to fill the contracted selection with a slightly different colour.
Repeat steps 2. and 3. until you are content with the effect.

10% popularity Vote Up Vote Down


 

@Goswami567

So after wasting 7 hours trying to do this in Photoshop, I just wrote a simple c# script that loops through each pixel (that is > 0 grayscale), and set its surrounding 8 pixels to a gradient. It looks terrible but it works for heightmaps!

10% popularity Vote Up Vote Down


 

@Ann6370331

Not sure its exactly what you need, but try an 'Outer Glow' and play with the value in the 'Size' field, push the 'Spread' to 100% and try the 'Cove Deep' contour.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme