2 years ago

CREATING STICKERS TUTORIAL?

I was going to make my Sock Puppet stickers and realized I was going to use employ some useful techniques, so I thought about creating this tutorial!

If this interests you, click on [Read article] and take a peek!

#pixelart


First of all -- I'm a Gamejolt Creator! If you like my content and have a charge (or two!) lying around, do not hesitate to slap one right here! ;)


Alright, so let's begin!

Some time ago, I did the Sock Puppet Project here on Gamejolt! As a result of your charged stickers, I created a bunch of Sock Puppet characters with you all:

image.png

Remember them?

Now, with Gamejolt's new "Custom Sticker" feature, I thought they'd make a nice Sticker pack. However, as they are, they need a few tweaks to look good as stickers.

There are two things there are going to make them look more like stickers:

  • White outline (as is a sticker staple); and

  • Under shadow (for volume)

For us to add both, first we'll need to give them some "breathing room", as some of them are pretty cramped in their tiles. Let's start with that!

Step 1: Making Some Space

(If this step doesn't make sense to you yet, that's OK! Keep reading -- it might make more sense later!!)

When I have to do this kind of thing, here's what I usually do (there might be an easier way to do it -- if you know one, please let me know!)

First, I create another ASEprite file with the new tile dimensions. ASEprite makes it very practical because it allows us to do math directly on its field boxes:

aseprite1.gif

With the new file, increasing its Grid by the same amount and copy-pasting the sock puppets there, this is the result:

image.png

Since some of them didn't fit in the 64x64 sprite and were "cut", I'm going to finish them before turning them into stickers:

mermaid.gif

It was like drawing these little guys all over again! :)

Step 2: Outline

For the stickers' white border, we're going to add an outline. These would usually be a lot of work, however, ASEprite has made it REALLY EASY. Let me show you how to do it:

First, go to Edit > FX > Outline:

image.png

A popup like this one should appear:

image.png

If you want a full, white outline, for Outline Color pick your palette's white. For the outline pattern, select the one with all pixels painted (ASEprite calls it the "Square" pattern):

image.png

And... that's it! Click "OK":

outline.gif

Do it one more time, if you want a two pixels thick outline, and you'll have THIS:

image.png

Don't they already look like stickers???

But there's one last thing we'll do!

Step 3: Shadow!

We can also use this Outline tool to make easy shadows!

It's VERY similar to what we did above, except that we'll select a half-transparent black color, and, instead of using the full Square outline pattern, we'll create a pattern of bottom pixels only:

outline2.gif

Once again, if we do this two times, look at how they turn out:

image.png

The under shadow gives them volume and makes them look even more like a sticker! :)

Now, all you have to do is export these babies and stick them anywhere you want (just be careful).

That's it for this tutorial, folks! Hope you enjoyed it, and if you ever get around to doing something with it, please let me know!!!

Cheers!



8 comments

Loading...

Next up

HI! I'm getting close to hitting 1000 FOLLOWERS (woohooo!) and I'm thinking about doing some special things to celebrate this:

- A Fireside where we can play a drawing game together!

- A mini-game using the sock puppets!

What do you think of that?

A photo with Abacaxi, one of my dogs!

And, yes, we're both scraggly dudes.

CONSTRUCT TUTORIAL - SPRINGY MOVEMENT (PART 2/2)

Let's keep going! We're going to make a flower bounce today, and we have a lot of work to do!

Click on [Read Article] for boing-oing-oing-oing!

Game Jolt Colors is back!

Draw your OC (or favorite character) in the Game Jolt color palette and post them in the Art realm with the tag #GameJoltColors25.

At the end of the event, we'll pick a winner & add their design to the GJ Colors sticker pack!

Sharing the pixel art I did for a personal project I never got to make. The player would control an enchanted chest that had to investigate the disappearance of its wizard master!

What do you think? Would this had looked cool?

#pixelart

Here's more incredible art that Jolters have made for #GameJoltColors25!

There's still time for YOU to enter so check out your quest log!

Artists are tagged and posts are linked 🔽

It's coming, folks!!! Anyone else excited???

Everybody talking about the Super Mario movie and here I am thinking how cool it would be if they made a movie out of THIS game...

Here's EVEN MORE art Jolters made for #GameJoltColors25!

There's still time for YOU to enter!

Artists and posts are linked 🔽

Here's what I'm thinking to celebrate the 1K followers milestone... the very first SOCK TOWN prototype!

It's heavily inspired by the Reigns game, but instead of being about being a king... it's about being the director of the "Sock Town" TV show!