#graphics tutorial

[fluffettis]

— how to recolor gifs ( easy ) tutorial

      website used :

‎    https://ezgif.com/instagif

[loveybloom]

𓆩♡𓆪 divider tutorial ˖˚

꒰ step one ꒱ ↳ first, find an image or two on a search engine or pinterest/something like it. it's best to use images with plain color (like white or black) backgrounds.

꒰ search terms to try ꒱ ↳ lace trim ↳ lace divider ↳ floral divider ↳ heart divider ↳ clouds divider ↳ bow/ribbon divider ↳ divider clip art

꒰ step two ꒱ ↳ either copy and paste the image or download and upload the image into remove.bg. use erase/restore as needed.

꒰ step three ꒱ ↳ you're done! pretty simple, right? good work \(^_^)/

[drblacula]

This isn't a request I've just been having trouble figuring something out, how do you do your rentry/graphics mainly the gifs? I really wanna learn!

:3c < hey ! I learned how to clip gifs in my graphics so I can finally give this tutorial :

end result :

this can apply to any mask !! if you have any questions please contact me at any time !

[seraphmaws]

hi ^-^! Can you do a tutorial on how to make this icon? I would like to learn :3

https://64.media.tumblr.com/64eb5472b1d49fc941ccefbae558846e/cb2b70c34ebba0a7-b4/s1280x1920/d9e44a125324b309a533a1e56be842355046d740.gifv

Hello! I apologize in advance for my poor explanation skills, and also for how convoluted this process can get 😭 But I saw this as a worthy challenge, so here’s how you too can make a gif icon where the character comes out of the frame like this and this:

This is going to be very long so the full tutorial is under this cut!

Programs I use: IbisPaintX and Procreate*

*full disclosure, procreate is exclusively for iPad and costs 10 USD. however every thing I do in procreate you should also be able to do in Photopea

1. First things first, after finding the gif you’ll want to use, you’ll need to download each individual frame. By importing it into either procreate, photopea, or any program that’ll allow you to view individual frames, you’ll be able to save each frame

A note about gifs: The best gifs to use are ones with less frames due to the fact you’ll be editing the individual frames. Not to say you can’t use gifs with higher frame counts, however it is much more time consuming the more frames there are

2. Next you’ll have to remove the background from each frame. You can remove the background by hand, but I like to use this website to help make things a bit easier. Just pop your frames into it and download each one

It is unfortunately not always accurate and often misses things on images where the background isn’t clearly defined or is lower quality, and you most definitely will have to do touch ups on your frames For example here, for some reason, the first two frames (on the left) were left with a semi transparent gray background and in the image in the middle, you can see sizable areas where the website missed. And also as of recently there as been practically invisible dots it leaves where the background once was that stroke filter picks up some how. You’ll need to hit each frame with the magic wand tool or similar to remove these dots if you plan on adding strokes

3. Now add all your frames into your program and stick them in a folder. Then, reposition the frames on top of the image mask you are using (in ibis, make sure all frames are visible and select the folder before repositioning the frames, in other programs, you should just be able to select multiple layers and move them that way). Once you’ve repositioned them, duplicate the folder then select clipping on the bottom folder like shown in the right image (I know I forgot to duplicate the folder then 💀)

4. Now here’s where the tedious stuff comes in. Make sure you number your frames, because it’ll help you out a lot. In the top folder, erase the bottom part of your gif that you want to be in the frame (I’ll call this the clipping layer) but keep the top where you want to be coming out of the frame intact (this’ll be the overlapping layer). Repeat this process for all of the frames

Note: Try to use a simple shaped frame for these kinds of icons. However, if you choose to use something with a more complex shape, be weary of where you erase! You will need to be more precise with shapes like these depending on where you want things to go

And if you haven’t edited the frame itself, you should do so now

5.5. After that, you can leave things off there and skip this step if that’s what you’re going for! However, if you want to add things like strokes, it’ll get a lil more complicated

Firstly, I duplicate my clipping layer and then select stroke (both). You can also use stoke (outer) or whatever your program has, but this is my personal preference. I then duplicate that layer and keep applying stroke till I get what I want (if you use stroke (outer) duplicating your layer isn’t necessary). I think merge my stroke layers together, but I keep it separate from my main frame

