3 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

HELLO EVERYONE! How are you doing this Monday?

Are you folks excited for this week? What are you planning to do?

I'd love to hear it in the comments!!!

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

A photo with Abacaxi, one of my dogs!

And, yes, we're both scraggly dudes.

Opera GX's #GXNailArt competition has arrived on Game Jolt!

You might have missed Worlds, but you can still be a winner. Take part in the #GXNailArt contest to have a chance to win Riot Points!

Get started by completing our #GXNailArt quests!

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...

The Rat

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

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!

Don't miss out on your chance to design a Game Jolt sticker!

Post YOUR design for a sticker inspired by Arcane, League of Legends, and Nail Art!

After "Design a #GXNailArt Sticker!" ends, we'll pick 3 winners (AND give them one of a kind trophies!)

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?