#design.stuff

[transgp]

aaand all of the lewis race weekend graphics together!

[trans1oa]

TWENTY FOUR BABY!!!!!!!!!

[montourr-temp]

I mentioned this on main but there's something sooo funny about being a graphic designer and sitting here at 180% zoom debating which option I like more between this

and this

[trans1oa]

THIRTY WINS BABY!!!!!!!!!!!!!!!!!!!!

[transgp]

all the yuki race weekend result posters together!

[transgp]

How do u make the gifs? They are really good 😊

this is not the exact question but yk, good exuse for me to do an updated giffing tutorial!! so here's

PRINCEMICK'S 2025 GIFMAKING PROCESS!

for this you're going to need: - OBS - Adobe Photoshop (doens't matter what version of the programs)

I'm gonna explain to you how to get a basic gif like this!

(with the 30 picture limit I'm going to ignore the colouring part for now, if you want to know my basic colouring process pls do tell and I'll make a separate post about that!)

this process is a 5 step process including: - recording - timeline - shape and size - sharpening - exporting

step one: recording

I tend to screen record bc of live giffing and I prefer the control over frame rate so I use OBS. OBS itself is a pretty simple program, all you're gonna have to do is click on the plus in the sources panel

and click on display capture and here'e youre gonna have to select the screen you want to record and click on ok and thats it

then when you click on start recording it will record your screen. there are a few things you have to change when your obs is new in settings. in 'Output' you're gonna make sure your Recording Path is somewhere, you can find it back. all the other settings you can keep as they are they dont change much but these are the settings I use

then you're gonna go to video and you're gonna have a bunch of settings abt resulution, most of these dont need to change this should be auto linked to the settings on your monitor/screen. the only thing that I change and like is changing the fps values to 60.

step two: timeline!

now we've recorded smth and know where it's saved so we're gonna open Photoshop. when you open photoshop you can just drag your MP4 file on your home screen and your workspace is going to look something like this

then, what we're gonna do is look for the part were you want your gif to start and we're going to put our little slider on that part and cut it down to that like this.

next, we're going to click on the lil arrow at the end of our video file and change the speed percentage to 50%, this shows down the gif to a little bit slower then is natural which I prefer.

then, I make my gifs abt 2 seconds, this makes it long enough that it isnt to short but is also small enough for tumblr to be able to process it. the length of your gif you can see at the bottom of your timeline right there

I'm gonna turn this recording into three gifs so we're going to go back to our little arrow and change the duration to 6 and grab the little slider and slide it to our 02:00f marker. these sliders are the selection that you're going to be exporting.

step 3: shape and size

tumblr has a size limit and size preference. you can post gifs upto 10mb and it prefers pictures in 5:7 540 format. so to try and make the highest quality gifs we're gonna try and keep to those.

we're going to do that by clicking on our crop tool in our tool bar

your video should get those little selection lines, we're going to ignore those and go to the top of our workspace and click on the little ratio tab and click on the 5:7

when you do that your file should look like either of these. we're going to be making horizonal gifs so we're going to make sure the crop is like that, if it's not you can right click your crop and click on rotate crop box.

now, this might seem strange but we're just going to accept the crop and click on enter, even if its ugly we're going to fix that later. so your workspace should look something like this now

now we're going to to go image -> image size

when you click on this this space pops up

what we're going to do is stick to that 540 rule,we're working with a horizonal gif so we're going to change the width to 540, make sure that little link on the side is on

(if you're working on a vertical gif you change the height to 540)

now, your crop should've gotten much smaller and your timeline should now be purple. purple means your gif is now a smart object!

(you can manually zoom in or clic Ctrl + 0 for windows or Command + 0 for mac and it will instantly fill out your workspace)

NOW, you can move your crop around and zoom in/out by using Ctrl (command) + t to move it around to a crop you think looks nice.

step 4: sharpening

now we're going to move onto something that very much changes per person so if at any point of this you think my choices are ugly just move it around and change it to how you enjoy it but this is my sharpening!

what we're going to do is select our layer and go to filter -> sharpen -> smart sharpen

these are the smart sharpen settings I use for my first filter

then we're gonna go to filter -> blur -> gaussian blur and add these settings

then we're gonna go to filter -> noise -> add noise and use these settings

then we're gonna go to smart sharpen again and use these settings

then one last time we're gonna go to smart filter and use these settings

then your gif is gonna look like this!

step 5: exporting

now that we're done with out basic gif I tend to add a good few layers of colouring but bc of the picture limit I'm gonna skip that for now.

to export a gif we're gonna go to file -> export -> save for web (legacy)

aand these are the settings I tend to use.

and again, play around with these especially the top 3, they change with every selection you make and is very up to preference.

the important part is that the mb at the bottom of your workspace right here is under 10m

and thats it! now you have a basic lil gif!

[transgp]

okay! as it was hard as fuck to explain and a lot of people still seemed confused by ai sharpened gifs and what they actually look like after this answered ask!

so I put one of my recordings through an ai sharpening generator for yall (never doing this again btw I hated it) BUT I only added a little bit of sharpening to it to make it export better. and my own colouring bc creators who use ai to sharpen do obv use that!

anyway HERE you can see that uncanny valley pore thing (look at his nose and tops of his cheeks) and with the hair you can see the ai try to grab individual strands which is just not how camera's capture hair. also you can see that weird little like to sharp line around the face.

also what I mentioned w the moles, look at the balaclava mark, it kinda moves and sharpens and it looks weird as hell and kinda more like hair then an imprint?

for comparison, here's the same gif but with my normal sharpening without ai!

also i like texture so it's more dramatic then others might but here u can see, pores, the line of the balaclava looks like an imprint, the hair is much more of a whole with less identifiable hairs in the mass and more on the ends.

this is the difference I was talking about! and again, I wanna remind yall. on its own, its FINE to use ai with this and like how it looks its ur own choice to do so or not dont go out and b an ass about it if u do start noticing the people who use ai just ignore it. dont fucking be mean about peoples gifs thats weird.

anyway, hope this makes it easier for people to identify if ya care about that ! <3

[trans1oa]

og picture -> how I used it in a graphic