Discover Top Posts Tagged with #blinkies tutorial

HI!!! i loved your ieytd blinkies…may i ask what you used to make them?:3 thank you!!!!!

For the actual blinkies design, I used ibis paint! And then I used ezgif to make it into a gif!

The canvas size I used:

I used the "digital pen" brush because it's smallest size is exactly one full pixel

Everything else is up to you honestly!! You can have as many frames as you'd like but I just use two for the blinking effect

The Base I made and used if anyone needs it

If you have any other questions, feel free to ask!

#when i was trying to figure out how to make them i looked up a tutorial but it asked me to use a program that cost money #so i gave up on that and figured out how to do it myself #thank you for the ask!#blinkies #blinkers #does this count as like a #blinkies tutorial #they are very fun to make i hope people make more #you can use the same method to make stamps and spacers #ieytd #asks

Can you give a tutorial on how you make stamps/blinkees plz? :3

sure thing!!

blinkies tutorial!

for this tutorial i will be using GIMP, a free photo editing software for pc. i will put the link below!

The official download page for all things GIMP! Please only use the official binaries provided here unless you really, really know what you’

how i make blinkies!

firstly, make a new canvas that is 150x20. a lot of creators like to scale up for a clearer image, but i simply don't care enough to.

make a new layer

make sure it is transparent and the full size of the canvas. this layer will be used to create the moving dashes.

2. use the rectangle select tool to position the dashes

you want to make the selection 2 pixels in on every side like so:

if you would rather use another method, you can make the selection the entire canvas then navigate at the top to select > shrink and set the amount to 2 pixels.

3. add the dashes

make sure you have your fg (top color) and bg colors set to the color of the dashes you want. navigate at the top to edit > stroke selection and apply the following settings:

congrats! you did the first color! navigate to the same option again and this time apply these settings:

now you have the dashes! your canvas should look something like this:

4. add text

using the text tool, create a box that fills everything inside the dashes like so:

click inside the box and type the text you want. change the font and size accordingly. set the text to center and use the move tool to center vertically if needed.

5. export your image

navigate at the top to file > export as... name the file (name)1.png as there will be two images.

6. flip the dashes

select your dashes layer then select the flip tool by right clicking on the unified transform tool

click on the canvas and your dashes should be flipped.

7. export your image

navigate at the top to file > export as... name the file (name)2.png.

8. make it into a gif

go to ezgif's gif maker and upload the two images. (link below)

Online GIF maker where you can create animated GIFs, banners, slideshows from sequence of images. Upload frames and make a GIF or merge and

9. (optional) speed the gif up

once you hit "make gif", scroll down to the section above. i like to speed it up by at least 150%, but do whatever you like.

10. save it!

congrats! you have successfully made your own leefymoon style blinkie!

blinkie made:

i hope this is helpful! if you need any further help, there are plenty helpful tutorials online for GIMP. i will post a stamps tutorial tomorrow! :]

☆彡 HOW TO MAKE BLINKIES - A tutorial☆彡 tiny animated gifs for your blog ♡

─────────────── ✧ WHAT IS A BLINKIE? ✧ blinkies are 150×20 pixel animated gifs that blink, flash, or sparkle ✨ they’re from the old internet and they are PERFECT

─────────────── ✧ WHAT YOU NEED ✧ ♡ aseprite ALTERNATIVES:

Photopea (free, browser-based, easiest)

GIMP (free, downloadable)

Photoshop (paid) ♡ pixel font (optional but cute)

─────────────── ✧ STEP 1: NEW FILE ✧ File → New

✦ width: 150 px ✦ height: 20 px ✦ color mode: RGB ✦ background: transparent

click OK ♡

─────────────── ✧ STEP 2: PICK COLORS ✧ ♡ use 2–4 colors max ♡ high contrast = easier to read ♡ neons + black/white = blinkie classic

(save your palette if you want a matching set!)

─────────────── ✧ STEP 3: ADD TEXT ✧ use the Text Tool (T) or draw letters by hand ✧

♡ pixel fonts look best ♡ antialias OFF ♡ keep it short + centered

examples: ✦ I LOVE U ✦ ✦ ONLINE ✦

─────────────── ✧ STEP 4: DECORATE ✧ tiny details make it cute ♡

♡ hearts ♡ ♡ stars ✦ ♡ dots • ♡ sparkles ✧

(1–3 only or it gets messy!)

─────────────── ✧ STEP 5: ANIMATE ✧ open timeline: View → Timeline

♡ duplicate frame 1 ♡ make small changes: ✦ change text color ✦ turn sparkles on/off ✦ blink background

⏱ frame time: 200–400 ms

─────────────── ✧ STEP 6: CHECK IT ✧ view at 100% zoom if you can’t read it → more contrast or less detail

─────────────── ✧ STEP 7: EXPORT ✧ File → Export → GIF

♡ loop: ON ♡ resize: OFF ♡ transparency: ON ♡ keep it 150×20

save + admire ✨

─────────────── ✧ POSTING ON TUMBLR ✧ upload the gif directly ♡

─────────────── ✧ TINY TIPS ✧ ✦ antialias OFF forever ✦ test dark & light backgrounds ✦ less animation = more charm ✦ old internet rules only

─────────────── ✧ YOU’RE DONE ✧ you made a blinkie ♡ welcome to tiny web art 💿✨

─────────────── ✧ If you need a tutorial on how I make specific animations feel free to bully me in my ask box. I am still relatively new to this but I will try my absolute best to help out <3 ✧

#web graphics #blinkies #blinkies tutorial #webcore #y2k #old web #tutorial