some stamp fontz sourced from this account over on deviantart, tho b warned 4 general edgy humor from their other posts. as it was 2010. sure was a different tiem despite wat ppl say.
in order the fonts are : stamp (general), ds font, comic sans, original mario bros, super mario world, mario kart ds, block text, final fantasy, transformers, disney adjacent, and futuristic
hi!! i love the pastel goth batim set you posted!!
would you be able to make a textless version of the stamp you made of the bendy rensaven animation?
no worries if not! thanks for all the cool stuff you make <3
I wish I could but the site I used for the stamp is down I think :(
If I am ever able to I will tho!! Ty for your support!! <33
Srry for the late response but I will never be making any kind of Motm graphics or fan work for it!
I personally do not like the au and find parts of the fandom pushing aside the fact Cuphead and Mugman are originally and clearly minors weird just so they can sexualize the grown-up versions from Motm!
It's rlly rlly weird to me how ppl think they can sexualize them just because their au versions are adults like it's some kind of pass to sexualize characters who are clearly minors in all of the official medias?? They look, act and dress like kids/teens. So, it's just rlly weird and gross to me.
Srry for the rant but I figured I'd just explain why I won't be making graphics and fan work for the au.
some stamps I made for my Art Fight page instead of making ref sheets (it's been 2 years!!). I crammed more pairings into the rarepair stamp lol. all are F2U w/o credit, save for the Ketchup and Mustard stamps (they're my pikmin babies!!)
(stamp base 1) (CD jewel case stamp created by me - go crazy!)
i hear you call, but dont worry--this (not-so-)simple tutorial will answer the basic questions you have and provide at least 78% of what you need to make them! (with a tl:dr at the start)
☆ TL:DR~
this gets long, so if you semi know what youre doing, heres a super simple explanation.
open any art program, create canvas size 100x18.
download & export basic layers provided below in the non-tldr version to the canvas.
download & export shine layer provided below onto your canvas above all other layers.
with that shine, move it either 10px forward or backwards, making sure to change the layer order to match up with how you want the animation to be for easy mass-saving. turn clipping on for every shiny layer in advance.
make new layer above 3, add text that says whatever you want your button to say in a readable font & size.
adjust for size.
mess around with the colors of the button with clipping, & create layer from canvas once youre done.
save layer 20x. make first shiny frame visible, save, make it invisible. make second shiny frame visible.. etc. until all frames complete.
dump them into ezgifs gif maker, delay time: 10, tick dont stack frames.
export to filegarden, catbox, etc. & use on rentry.
...aaaand youre done! huh.. you didnt get all of that? feel free to read through the long version below, then!
☆ Too Short, Long Read~
okay, you clicked this far..so im guessing you
want
to
learn ! 🍾🎉
[pt: want to learn!]
☆ Basic questions~
Q: what do i make buttons on?
A: most programs! if youre dedicated enough, you could make them through flipaclip or microsoft powerpoint..okay maybe not the second one, but my point stands! i use ibis paint to make mine, buuuuut im at least 2% sure the process is the same across most platforms.
Q: what are buttons made for?
A: décor! to be fancy, or cool, or cute, or emo, or.. meh, theyre to express yourself. theyre similar to the old online/offline decor you rarely see nowadays, existing to serve as an aesthetic expression of the soul without taking up too much space (psst--this is also why theyre so small!)
Q: can anyone make buttons?
A: if you have basic knowledge of how to use a phone or computer, then youre about as ready as anyone else!
☆ How to make buttons~
when making them, you have to keep things in mind.. buttons are small ! weeell.. realistically, you can make them as big as youd like, but they wont look that great for decor. some people use bigger canvases to make their buttons and then resize them, but i like to use a standard size of 100x18 to make sure i have enough room for adjustments if they need to be smaller.
so, you have your canvas.. what next? well, the not-so-fun part. because of how small the canvas is, your lines are going to be overly pixelated if you try to draw them normally. you could technically use a 1px size brush and figure out the border by yourself through the straight ruler tool, but it's a lot easier to set up layers through any pixel art app.
anyway, i dont want anyone to go through the horrors of setting up base layers like i did, so here are the base layers for a 100x18 button:
well, you surely know how to save things, so lets skip that step!
the layer order is:
base coloring -> bottom shading -> top shading -> border
.. huh? you dont know how to layer stuff? well, leave it to me to explain~! (skip ahead if you know this already..)
on all well-made art programs, youll have layers. you probably already know what they are--if you have one layer one color, you can make a new layer on top in an entirely different color without impacting the layer below in any way. if you then delete that top layer, the bottom layer will stay just as it was before.
if you move that top layer below the bottom one.. the roles switch, and the once-dominant layer will be obscured by the newly-dominant one! just think of it like..rising up the leaderboard of your favorite game, where people only focus on the highest winner instead of their competitors. anyway, that metaphor is only useful for full-block layers, what are you meant to compare something like this to?! go easy on me.. picture frame analogies are outdated, okay?
heres a simple visual explanation:
you press and hold the lines to move a layer up or down. on something other than ibis, just holding down the layer itself and moving it usually works fine.
if you've done that correctly, your canvas should look like this:
so you have--hey, no, wait. no, you cant skip the steps above and just download the button to edit it, itll turn out ugly and be almost impossible to recolor properly, so dont even think about it!
now that you have your base layers, here comes the worst part.. the shiny layer. it sounds haunting, and that's because..!!
it is..
[pt: it is..]
the shiny layer.. has three separate parts to it!! adding the layer, duplicating and moving around the layers.. and making sure they're in the right order. gyahh.. even giving them titles is making me shake like crazy!! but it isnt too bad, and afterwards you dont really have to do it again.. unless youre making bigger buttons.. but even then it isnt too difficult to adjust.
heres the layer:
it looks so pure and harmless..but dont let it fool you! export it to your canvas on the highest layer, and change the opacity to 40%--this will make it more see-through instead of a blinding white light. have you managed it? the opacity bar is the one at the bottom of the layers menu, click around until you get to 40%, or hold it down and move it there.. but the first one is more fun!
okay, throwing aside the fun for now, this part is.. annoying. its annoying, but you only really have to do it once. or.. maybe its easy, and im just dreading explaining it.
you have your shiny layer, yes? good. duplicate it, and move it below the original shiny layer. why? because this is where the shine animation comes in. take that bottom layer, and move it across to the left by 10 pixels.
you should now have something like this:
do you understand that? okay, good. repeat this process until the left side has been complete. by the end of it, you should have something like this:
your layer order should have the one on the utmost left layered below all the rest, keep that in mind!
okay, head to the top layer and duplicate it again, this time moving it to the right.. by 10px. do not move this layer below. you probably understand where this is headed.. continue this process until the entire right side is also covered in shiny layers.
like this:
yeah, i get it, its ugly.. trust the process, okay? now, with that part out of the way, you should have seventeen layers. turn on clipping for every single one of them. huuuuh..?! you dont know what clipping is..?? thats okay, let me explain!
clipping makes it so that a layer can only access the layer beneath it. if you have a messy mis-matched blob of paint on a canvas, and you decide that the left side could do with a different color.. instead of painting directly over it and risking ruining the precious shape, youd make a new layer, turn on clipping and freely change the colour with not a worry in the world!!
but.. what does that have to do with shiny layers..? well, because of how things are set up at the moment, if we finish decorating this button and export all the layers as is.. the shiny layers will hang off the side of the button. even though its barely noticeable, now that ive pointed it out youre likely going to be able to pick it up on any future buttons you see that dont use clipping. sorry~
anyway, on ibis, this is the clipping button:
see that arrow? yup, thats what we need! click on each shiny layer, and turn that arrow blue on every single one! only for the shiny layers though--not the base ones! also, turn each shiny layer invisible by clicking on the eye next to the layer. we dont need them at the moment.
at the end of this step, you should have:
17-18 layers
13 shiny layers, with the layer order starting from the left at the bottom to the right at the top
all shiny layers clipped
all shiny layers invisible
if youve checked off all boxes on that list.. good job! youve done the most difficult part, so lets move on to the fun stuff~!
☆ Decorating buttons~
yes..yes..! the time has come to decorate your glorious button, you must be so excited! if youre still with me after those awful steps that is..
choosing a font is the worst part, to be honest. youd assume it to be super duper easy..but it isnt! theres few fonts that look cool on small buttons, since they kinda need to be readable to do what theyre supposed to do..but with the help of free font websites, you can do anything!
head to layer three and create a new layer off of it. click the text tool, and add whatever you want your button to say, in the font you like..and make sure to keep the font size small enough so that it stays on the actual button. you can add a "stroke" to your text, which borders it and makes it look like its slightly sunken into the button for a cool effect!
hm..hm..dont you think the button and the text..dont match up? well, thats where size adjustment comes in! depending on your text, youll have to--
wait,
wait,
wait!!!!!
[pt: wait, wait, wait!!!!!]
before you do anything else, back up your current file!! save as, duplicate file--anything!! this way, if you want to make a longer button, you dont have to go through the process again, you can just open that biggest button template and adjust as needed for the next one (just remember to duplicate the file again before you adjust it..or else youll have to start from scratch)
with your duplicated file, you can now edit freely! your art program, no matter what it is, should have a "lasso" tool you can use to wrap around certain areas of your canvas. this lasso tool should only work on the layer youre currently on, so keep this in mind! head to your border layer, and lasso however much you need to shorten. then, using the movement tool, move it across to the left.
you should end up with something kinda similar to this:
kinda messy, right? well, we can fix that easily through trimming the canvas. on a non-ibis platform, you should have a cropping tool that either extends or shortens the canvas, you can use it to..well..shorten the canvas!
after you do this, you should have two stray pixels in the top and bottom right corners. gently erase these strays away, making sure not to touch anything inside of the border. its like putting a picture frame over a painting--anything you no longer want is washed away, and you can hide any mistakes behind it no sweat! (yeah..okay..i know i said they were outdated..but c'mon!)
heres the fun part:
☆ Coloring~
do you remember earlier, when i mentioned clipping, and how you can add color without taking away from the shape..? well, thats actually important here!
when you make a new layer above one of the base layers, you can turn on the "clipping" option and paint over it, allowing for recolors! see.. how else would you have been able to recolor it so in-depthly if youd just downloaded and edited the button itself without the layers..? (pretty easily, if you know what youre doing.. but shh..)
there are some rules i like to personally follow for my buttons, but you dont have to follow them..take some guidance--from catsblessing~!
the bottom coloring should be a darker color to the base one, to show shadows
the top coloring should be a lighter color to the base one, to show.. light!
the border coloring should be dark enough to show over the bottom coloring, but light enough so that it doesnt completely mess up the top coloring (though, if you care enough you could also do different colors for the top and bottom of the border)
the stroke of the text should match the color of the border
you got that?! no? hmm..hmm..! thats okay. moving on,
when youre done messing with the colors of your button, you need to make a new layer from canvas. what does that mean..? it means it combines every visible layer from your canvas into one layer, without you having to actually combine anything! you can do this from the same menu as duplicating a layer, but on anything other than ibis.. ahh.. id be stumped. i guess you could save it as a png and then reopen that png on top of your already existing layers. yeah..yeah..! that would work!
well, with your new layer, you need..to get ready..
for more annoying stuff;;
do you remember those shiny layers from earlier..? ya, this is where they come in. your holy grail of layers needs to be positioned right underneath the first shiny layer, so that the shiny layer clips onto it
like this:
does it do that? good! turn the shiny layer invisible again for a second, and save that holy grail of layers 20 times, baby! yup, 20 times! yup, every single time to make a button! yup, you can delete the pngs after the button has been fully exported! make sure to save it as a transparent png, otherwise youll have stray background pixels!
have you saved it 20 times? good! turn that first shiny layer on again, and save it as a png. turn that shiny layer off again, head to the one above, and save it as a png! no matter what, your shiny layers should be clipping onto your holy grail, so if they arent then something has gone wrong along the way.
ya, you need to do this for every single shiny layer. once youve done that, you need to import your pngs to a gif maker--like ezgif! start from the bottom, the 20 layers first and then the shiny layers from left to right. your button can be whichever speed you want it to be, but mine are usually 10fps.
if youre using ezgif, change the delay time to 10, and turn on the "dont stack frames" option, and then you hit
make
a
gif!!
[pt: make a gif!!]
if all goes well, then you shouldve ended up with a fully functional button, like this:
isnt it beautiful..? what should i do with it..?
oh, right. what should you do with your button now, huh..? well, a lot of different things!! you can use them for rentry pages, carrd pages.. uhh.. decor on older sketchy forums.. tbh, i just like making them, idk what people tend to actually do with them..
anyway, if this was useful to you, then im glad i could help!! and if this wasnt useful, or you got stuck along the way..my askbox is open for any other questions!
drawn by me, but there are only so many ways you can draw a 'basic' stamp outline ദ്ദി（• ˕ •マ
credit is appreciated but not required ! jus don't claim (the base) as yours. (when crediting, feel free to tag me. i love seeing whats being made ! /nf)
More stamp templates: zzoom , inky , catwebp , caterpillar
━━╋ while you are here, please be sure to see fleaseditstuff post about some popular stamp templates.
hai everyone, to the best of my ability ive created a font file for the shiny button font ^_^ my only request is that if you use it, link back if someone asks!
UPDATE 11/23/25!
shinybutton2 and shinybutton3 added!
both now include lowercase letters! sb1 remains unedited with only the capital letters. sb2 includes lowercase letters with characters and numbers. sb3 is the same as sb2, with a smaller E, alternate W, and alternate S.
still dont like the characters or want to change any letter at all? use this site! thank you
find the fonts here! if it opens a ttf, the link is bugged!
Hello, not a request but instead more of a question, how do you make your resources? Like the gifs/pixels/stamps/etc..
I love your stuff by the way, absolutely amazing resources!!
hello，thank you so much！ this might be a long post，but i’m all for more people getting into editing so here goes nothing！ (^_-) yapping under the cut〜
for my pixels，i draw them myself using a steam application called pixel studio．it’s my go to for doing anything pixel related including pixels and sometimes even blinkies．from there if i need any guidance i usually look at a reference image of what i’m trying to draw，or i sketch something in another window without the pixel brush．making 20x20 pixel art legible and clean is a bit tricky，so it can take some trial and error，but you can definitely do it！ pixel studio also has a built in animation feature，which is how i animate my pixels most of the time．animating it in pixel studio makes it so the pixels don’t turn out blurry，so i definitely recommend that if possible．
for my 40x40 or 50x50 gifs，i use photopea to open an image．then i go to image -> image size -> and scale it to my desired size．make sure to change bilinear to bicubic sharper，i find it makes the final gif a bit more clarified．from there i usually duplicate the layer on top of itself and then merge it，since there can be some transparency issues from the resizing．if it still looks wonky，repeat that，or go to filters -> sharpen -> sharpen more．it’s your graphics，so tweak it however you see fit！ ♪( ´▽｀) from there i duplicate the image and move it to animate it．make sure each frame is its own layer．from there you’ll want to move all of your layers into order of the animation，and then rename all of the layers to “_a_”．then you can export and save as a gif，and adjust the speed there．if you want to tweak anything afterwards i suggest ezgif！
for my buttons，i use photopea again．here i use some others resources，so here they are！ i like to use these pixels or just make my own，here and here are some blank button templates，here and here are shiny gifs （i recommend using soft light overlay）．i use the font silkscreen．（ @inimalace i saw you commented asking about the font i use，so here you are！ sorry for tagging you in this huge thing hehe）if you want a more in depth tutorial on these，let me know！ (^｡^)
i make my stamps in photopea，they’re probably the easiest to make！ just import a stamp template，add a layer underneath as your image to put inside of the stamp，and scale to fit．erase any excess image around the transparency，add an overlay if you’d like，and viola！ any animations i do with ezgif．i make my stamp templates in pixel studio！ if your images are blurry， try using bicubic sharper！
i make my blinkies in both pixel studio and photopea．i like the variety of fonts in photopea more！ i edit the colors and animation and add any decoration in pixel studio to avoid blur，then add text in photopea．you can just use mine as a base for the blinkie itself if you would like！ (^^) you can isolate the frames using ezgif and edit my decor out．
for my dividers， rentry graphics and layouts，i use photopea too．i love gradient maps and utilize them often．from this point for me，i just throw stuff together and whatever looks good sticks！ i can post some resources i frequently use if anyone would be interested，but they aren’t mine so absolutely do not credit me for them！
if you （not just op）need anything expanded on or explained better，let me know！ i can try and help you with any troubleshooting as well．you guys are never ever an inconvenience to me，i want nothing more than for more people to get into making graphics and web decor！ feel free to tag me in what you make if you’d like =(^.^)=
izzy806
pixelskylines
gamechangershow