That way I can duplicate my stroke layer and add it to my overlapping layer. Then I erase the unnecessary parts shown on the left. You may need to clean up the stroke on certain frames or reapply it depending on the position of things and what you’ve erased and what not. It takes a lot of trial and error. You can also apply the stroke before you make your overlapping layers, however when I was making this graphic I fucked it up in the process of making this tut and had to remake it so that’s what I did the second time around 💀 if you were wondering why I didn’t just do that in the first place, now you know

6. Now it’s time to export your layers as a psd and import it into procreate/photopea! You’ll now have to merge your clipping layer into your image mask then merge your overlapping layer on top of it to create one layer. Repeat this for all the frames and you’ll be finished!

Tada! Now you can add filters and whatever else if so desired. And that’s my process for making these kinds of graphics! There’s definitely an easier way of doing this but that’s just what I’ve got figured out for now. Don’t hesitate to ask any questions for the things that make zero sense lol

[aedearly]

hey balu, do you know how to recolor skin / how a coloring psd works for that? like for a character that's pale and not the shade they should be ( cough cough natlan ) asking bc I want to that but idk how

Hiya, anon! I can explain how I personally do it, but here's a huuuuuuge disclaimer: I'm colourblind, so I heavily rely on colour wheel pointers. Throughout this tutorial, you'll see me constantly comparing where the pointer is and trying to use my somewhat limited knowledge of colour theory. I'm sure other creators have other ways to do this that are much simpler and/or more effective; you should look for and check out other tutorials here on Tumblr, YouTube, or Twitter!

Due to the limited previews of images on Tumblr, you can also open the images on new tabs to see more details.

For religious and political reasons, I will not use a Natlan character as an example. Instead, I'll use Candace (also from Genshin Impact) as our muse. Specifically, I will use her character card art image, which can be found on the Genshin Impact fandom wiki. The image quality is not so great, so that's why we'll see some bleeding pixels here and there. Dealing with those is another tutorial altogether. Also, if you meant an absolutely pale character (with littler to no melanin), that would be another tutorial, too. So, I'll be sticking with these examples and explanations here! This can give you a starting point.

In this tutorial, we will go from this before (left) to this after (right):

Also, I'd like to point out that these steps are for this specific picture/character. Though the same logic can be applied to other characters and images, it's imperative to remember, especially when you're starting your editing adventures, that there is no fool-proof and 100% universal PSD. I'm just explaining the logic behind how a colouring PSD works and some of my mental processes behind it.

Please consider reblogging, liking this post, and/or supporting me on ko-fi if this helped you! That way, I can keep bringing you tutorials like this faster and more effectively. ~

Now, let's begin!

First, we must notice that skin colours (even paler ones) are shade variations of yellows and reds. If we check the hex code colour/colour pointer on the colour wheel, we will see that Candace's skin colour is at the intersection between red and yellow, and is on the lighter/less saturated part.

Here, I am deepening/saturating the blues of her clothes by creating a Hue/Saturation layer, changing from Master > Blues and adjusting the Hue and Saturation values. Colour theory basics: opposing colours on the colour wheels will give a more significant idea of contrast; the bluer colours will appear colder, and the warmer colours will appear hotter and, therefore, more saturated.

In this second step, I am creating a Selective Colour layer, focusing on the Reds. I want this to be highly reddish for now, so I'm lowering the Cyans to the minimum values I can. Notice how the colour wheel pointers went down, meaning we are in a redder, more saturated and more precise zone. The darker the skin, the redder its colours will be in pictures.

Thirdly, I am now creating a Colour Balance layer. Since I want to adjust the warmer colours (e.g., Reds), I am adding more reds, magentas, and yellows.

The exact process I did for Candace's clothes, I'll do for her accessories. Her accessories blended too much with her skin tone (hex code-wise and I imagine that for the normal eye, too). So, to make the yellows on her accessories pop and be more different from her skin, I created yet another Hue/Saturation layer and changed from Master > Yellows, altering the Hues, Saturation and Lightness values.

