all these I got off the png site I use, hypic, picsart, diffrent wikis, and pintrest. Do not credit me! If asked I’ll take these off and credit them reblogs always appreciated as usual. Also please check out this big master post I made with a ton of resources in multiple dropboxes 👍
I've gotten asked a few times on discord how I make graphics (since I primarily share my works there), so this is a lil' tutorial post :p
╳ This is the way I make graphics. Others might do it differently and thats okay.
Images provided!!!
Here's what we'll make for the tutorial:
Okay so, I use ibisPaint X, and my canvas size is usually 1960x1340.
Theres many different ways you can "frame" your graphics (see my [The Herta] and [Acheron] graphics) but I usually use a divider on the top and bottom.
╳ You can find dividers under various tags on tumblr, and there are many Rentrys/Carrds with resources that have dividers (I LOVE the blogs [lavendergalactic], [selysie], [laylaplush], and [lucentmaiden], and the rentries [lavender-resources] and [border]).
Then, get your character render - Theres tumblr blogs and other social media accounts that do primarily make and post renders of characters (Like [hoyo-transparents] I LOVE THEM SO MUCH they are also where I got the Yanagi render from for this example), you can even look around online for renders by search, but sometimes you WILL have to erase and cut renders out yourself (I usually use the background removal tool, then I go in and erase the closer parts myself)).
╳ If your character has any accessories on their head that make it hard to fit them on the canvas, you can change the height or width dimensions of the canvas to have them pop out of it more (See my [Miku] and [Nicole Demara] graphics).
Now, duplicate the render and put the dupe under the dividers.
(Optional in some cases) - Hide the top render, and erase parts of the bottom render that are showing underneath the renders.
Go back to the top render and erase the lower part so the bottom divider appears to be in front of the render (As if it was a 3d space).
╳ If the render has (a) body part(s) going over the dividers that you'd like to keep, you can erase around it (See my [Agaela] and [Yae Miko] graphics).
Time to add background elements (if you want)!!!
I usually add patterns(?) in the background (I also usually merge them and make them all the same color but you can do whatever you wish).
OR you can add pngs! Its the same way to find dividers I mentioned earlier, I love the ones [adjpngs], [suturical], and [pngblog] post, but I usually search up keywords like "flower png" on tumblr to find some.
╳ You can also get pngs off of Pinterest and remove the backgrounds either manually, through ibisPaint X's "Clear White" functions (Three dots on the lower right when in Layers tab), or through background remover websites (of which there are MANY).
╳ You can also put pngs over the render or on the dividers, they don't just have to be background elements.
OOOR you can mash them together (And thats what we'll be doing with our example graphic)!
Now… COLORING!!!!!!
Move EVERY part of the graphic into the folder (make sure to keep every layer in the same place).
╳ You do not have to do this step, but I usually press "Add layer from folder", which mashes everything in the folder together in a NEW layer- so you have everything on one layer, but still have all your other layers in the folder. then, I hide the folder. I do this to keep things clean AND in case I want to change anything.
╳ This is also an optional step, but I usually use the "Grayscale" filter on our "almost-finished-product". Some colors might clash or not work with the filters and colors I'm trying to use, so I grayscale it all so I dont have to deal with that. BUT, you can absolutely keep things in color and still be able to work with it (See my [Mulani] graphic)!
Now, we want COLOR! there are many ways to do this, but I usually use the Overlay/Lighten/Screen blending modes.
╳ There is a Gradient Map filter in ibisPaint X but I don't use it since I don't have premium. I've heard of a few websites (Including Photopea) having gradient maps and whatever else, but they're confusing for me to use so I don't know how to use them- theres probably tutorials out there for those programs though. Photoshop probably also has a gradient map but I don't actually know I don't have it.
╳ Theres also some users out there who make color combos for ibisPaint X that you can use (I don't have any recommendations though)!
You'll definitely want to explore and mess with colors to see what you want.
I chose this:
Now, textures. OOO DO I LOVE TEXTURES.
Usually I use textures through overlays, but ibisPaint X has an ENTIRE PAGE dedicated to patterns, textures, and presets. I CANNOT EXPRESS HOW MUCH I LOVE THIS FUNCTION!!!
I usually use the paper/old paper textures when I use ibisPaint X's materials, but you can scroll around and use what you find!
╳ An optional step I do is duplicate the grayscaled layer, blur it, and make it a clipping layer- then adjust the opacity to my liking. It makes the graphic look a little fuzzy and I love it.
I ended up with this:
(I also realized midway at this point that I did not color the background patterns so I went and did that)
Last step is to add your watermark. I HIGHLY. HIIIIGHLY recommend watermarking your works, because there are snatchers everywhere on the internet. Too many times I have seen people steal other peoples stuff. You do not have to watermark your stuff, but its probably recommended by every version of artist there is on our Earth. Plus, people will probably want to know who made the work!
I add my watermark by putting the grayscaled layer in a folder, making a new layer IN the folder, and putting my watermark in there- somewhere on the graphic. This makes it so both the watermark and the graphic are affected by the clipping layers (But you can always merge the watermark and graphic together. I usually don't incase I want to move the watermark elsewhere).
Then, we have our finished product!
(Remember to enable "Transparent" when you download it!)