#How To: Gradient Shapes (Piskel)

27 messages · Page 1 of 1 (latest)

frozen pike
#

Here is a quick guide on how to give any object or part of an object a gradient (or any pattern you want!).

I personally use Piskel for pixel art, and so this guide will be targeted towards Piskel users. If you use another program for pixel art, just know that you need some way to generate your gradient/pattern and some way to fill by same color.

#

Lets say you have a basic Joker silhouette, and you want to add a nice gradient to this shape. I'm starting with a basic shape that is in a color that stands out (I often use neon green!)

#

You want to make a new layer and copy your full card onto that layer. (Add a layer with the plus on the right of the screen)

#

You're going to want to eliminate every other shape/color besides the shape you want your pattern on.

#

You can use the "Paint all pixels of the same color" tool to make this process go faster.

#

Once you have this shape on its own, you're going to want to fill the now blank space with another color (I use bright blue here).

#

Then, delete your shape from the canvas (again, "Paint all pixels of the same color" tool helps with this if you use transparency for the color)

#

Next, you're going to need your pattern/gradient.
I personally use https://coolors.co/gradient-maker, but any pattern/gradient generator will work just fine. Get the image of your gradient, copy it and paste it into Piskel.

#

It will prompt you with a window for image importing.
Change the size of the image to have a height of 95 (the height of a Balatro card), and turn off "Smooth resize".
Next, press "Combine", and then hit "Next"
Lastly, hit "in existing frames", and click import.

(Note that the prompt will be different if your gradient width is greater than the width of the card)

#

You'll have your gradient on the canvas (with some extra room on the right). Just highlight, copy and paste the gradient to fill the space.

#

Swap the layers so that your template layer is directly on top of your gradient layer, and hit "Merge layers".

#

Remove the blue pixels (by using "Paint all pixels of same color" tool) and voila! Your shape now has a gradient in it.

#

It'll be on its own layer, so if you want to add it back to the main layer, simply just merge the two layers.

pastel carbon
frozen pike
#

Not sure what you mean by distortion/fuzz/saturation though

pastel carbon
frozen pike
#

Those seem like effects you would add after the fact...?

#

What I'm saying in the post is how to put one image into the shape of another

cerulean cliff
#

oh hey a reason for me to share this, which i used to make the high contrast versions of my 11-20 cards

frozen pike
#

How To: Gradient Shapes (Piskel)

pliant hedge
#

Thanks for this

chrome scroll
#

piskel user

#

cool

#

i use this so often lol