Now that we have the image's primary colours (blues, reds, yellows) separated, it is time to deepen/saturate the reds. So here, I made another Selective Colour layer, also focusing on the Reds. Notice that now I'm also increasing the Cyan values. Why? Because Cyans make the reds look darker, and I want exactly that. So everything will increase in value.

To further deepen these colours, I created a Curves Layer and tweaked each RGB curve. I made the blues lighter; meanwhile, the greens and reds went darker. Again, colour theory! Notice on the colour wheel that her skin is extremely red and saturated. This is precisely what I want. Why? Well...

... Because now, by using a Selective Colour layer again, I can make her skin magentaish. Pure magentas are rare in pictures, even fantasy/2D characters. Generally, you will find variations of purples, pinks or reds, but magentas are more difficult to find. Therefore, they're easier to work with/edit. Even if the character had magenta colours, we could've isolated them beforehand, too. This step guarantees that my PSD will solely focus on her skin tone, basically.

Our final step is to create another Hue/Saturation layer and change the setting from Master > Magentas. We will decrease the Saturation and Lightness values and slide the Hue bar to the right. And now, check the colour wheel: it's a beautiful dark brown! It's popping a lot against the yellows and blues. ~

This is where we started vs where we finished!

So there you have it! A speedy but hopefully informative tutorial on how colouring PSD works and how you can quickly love your characters a bit more when doing edits and graphics for them!

Again, please consider reblogging, liking this post, and/or supporting me on ko-fi if this helped you! That way, I can keep bringing you tutorials like this faster and more effectively. ~

If you have any questions, please let me know!

[scenedwar]

a tutorial on how you make your rentrys? /nf!!

or what tutorials do you follow?

you're amazing, thank you!

Tutorial on how to make my layouts!

I won't exactly put a video doing a explanation, that's not really what I would do, but I'll explain what sites I use for my layouts / gifs!

First of all, I use Ibis paint pro, I usually collect things from tumblr / Pinterest to make the layouts and then I just use gradient filter on them (Ibis paint pro exclusive)

Then, to make the gifs, I use the site ezgif, it's really hard to learn how to use that site but it's perfect to make gifs or do pixels recolors

I can make a video explaining how to use ezgif if asked to!

Thanks for reading! <3

[pearlieprincess]

if its alright how did you make the status boxes? i.e. in your gyaru/gyaruo post >_<

Hiya!! My BF created the IMVU status boxes / buttons from that post so he made a tutorial detailing how to make them as well!

📖Programs/sites used ☆ Clip studio paint & ezgif (I use ibispaint to make shiny buttons and the process is the same).

⭐️This button doesn’t include these but if you want to have a symbol (like the star from the gyaru buttons) at the front of yours, find an imvu status button (one from the game to use as a base) that includes the symbol you want and in the backgrounds layer recolor it along with the background so they are the same color.

Here’s the finished button from the video with a few alternate color schemes if anyone would like to use them!

I hope this helps & let me know if you have any questions! ♪

[elamorsys]

how to use icon frames!

go to ibis paint!

go to the bucket tool, and change it to erase

erase the parts you don’t want

add another image!

move image to the bottom layer

resize!

erase the excess!

go to save image!

press save as transparent

And you’re done!

[b0nniemask]

𝚑𝚎𝚢 𝚑𝚎𝚛𝚎!! 𝚢𝚘𝚞 𝚑𝚊𝚟𝚎 𝚙𝚛𝚘𝚋𝚊𝚋𝚕𝚞 𝚐𝚊𝚝𝚝𝚎𝚗 𝚝𝚑𝚒𝚜 𝚊𝚜𝚔 𝚋𝚎𝚏𝚘𝚛𝚎 𝚊𝚗𝚍 𝚜𝚘𝚛𝚛𝚢 𝚒𝚏 𝚝𝚑𝚒𝚜 𝚒𝚜 𝚠𝚎𝚒𝚛𝚍 𝚝𝚘 𝚊𝚜𝚔 𝚋𝚞𝚝 𝚑𝚘𝚠 𝚍𝚘 𝚢𝚘𝚞 𝚖𝚊𝚔𝚎 𝚢𝚘𝚞𝚛 𝚝𝚑𝚒𝚗𝚐𝚒𝚎𝚜? 𝚒 𝚊𝚖 𝚝𝚛𝚢𝚒𝚗𝚐 𝚝𝚘 𝚖𝚊𝚔𝚎 𝚜𝚘𝚖𝚎 𝚏𝚘𝚛 𝚖𝚢 𝚜𝚒𝚖𝚙𝚕𝚢𝚙𝚕𝚞𝚛𝚊𝚕 𝚊𝚗𝚍 𝚒 𝚍𝚘𝚗𝚝 𝚠𝚊𝚗𝚝 𝚝𝚘 𝚋𝚘𝚝𝚑𝚎𝚛 𝚙𝚊𝚔𝚎𝚛𝚜 𝚠𝚒𝚝𝚑 𝚊 𝚋𝚊𝚓𝚒𝚕𝚕𝚒𝚘𝚗 𝚛𝚎𝚚𝚞𝚎𝚜𝚝𝚜 𝚜𝚘 𝚒 𝚠𝚊𝚜 𝚠𝚘𝚗𝚍𝚎𝚛𝚒𝚗𝚐 𝚒𝚏 𝚢𝚘𝚞 𝚔𝚗𝚎𝚎 𝚑𝚘𝚠 𝚝𝚘 𝚎𝚡𝚙𝚕𝚊𝚒𝚗 𝚒𝚝:) 𝚗𝚘 𝚙𝚛𝚎𝚜𝚜𝚞𝚛𝚎 𝚝𝚘 𝚊𝚜𝚠𝚎𝚛 𝚝𝚑𝚒𝚜 𝚋𝚝𝚠!! 𝚓𝚞𝚜𝚝 𝚊 𝚠𝚘𝚗𝚍𝚎𝚛:3

Omg it's not a problem! Sorry I'm late with a response lol -_-

I tried to explain the best for this one but it was hard lol, I also added screenshots :P

APPS NEEDED: Ibis paint x

Here's the tutorial! It was done on my phone but you can use anything :)

First, what I do for the 'base' if that's what you wanna call it, is go into Pinterest and search "Rentry mask", this is where I get the masks I use.

Also get a picture of anything to put in it and some icons/overlays if you want but that's completely optional :0

Then, take the rentry mask you saved and put it in a new project in ibis paint. I recommend using the first available canvas size.

Go to the "Zoom" option and make it fit the canvas.

Then open the down arrow icon and click the 3 dots. This will take you to a whole new menu. Then click "Clear White (Color)"

After, you get your image and put it in the middle of the rentry mask, click the down arrow again, then click this option [forgot what it's called] and then zoom your image to fit the mask how you like.

Also, if you wanna add an overlay or an icon, when you import the image, the button will still be clicked. Just press it again on the new layer of the icon/overlay and it will be removed for that overlay.

After, click on the down arrow again for the menu, and click one of the two options for removing the white AND the background of the project, doesn't matter which one though I like the gray one :)

If you want after this you can add an overlay as well /nf

Then, after all of this is done, click the back button and you'll see the save menu. Before saving, click "Make Transparent" and then save and you're done!!

I hope this helped you !!

[luctus-flos]

not a request id jst like to know how you color your graphics :3

‧₊˚౨ৎ good day to you, patron. indeed you may know how I color my graphics. I should share a fair warning beforehand, I do not claim my method of coloring images as the best or only method- there are many viable methods, though, I have found this one works best for my needs.

chapter I ⠀⠀✧ ⠀⠀image choice + program

‧₊˚౨ৎ for this tutorial, I will be using argenti's lightcone, 'an instant before a gaze.' such a beautiful lightcone will do wonderfully for a profile picture in my next edit, which you may want to keep an eye out for. the program I use is firealpaca, it is a free and easy to use drawing app that I have also found suitable for editing. however, this tutorial should apply to all programs usable for edits, so long as it has filters.

chapter II ⠀⠀✧ ⠀⠀color choice

‧₊˚౨ৎ the next step is to choose your colors. I typically only need two to begin recoloring my images, and if needed, I will change throughout the process. however, for simplicity's sake, I've chosen two colors for this edit. I quite like argenti in red, so I will be keeping him in red for this edit. I tend to memorize the general placement of my colors upon the color chart, but if you hold concerns for memorizing your colors, do not fret. I suggest placing your colors on a different layer so you may color pick them as needed. now that we have our colors, we may continue.

chapter III ⠀⠀✧ ⠀⠀beginning the recoloring

‧₊˚౨ৎ to begin coloring, create a new layer, and make sure it is above the image. I start off by using the gradient tool provided by firealpaca to place both colors in a nice gradient, in either order, and then change the blending filter to 'color.' you will see the image change into your desired colors in a natural way; if it does not look like how you imagined, attempt to adjust the opacity or the colors you are using before continuing. as you can see, the image is extremely red, so I will be turning the opacity down for a more natural recoloring.

‧₊˚౨ৎ that is a much better recoloring. it is less bright, and more akin to ambient lighting. this satisfies my needs, so I will continue onto the next step. to continue, you may either create a new layer with the gradient of colors again, or you may simply duplicate the layer from before and adjust as needed. I have chosen to do the latter. after you have the new gradient layer, combine the original gradient layer down to the image after you are certain it suits your tastes.

chapter IV ⠀⠀✧ ⠀⠀continuing to edit

‧₊˚౨ৎ now that you know the basics on how I personally choose to edit, it makes continuing the recoloring much easier. after this, you can duplicate the gradient as many times as needed, or create new gradients and adjust the opacity and the blending filters. I typically tend to use the following filters during my editing, though I may not use all of them if not needed- multiply, overlay, screen, lighten, darken, soft light, hard light, and then color. these are simply my most used filters, and I may branch out into hue or saturation change as needed, though rarely do. feel free to play around with your blending filters, it's important to find which filters suit your preferences and needs most, patron. for this edit, I used mostly multiply, overlay, and screen, and adjusted filters opacity as needed.

chapter V ⠀⠀✧ ⠀⠀returning to old roots

‧₊˚౨ৎ this step is entirely optional, but I enjoy doing this. I like to add a touch of different colors during my recoloring, and in this case, I would like to bring back argenti's green eyes. fetch an image of the character once more, and use it to color pick the color you wish to bring into the edit. in this case, I've used argenti's chibi sticker in order to return his original eye color. you may create a new layer with these colors as well, if you wish to, but I am usually fine to just remember it. this method is the same one I used to bring back the green hues in my personal graphics when editing them.

‧₊˚౨ৎ using your brush tool and on a new layer, color over and fill in the area you wish to recolor. since the area is small, this step is fairly easy, and I simply recolor over the pupil. then, set the blending filter to color, and adjust opacity as needed. you may also attempt to set the filter to overlay or multiply, the blending filter which works best to you is to be discovered by you, but I personally find the color filter to be enough. after this step, I tend to add another layer; in this case, I added an extra screen layer, to add more into it. be sure to add as much as you feel is needed.

chapter VI ⠀⠀✧ ⠀⠀finale

‧₊˚౨ৎ and this is the completed product. though it may not be the best recolor I've done to this day, it certainly befits a good tutorial and sample of how I tend to do my projects. I do hope this helps you color your graphics and images as well, patron. thank you for the question, it was a very fun experience writing up a small tutorial such as this one. do have a good day, now, and until we meet again, patron.

[theerastour]

Graphics tutorial requested by anonymous

All made with adobe photoshop 2023 (you can find free downloads of cracked versions on here occasionally, photopea.com is also good I've heard) I'm assuming basic knowledge of photoshop/similar editing platforms and their tools, but you can always message me or comment if you are confused about anything!

Also, I used keyboard shortcuts sometimes to change the size of a brush or toggle the brush options, I'm not going to annotate this because it's a lot but here is a resource for basic photoshop keyboard shortcuts

Firstly, the sizing of your edit matters! Max sizing for best quality on Tumblr is 1280 x 1920. If you want to put to put two images next to each other sizing should be 640 x 960.

Next, always try to find the highest quality picture of whatever you're using. Good resources include taylorpictures.net, 4k Taylor Swift, and if I can't find them here I do a google image search of my photo to see if any other websites have a bigger/hq file.

This video is a couple clips I screen recorded for you to see my process and demonstrate a few different tools I use regularly. I added timestamps for you to follow along as you read the rest of this.

Here's a photo of my workspace I am working with and what I will do first is cut out Taylor from this photo and move her to my correctly sized canvas. There are multiple ways to cut out an image in photoshop, the easiest I've found is the select subject function and using the quick selection tool (see toolbar beneath the photo). Other tools include the magic wand tool, lasso tool, and quick selection tool which I will show later.

Now you will see that my selection isn't perfect, so I will use the quick selection tool to fix a few areas that I'd like to manually select/correct. This isn't totally necessary at this stage as you can always perfect your cutout in the next few steps, but it does help save some time.

This is where I'll use the quick selection tool to either subtract or add to my selection. There are keyboard shortcuts to toggle between + and - to make this quicker.

See my screen recording of the process from 0:00-1:07

Now that we have our image selected and cut out, I copy and paste it to my canvas I want to work with (size 1280 x 1920) and this is what I've got:

As you can see there's a few spots that need cleaning up in order to make our cutout perfect. You can do this with the eraser tool, magic wand, quick selection, or lasso tool.

See my screen recording of the process from: 1:08-3:50

Now that we're happy with our cutout, we can play around with it in any ways we want! Typically you're gonna do things like change the background color/texture, add elements with the square/circle tool to create what you're looking for, overlay elements and/or textures, and finally recolor it to your preferences.

This part is where you can try new techniques and play around to find what you like. I recorded some of my process of playing with different ideas and elements until I got to something I was happy with! The video explains the tools I was using as well

See my screen recording of the process from: 3:51 - the end

I hope this helps you with creating graphics in the future! The fun thing about photoshop is there are multiple ways to get what you want done. I showed you my way but there's plenty of other techniques and methods out there to try if you're unable to achieve what you want!

Best of luck and feel free to reach out to me if you are struggling/have questions! <3

[rockinroleplay]

Rockin Resource just hit! new colorization tutorial. Done in Photopea but works in Photoshop (See video description for tool shortcuts.)

[graphic--horde]

How do you make your stamps? :0

Disclaimer: this is an obscenely long explanation, with pictures. Efficiency is stupid

So, for the static ones, I make a 99x56 px file on ibis paint x. Other programs are probably available online but I don't use them.

After that, I either upload an image I want to make into a stamp, or I draw one.

Then, I find a frame I want to use. Ill upload them here but let it be known I stole all of these right from deviantart

Most of them are from Lil-Devil-Melii on deviantart. The rest i have no idea. They're not all 99x56px but you can crop the canvas it's fine

Make sure to erase the edges of the picture , so they're transparent. It's not as cute otherwise

Upload those frames over your image in whatever art program you're using and viola, stamp.

For moving ones, it's a lot harder. Mostly because I refuse to download Photoshop.

There are a couple ways to do this. Some are simple animations, like with flashing text and whatnot. For these, you download the individual animation frames from your art program. Make sure it's transparent.

Then, upload each frame to ezgif.com under the option "GIF maker." You can play around with how fast each frame goes and whatnot but in the end, it'll be a stamp with some rad text that moves. This is easy, and doesn't make me want to shit my pants and cry. If you're new, do this. This is fun. This is good. This does not kill me inside

I made that↓ stamp with this method :)

this next one is how we turn gifs into stamps. This one makes me sad. It involves math and sucks. But we gotta do it. For the vibe

First, grab your gif. I'm using this cow gif because it's awesome

Then, I resize it using ezgif. Literally everything for this will be using ezgif. I am a simple man

At this point you should decide what frame to use. I'm using this one because its the first one I clicked

Figured out what size the inside of the frame is. That's what I resize the gif to, so the edges can be transparent. The inside of this one is 93x50 px, so those are the dimensions I'm making the gif.

Figure it out by putting the frame into ibis paint and realizing the canvas to fit just the inside of the frame, then seeing what the dimensions are. But there could be easier ways

Woah it's so small now

Then, still on ezgif, I go to the "crop" option.

Make sureeee to upload the smaller gif

press the button that says "extend canvas size", and then put the "width" and "height" as the dimensions for your FRAME. This'll put a bit of a transparent border around the gif. For this frame, I did 99px and 56px.

The "left" and "top" boxes show how many pixels the cropping happens from the edges of the canvas. The formula for finding that is

(width of gif / 2) - (difference between gif width and frame width / 2) = left box

For me it's (93 / 2) - (6 / 2) = 43.5

Then you do the same.for the height, which for me ends up being 22 from the top

This is reallyyy touchy and annoying though

Here's my result , with no visible difference

Okay so THEN you go to the "overlay" option, under "effects." And upload your frame. If the cropping was done right, you shouldn't have to move the frame at all and can just download it

Here's my result:

if you don't care about transparency, you can resize your gif to be the same size as the frame, and then put the frame over it. But I'm a slut for transparency

Anyways. I'm sorry if anything was unclear, it's two am. And I hope this was helpful :) these really are fun to make once you get it down

also if anyone has an easier way to make stamps from gifs, please god tell me

[tofupixel]

easy tutorial for how i made this simple stylized "nebula" from my 'head full of stars' piece. note that this is not the only way, or the best way to do it, it's just the way i did it (and i made it up). enjoy

btw this was made with my 8 colour palette 'supernova' which you can download free here. eyestrain warning maybe

30% off pixquare pixelart app with code 'tofu' 💕

pixelart guide | support me | commission me | buy a print | buy a sticker

[dandysworlds]

how does one make graphics (i need to . improve)

Well, the Princess' methods are very simple! She would be glad to teach you.

A bit long graphic tutorial under cut ^_^ (all art by Iinquint on twitter)

First, we import the frame or mask you will use. You can find these by searching "rentry frame".

Then, we will import our picture and erase any excess outside of the frame.

Then we usually add a chibi, You can do this by finding chibi art and erasing the background.

And now we will add any PNGs to the graphic. We chose circle laces for this.

Now we will duplicate the layer of our chibi.

We then use the Stroke Outer filter to find dots that weren't erased, we will go to the top original later and erase where all the exposed dots are.

After that, we delete the layer & reduplicate it. Then we use stroke outer for a white outline, and then a black one. If the chibi or whatever you are using is white or very light already, feel free to reverse the white & black.

Then we add glow outer (usually around 1-2px)

Continue this process for everything

Save it

And then we will import it into a new canvas through 'import picture' & then use the grayscale.

Now, We do not always use a gradient map. But feel free to try out gradients to see if it looks nice on the graphic. Either of the 2 top sites work.

Find a gradient that looks nice. If none fit your vision, feel free to skip it.

Now, import the new image and then add textures. Play around with blending modes & opacity until it looks right.

Boom! You've made your very own graphic.

Now for animated graphics...

(No visuals) If you'd like one where the small chibi moves, move it to be angle -5, save it, and then angle 5 and save it. (Also adjust angles if the 5 looks weird.)

Import the images into ezgif gif maker and turn on "Don't stack frames" and adjust delay time. (I usually use 80ish)

--

Animated graphics 2

Import your graphic into capcut. Add a green background or whatever color is not present on your graphic at all. Add the gif you want on the graphic. Adjust for all the images to go on for equal times so it works.

Ezgif > Mp4 to gif > Remove Background > Select hex code of background > "Replace hex with transparency" > Adjust Fuzz > Optimize

And voila, your graphic is completed! Feel free to adjust in ezgif effects if needed.

[pearlieprincess]

HIIIIIII!!!! sorry if this is like a stupid ask lol, but could you do a stamp tutorial? your stamps are always so high quality oml, how do you resize your gifs and images???

HIIII and no worries, I can totally make a stamp tutorial! (⌒▽⌒)

I’ll be going through on how to make a normal image stamp and then a gif stamp. By following these two tutorials, you’ll be able to make stamps just like these!

PROGRAM USED ★ Ibispaint

STAMP TEMPLATE BY ★ AHMED-ART on Deviantart.

To start off, you must find an image you’d like to make into a stamp. Then, find a stamp template you think would pair well with your image. There are many different types of stamp templates out there and you can find a lot of them on Deviantart.

Make sure to read the terms of use for the template before using though! Here is the template I will be using for this tutorial.

Making stagnant stamps is easy once you got the steps down. You can use any art program and follow a similar process, but I only use Ibispaint to create mine.

First, create a canvas that is the same width and height as your stamp template. This one is 97x57. Most stamp templates have super similar proportions. If you are unsure of your stamps dimensions, you can create a 100x100 canvas then crop it around the stamp template once you have inserted it.

(Brush icon -> Canvas button -> Trim)

To get higher quality on the image inside your stamps: the closer the better! For example:

See how the first stamp’s image is rather far away? This makes the quality appear much lower. However, once you zoom in, it becomes higher! So I recommend finding images to create stamps out of that you are able to zoom in on so the quality can pop.

You’ll need to erase the parts of the image that don’t fit inside the stamp so it remains transparent around the border.

If you want to change the border color of the stamp, fill in the canvas with the color you want. Then, clip it to the stamp border. Lastly, go and set it on multiply. This will change the stamp borders color!

If you want to put a line texture on your stamp, you can utilize the ruler tool in Ibispaint to draw lines over your stamp.

I’ll add these every once and awhile to my stamps for fun. If you set the opacity of the lines to 10%, it’ll end up looking something like this.

And that’s the completed stamp!

Changing the border color and adding the line texture is completely optional, though it’s always fun to customize stamps!

PROGRAMS USED: Ibispaint, Ezgif

GIF stamps are a little trickier, but the process is not too difficult once you got it down!

First, find a gif that you would like to make into a stamp. I’ll be using this one!

if you want to have a different colored or customized stamp border, you must edit it on Ibispaint before like explained above.

You can combine the layers and save them transparently so it’ll end up looking something like this.

I made this one blue and added a gradient to it to match the gif I want to make into a stamp! You can add a gradient to the border by adding a darker color onto the multiply layer then using an airbrush to blend both colors together in the middle on both sides of the template.

Now, open up Ezgif and click the tab called Crop. Then, insert your stamp template there. The way I find the dimensions of the inside of the stamp is by cropping my way around the inside of the template.

The dimensions inside this template in particular are 91x51. This is what we will resize our gif to! Before we can do that, click the crop tab again at the top of the page to refresh it and then insert your gif. This isn’t required to do, but I like to crop my gifs a bit so they focus more on what is going on inside my stamp. Like I said before, the closer the better, as it will make the quality higher!

Now that we have our cropped gif, click the tab called resize at the bottom of the page. The dimensions of the inside of this stamp are 91x51, so insert those numbers in the width and height boxes to then resize the gif.

Next step is to click the overlay tab at the bottom. You will need to click the button that says “extend canvas size” so we have room to overlay the stamp template on top of the gif. After extending the size, upload the stamp template as an overlay where it says choose file.

On computer, after clicking upload image, you can just drag the stamp template over the gif and situate it. However, you can also figure out the number coordinations to fix the template ontop of the gif by messing around with it a bit. I make my graphics on my phone so I use the numbers instead of dragging.

Left means to move the template left or right depending on the numbers you insert. Top moves the template up or down. The left for this template is 42 and the top is 21. It takes a bit of messing around to find the exact numbers.

Now that the template is ontop of the gif, all that is left to do is to crop the space around it. Click the crop tab again at the bottom of the page and then click where it says “trim transparent pixels around the image.” This will easily crop the extra space around the stamp.

Click download to save your gif and that’s it! Here is the finished product!

The whole process for making gif stamps is always the same, the only things that can vary or change are the dimensions of the gif (so it can fit inside different templates) and the left/right.

I hope you find this tutorial helpful and if anyone needs anything else explained, let me know. These stamps are free to use if anyone would also like to use them.

Happy stamp making everyone! 🩷

Dividers (c) @coco-coquette