Tumgik
#was trying out photoshop but the colors look so different
salamispots · 4 months
Text
Tumblr media Tumblr media Tumblr media
rug hook edition of color combos I liked but didn't quite work out
365 notes · View notes
Text
Photoshop is being a very zesty bitch today. 
1 note · View note
116t98 · 5 months
Text
My Heartsteel Headcanons
(Except they’re real things real kpop idols really did)
The guys solve all their problems/make all their decisions by playing rock, paper, scissors. Ezreal always loses
Except for that one time when he didn’t, and he literally got down on his knees and thanked God for him finally not losing
(Yone was the one who lost that time, btw)
Kayn ripped his pants in the middle of a televised performance
While playing charades, the others try (and fail) to make Yone guess “luggage”. A few minutes later, he’s only able to guess the word after Sett (with Aphelios’s help) pretends to be a luggage bag
Kayn can play “Mary Had a little Lamb” on the recorder with his nose. Yone asked if he could play something else, which promoted him to immediately play “My Heart Will Go On”
Ezreal told their fans during a live concert performance that he used to have a really nice jacket that he wore for some performances… until one of his stylists accidentally left it on a lighting device
Long story short, his Gucci burned
Sett cries at the end of every concert
A fan once left a comment during an Instagram live that read “I’m crying in the club”, and Yone immediately responded with “you’re in the club?”
Aphelios can perfectly forge all of his bandmates’s signatures; he’s signed Heartsteel memorabilia with everyone’s signatures before, without anyone else knowing
Ezreal yelled at Sett on TV for wearing insoles in his shoes even though he’s already tall
They like to play games during their concerts, like limbo and “who can unravel a roll of toilet paper the fastest?” (it’s K’sante, but Sett’s a close second)
When he first debuted, Ezreal promoted himself by passing out mints to strangers and asking them to listen to his song
Yone wasn’t able to join the others for a live stream once, so they called him to chat for a bit. Aphelios thought it be funny to hang up on Yone as soon as he answered the phone
He was right
Kayn once showed up to the airport wearing a dog head mask
During an encore performance, the guys decided to have a push up contest while they sang
(Sett swears he won, but everyone else begs to differ)
K’sante once mentioned during a TV interview that Kayn didn’t want to watch a movie with him bc he “doesn’t like watching movies”, which got Kayn (who didn’t want to look bad in front of any movie producers who were potentially watching) so worked up, he threw a pen at the table they were seated at… which bounced right into Yone’s eye
While he was promoting his debut song, Ezreal’s brightly colored stage outfits became a meme after he compared them to different kinds of Listerine online. The meme gained so much traction, Listerine actually sent him boxfuls of mouthwash and a customized cake decorated with some fondant Listerine bottles and a sugar doll version of himself on top
The guys tease Alune a lot. Like, a lot. Sett even once jokingly asked their fans to help them set Alune up on a date bc “she’s always solo” and “it’s so sad 🥺” (pray for her u guys)
K’sante accidentally knocked the head off of a department store mannequin
After watching one of their performances, the CEO of their record label complimented the group members individually, telling them things like “your voice is good”, “you look great”, “keep it up”, etc. But, according to Kayn, the CEO only told him: “your forehead’s wide, so you’ll succeed” (wtf does that even mean??)
Kayn and Ezreal had a Twitter war where they enlisted the help of their fans to Photoshop dumb memes of the other using whatever unflattering images of themselves could be found online
Sett has a habit of napping wherever he can. The guys take advantage of the opportunity by taking pictures of themselves posing around him while he’s asleep; some favorites include K’sante standing above him to recreate “The Creation of Adam”, Aphelios putting q-tips on his mouth, and Ezreal stacking random things on his chest
For his birthday, K’sante was surprised with a birthday cake at the end of their concert. As soon as he blew out the candles, the guys shoved him face-first into the cake. He then proceeded to chase them all down, lobbing chunks of the remaining cake at them
An interviewer once said “Ezreal’s not big” (referring to his height). Ezreal responded by saying, “how do you know I’m not big? 😏” (not referring to his height)
Aphelios choked on his water when he heard Ezreal tell a different interviewer “I’m an innocent boy” (he absolutely isn’t). As he choked, Sett told him to “watch out, babe”
Ezreal told Ernest to leave the frame of a video they were filming, but he spoke the command in Korean (I hc that he’s trilingual). When Ernest actually obeys the command, Kayn asks, in the most incredulous way ever, “your dog speaks Korean??”
*Sett promoting their music to random strangers*: “You want to be happy? Buy the CD! From Riot, listen in your MP3! You are not you and I am not me, bc we are one big family! 😁”
The guys once left Sett and K’sante behind at a gas station at night
Aphelios wrote Ezreal a heartfelt letter, written in Hangul, that he requested to be read during a live performance. Ezreal read the letter out loud; it started out well, until he realized that he recognized the words
He’d know the lyrics to the Sailor Moon theme song anywhere
611 notes · View notes
zuktara · 3 months
Note
Hii! Sorry to bother you, but I just saw your post about that one GoT scene with "camera raw filter" and *have* to ask...what is that?! That looks insanely good. I tried doing a quick google search, and it seems like it's a Photoshop pluggin, maybe? I'm not too sure... Would you mind sharing a bit more about it, pretty please?
the post anon is referring to:
Tumblr media
this is by no means an adequate guide or even a comprehensible explanation, but i hope it helps out somewhat.
you are correct, camera raw filter is a photoshop plugin. you can download it from here (works with 🏴‍☠️d/portable versions too): the installation is pretty straight forward, just do it as you would with any program.
before you do anything, make sure your screencaps are a smart object (it will obviously be faster if you add a camera raw filter after you've resized and added whatever it is you need to add, but you can always just do it with the original sized screencaps). it's easier to edit the properties from a smart object than to go back and try to get it right again from scratch.
Tumblr media
you will find it under filter > camera raw filter… this will bring up a new window:
Tumblr media Tumblr media
you can add as many of them as you need to. if you want to edit it because you think you've made it too bright or too blue or something, just double click on camera raw filter under your smart object:
Tumblr media
if you're editing one scene and you would like for everything to look uniform, you can also just bring over your settings because they're smart objects:
Tumblr media
okay enough yapping, back to what you came here for. let's go through all that i use/have used and how they work. you can mix and match them however you want - what works for one scene might not work for another.
the 'Light' section you can use to fix the light of the scene but i basically only use it if i want to "strengthen"/darken the whites and highlights. if your files are too dark or lack contrast, you can fix that here.
Tumblr media Tumblr media Tumblr media
the 'Color' section!!! chef's kiss. this is what i used for the Sansa screencap. first you need to think about whether your screencap is too yellow or too blue, and then slide it towards the opposite direction. after i did that, it was way too green, so i used the tint feature to help out with that.
Tumblr media Tumblr media Tumblr media Tumblr media
if you have handled today's media, you know that they haaaate color. so still in 'Color', in vibrance/saturation (i have never worked out the difference and atp i don't really care asdfghjkl) you can adjust that as well but it's for all the colors of the rainbow. you can enhance colors better in 'Caliberation' (see below).
Tumblr media Tumblr media
i don't really use 'Effects', but the Vignette feature is a lifesaver if you encounter those. an example:
Tumblr media Tumblr media
i have never touched 'Curve' but i image it works just like curves.
'Color Mixer' is good to manipulate colors. it's basically hue/saturation but lowkey better. if you switch to 'Color' in Adjust, you can edit them more accurately (Capcut has a feature similar to this i think).
Tumblr media Tumblr media
ngl i don't have a good example of this now so enjoy this cartoonish something:
Tumblr media Tumblr media
and we have arrived at my favorite!!! with 'Color Grading', you can fix almost anything: Midtones, Shadows and Highlights. it's basically a color wheel and you can try to find the black midtone and white points that will neutralize your screencaps. you can be more accurate with them if you click the circles in Adjust. basically a more freestyle curves i think.
Tumblr media Tumblr media Tumblr media
lastly, 'Calibration'. you can also enhance or diminish colors here based on whether they belong in the red, green or blue primary. eg if you have a scene that's way too yellow, you can try and bring down the saturation in Blue Primary and it will help tremendously.
Tumblr media Tumblr media Tumblr media
if you have any further questions, feel free to send me another ask!
346 notes · View notes
elinordash · 1 month
Text
Tumblr media
Thank you @cobbbvanth for asking me for this; I’ve never been more flattered! ☺️ I’ve only been making gifs for a little more than 2 years, so I’m really still only figuring Photoshop out, and my colouring owes everything to other people’s tutorials (some of which can be found here). To be honest, I was only asked some tips, but I have no clue what to include and what to leave out; so, here’s my complete (if random) colouring process.
NOTE: This is a colouring tutorial, not a gif-making one. The tutorial that taught me everything I know about that (and to which I am eternally grateful) is this one by @hayaosmiyazaki.
I. SHARPENING My standard sharpening settings are:
One Smart Sharpen filter set to Amount: 500 | Radius: 0,4
A second Smart Sharpen filter set to Amount: 10 | Radius: 10
One Gaussian Blur filter set to Radius: 1,0 and Opacity: 30%
One Add Noise filter set to Amount 0,5 | Distribution: Gaussian
II. BASIC COLOURING This is the part where I add most of the adjustment layers available and just play around with them. Obviously different settings work for different scenes, but I do have some standard ones.
Brightness/Contrast I usually up the Brightness to +10-30, and the Contrast to about +10.
Curves
For the first Curves layer I go to Auto Options > Enhance Brightness and Contrast, and then adjust the opacity until I’m happy.
I might repeat the above step if the gif still looks too dark to me.
I add another Curves layer, I go to Auto Options and this time I pick either Find Dark & Light Colors or Enhance Per Channel Contrast, and check or uncheck the Snap Neutral Midtones option, until I see something I like. I will then adjust the opacity.
Tumblr media Tumblr media Tumblr media
Levels I add a Levels layer that usually looks something like this:
Tumblr media
Exposure I add an Exposure layer, where I usually set the Offset to around -0,0010.
Selective Color To make the faces look okay, I create a Selective Color layer, select the Reds and usually add some Cyan (+10-20%) and play around a little (±5%) with Magenta and Yellow too. I might also add another layer, select the Yellows and make slight tweaks there too.
III. FUN COLOURING About colour manipulation: PiXimperfect just uploaded a tutorial that explains everything so much better than I ever could, so I highly recommend you go watch it. It’s made for static images though, and things are more complicated with moving images, so I also recommend @elizascarlets’s tutorial.
The reason I usually go for a softer colouring is that a more vivid one requires a lot of patience and precision, and I honestly can’t be bothered. Instead, I try to tweak the colous only a little, so that the edges can be a little rough without it looking too wrong.
One thing to remember is that each gif is different, and there isn’t one foolproof way to do this, so you will need to use a different technique depending on the gif you’re working with.
Okay, so, after I’ve decided what colour I want my background to be:
1. I create a Hue/Saturation layer and change the greens, cyans, blues and magentas to that colour. That’s easy enough, since it doesn’t mess with the face colour. I then set the blending mode to Color. If your background doesn’t include any yellow or red, you might be done here, like in the case bellow:
Tumblr media Tumblr media
2. To change the yellows and reds, I create a new Hue/Saturation layer, select the yellows/reds, move Saturation to 100 (temporarily) and then play around with the sliders until the face colour isn’t affected. I then change it to whatever I’ve chosen and change the blending mode to Color.
3. If for whatever reason step 3 doesn’t work (the background is white or black for example, or just too red), I might create a Solid Color layer set to whatever colour I want, set the blending mode to Color and then select the layer mask and carefully paint with a soft, black brush over the people’s faces/bodies. I will then lower the Opacity, to whatever looks smooth enough. If there’s a lot of movement in your gif, you might have to use keyframes (see elizascarlets’s tutorial linked above). However, my main goal is to avoid using those; that’s why I try my hardest to tweak around as many Hue/Saturation layers as needed and not have to create a solid color layer.
Tumblr media
4. Once my background looks the colour I want it, I might add a Selective Color layer that matches my background color and then try to make it look more vibrant. For this Aziraphale gif below for example, I’ve selected the Cyans and then set Cyan to +100%, Yellow to -100% and Black to +60, then created another one, selected the Cyans again and then set Cyan to +20 and Black to +20.
Tumblr media Tumblr media Tumblr media
5. If the gif has a white area, I create a Solid Color layer with a colour that matches the rest of the background and then set the Opacity low. I might also create a Selective Color layer, increase the Black and then play around with the colours.
IV. FINISHING TOUCHES
I create a Vibrance layer and set the Vibrance to around +30 and the Saturation to about +5.
I create a black and white Gradient Map layer (with black on the left end of the spectrum and white on the right), set the blending to Luminosity and the Opacity to about 20-30%.
Tumblr media
AAAND that’s about it I think! This ended up way too long and perhaps a little incoherent. I tried to make it as general as possible, so you might have to mix and match for best results. Feel free to ask me for further explanations about any one of these steps, and please tell me if you want me to go through the colouring of a specific gifset (although, as I said, I'm by no means an expert). Happy gifmaking!
246 notes · View notes
hansoeii · 8 months
Note
Several things: -LOVE your art, it’s amazing! Especially the one with Crowley and Aziraphale under the umbrella - which software do you use? Your art always look SO gorgeous (cheeky quote from GO right there lol) - how did you get so good at drawing?And thank you for encouraging other people to keep drawing and being so kind as I sometimes can’t help but compare my sketches to others and feel silly, but I guess it’s just a learning curve… Thank you so much for bringing your art to the world!😊
Thank you so much!!
I use Clip Studio Paint for drawing and Photoshop for small adjustments!
2. Haha thanks! Honestly...it's the hyperfixations. I managed to improve a lot in just a year because I've been drawing SO much cos there's so many shows and movies I became obsessed with that I wanted to create art for. So by drawing a lot I just naturally improved. For example these two Illustrations are just a year apart:
Tumblr media Tumblr media
I actually didn't actively try to improve, it's been a while since I did proper studies (I just don't really have the time for it between freelancing and art school), it just happened.
But I can absoluetly recommend going on YouTube and look for some art tutorials if you actively want to start improving! There's some channels that helped me so much back then:
moderndayjames
Incredible shape language and super insightful tutorials on all kinds of topics! I learned so much from him.
Ahmed Aldoori
So many awesome tutorials on so many different areas of art. Love it.
Marco Bucci
Incredible tutorials on color theory and understanding how color works in general! Learned SO much from him!
Sinix Design
The OG tutorials I began learning from. I watched his videos religiously as a teen. I adore his painterly style and adopted it in some way, haha.
Ethan Becker
This dude sometimes drops these tiny art tips that just completely blow my mind and that I adopt immedietly. He's super entertaining but also such a great teacher.
And I can also recommend checking out this book by James Gurney if you want to get better at colors!
And for anatomy I highly recommend the Morpho books!
But improvement doesn't only come from drawing a lot. A lot of the time I don't draw for a while and just study the world and artists around me and suddenly I improved when I get back to drawing. Don't ever overwork yourself to the point that you don't enjoy what you do anymore. Take breaks and listen to your body!
I learned to try and not compare myself to other artists, which helped a lot. Through conventions and social media I made so many lovely artist friends and realized how we're all struggling in a very similar way. A lot of us don't even really know what we're doing most of the time, haha. But we help each other out, it's such a wonderful community. I think when you're not actively part of the community it tends to feel like other, more successful artists are some kind of art gods that have perfected the craft and never struggle. But believe me, all the artists you admire go through rough times all. the. time. Sometimes what they do feels easy and natural, other times (more often than not) it feels like you have to try and learn how to walk all over again and you start to doubt your abilities. I personally go through that so many times.
So what I'm trying to say is that instead of comparing yourself to the artists you admire, learn from them instead. Ask questions, befriend fellow artists, study the artists you enjoy and just have fun with it!
And finally I thought it would be fun to share some of my horrendous Johnlock fanart from a decade ago for some motivation:
Tumblr media Tumblr media Tumblr media
I hope my answer didn't overwhelm you, but I thoight it would be nice to give a more detailed answer!
Have a wonderful day and keep drawing! :)
446 notes · View notes
blueskittlesart · 6 months
Note
What advice would you give beginner artists?
it's fine to want to do more stylized art, but nothing will help you improve quickly like studying from life. even if you want to draw very stylized figures, life drawing is still going to help you understand how the human body works and then you can build your stylization off of that understanding. I also recommend studying specifically things you're looking to improve--if you feel like your poses aren't dynamic, ask your model to do some quick (1-2 min) dynamic poses and work on getting the gesture down. if you're looking for anatomy, ask for longer, more static poses and really study the contours of the body. this also applies for portraiture and character art--my expressions and facial structure improved like CRAZY when i started doing portrait studies from life! (note: i know live model sessions aren't accessible for everyone. i'm a huge advocate for nude models, if you can find a studio nearby that's affordable to you that offers sessions, that's the best you're gonna get. however, there are sites that will give you photos of nude models to draw from, too, or you can even just ask friends or family to pose for you when they aren't busy, that's what i did before i started getting model sessions from my school!)
materials are not everything but sometimes a good material can make a difference. it's important to know what's worth it and what isn't for your skill level. invest in some decent-quality supplies or a good art program, but understand that you're still going to need to work to understand your materials and use them to their fullest potential. (if you're a digital artist buy csp. trust me on this. get it on sale. it will change your life. also do not fucking use photoshop)
tracing is ok. listen to me. TRACING. IS. OK. tracing is how you learn. don't trace other people's art and pass it off as your own, obviously, but there is literally no problem with tracing real-life reference photos. I routinely trace references for backgrounds and the like. there is no reason for you to kill yourself trying to make complex perspective and shit up from your head when you can very easily just overlay a photo and get what you need.
in that same vein, USE REFERENCE PHOTOS. find pics online or take pics of yourself and USE THEM to see how your poses work. it makes it SO SO SO much easier. the understanding that you need to create a pose out of nowhere will come with time but you're not going to get that skill unless you have a foundation of understanding how the real human body works, and the easiest way to get that understanding is by copying photos of real people.
last but not least, there's generally a sort of 'rulebook' that new artists are expected to go by, especially online, when it comes to digital art. when i was first learning, it was all about lineart and cell shading, two things that I didn't really like. Nowadays it seems to be all about rendering. the single most important thing i can tell you is if it sucks you don't have to do it. if you hate lineart just color your sketches. if you hate shading don't shade, or find a different way to shade that you enjoy more. if rendering is annoying or difficult for you DON'T BOTHER!! art is supposed to be fun. if part of your process is annoying or upsetting to you, cut it the fuck out. don't torture yourself just to do art the "right" way. i guarantee your art will look better when you're having fun making it anyway!
323 notes · View notes
chikoriita · 10 months
Note
what is good sharpening vs oversharpening? im sorry if i have oversharpened anything i am to new to this
It's a great question! There are a lot of reasons that oversharpening is a problem and just one is that it causes intense colorwashing. Oversharpening introduces excess graininess that skews skin tones and accentuates stray highlights that can wash out a gif.
I want to preface this post with this: I am not here to shame anyone who is oversharpening.
The most important part of this answer is to bring awareness of why these basic steps of gifmaking are so important to the whole process.
Each of these gif pairs are uncolored, unedited, and has the same save settings. The only difference is the sharpening settings that are listed on each gif. The left side has my usual sharpening filters, and the right side has the filters that usually lead to oversharpening.
Tumblr media Tumblr media
(Kate Sharma, Bridgerton, 2022, 1080p footage live action)
Tumblr media Tumblr media
(Matilda, 1996, 1080p footage live action)
Tumblr media Tumblr media
(Barbara Howard, Abbott Elementary, 2022, 1080p footage live action)
Tumblr media Tumblr media
(Miles Morales, Into the Spider-verse, 2018, 1080p footage animated)
It's not a crime to oversharpen your gifs, but it does lead to the slippery slope of colorwashing (even for white people).
Look for the halo: If you look at the oversharpened gif of Barbara, you can see a yellow outline around her hair. That is an obvious indicator of going too far.
Use a layer mask to see what the colors were before sharpening: you can see in most of the oversharpened gifs above that there is a huge difference in the colors shown vs. in the less sharpened gif.
If you're working with older footage: don't try to overcorrect the graininess of the media. It's okay if some of it comes through!
Try to get the highest quality footage you can: I primarily work in 1080p files because my poor laptop starts to sound like a plane taking off when I try to screencap 4K files. If you're like me, look for larger file sizes. That will reduce the graininess of the gif.
Here are some links to different sharpening actions and guides: daenerys-stormborn action anyataylorjoy action anya-chalotra sharpening guide
These are great to use if you are starting out in Photoshop! (psst if you need a hookup lmk) I know some people don't use PS, and for them, I put my sharpening settings on this post. I think both of the action sets I linked above have similar if not the same settings.
Also, one thing I noticed when making the gif pairs is that the less sharpened gif was always a smaller size. Fixing sharpening settings might help people who are trying their best to keep things under the 10mb limit.
I hope this answered your question, anon. If anyone has any questions or would like other resources, let me know!
477 notes · View notes
whoify · 4 months
Text
photopea gif tutorial!
i recently started learning the craft of gifmaking with the free software photopea. when i first started, i had to piece together several different tutorials as well as extrapolate from some photoshop tutorials because-- no one uses photopea.
but they should! it's free! it can run in your browser! it can do most everything photoshop can do and you don't have to deal with adobe or torrenting. so i'm making a tutorial of my photopea gifmaking process because that's what i needed a couple months ago, and i hope it can be of use to some others. let's go!
1: PREPARING
source the scene you want to gif. it's best to download your video when you can, but screen recording can work in a pinch. this is the video downloader software i use.
once the source video is downloaded, i like to pick out the specific moments i'm going to gif and save them as their own files-- this makes future steps easier. an individual gif shouldn't be more than 4ish seconds, so limit your selections to about that. name your files in a way that makes sense to you:
Tumblr media
2: CONVERTING TO .JPG
i like to convert my video clips to .jpg format. it is possible to load video clips directly into photopea, but unless it is a very short <30fps clip, it is likely to freeze or crash in my experience. i use this website as it downloads a higher framerate (~25fps) than others i've used.
Tumblr media
convert your video files and download the .zip folder containing your frames. make sure to unzip them and name them something helpful if you need to.
3: OPENING YOUR FRAMES IN PHOTOPEA
photopea looks like this when you open it:
Tumblr media
select "open from computer" and select only the first frame of your first gif:
Tumblr media
your environment should look like this (ignore the other projects i have open, you should just have 0001.psd or similar):
Tumblr media
go to file> open and place, and select ALL of the rest of the frames from your first clip:
Tumblr media
they'll load in one by one, and your environment should look like this:
Tumblr media
notice how all the frames have a little square in the corner? that means they are smart objects, and we need them to not be for our purposes. select all of your frames, right click, and choose rasterize:
Tumblr media
in order to make the series of jpgs move as a gif upon download, select all of your frames and go to layer> animation> make frames:
Tumblr media
all your layer names should now start with _a_. you can really do this at any point in the process so it's not a big deal if you forget at the beginning.
finally, you want to limit the frames in individual gifs to around 50 or less. if you find you have more, delete some frames off of the beginning or end by right clicking and selecting delete.
4: CROPPING AND RESIZING
select the crop tool on the left hand panel:
Tumblr media
at the top bar, select fixed size:
Tumblr media
gifs on tumblr are limited to 540px wide for single column gifs, 268px for two columns, and 178px for three columns. the height is up to you; i like to use 350px height with the 540px width.
enter your values into the W and H fields and do not press enter yet. drag the cropped area to where you want it to be-- try to line up the top and bottom edges so as not to lose too much of your image. once you're satisfied with the selection, press enter. your gif is now cropped and resized to tumblr standards.
5: SHARPENING
(if you are working with low-qual video, check out this tutorial by @hellboys before sharpening. basically filter> filter gallery > grain, select soft and play with the settings. then proceed!)
still making sure all of your layers are selected, navigate to filter> sharpen > smart sharpen:
Tumblr media
you should see this dialog box:
Tumblr media
these are the settings i like to use, but you can play around to see what you like. here's the before and after of my sharpening settings:
Tumblr media Tumblr media
the difference will be more noticeable once we complete the next step-- brightening and coloring.
6: BRIGHTENING & COLORING
navigate to layer > new adjustment layer:
Tumblr media
at any time, you can edit your adjustment layers by clicking this button in the right hand panel:
Tumblr media
for each edit you make to your gif, you will add a new adjustment layer. always make sure they're at the top of your layer stack. i like to start with adjusting the brightness and exposure, which are both pretty straightforward.
additionally ,you can select a curves adjustment layer, choose the RGB channel, and drag the curve just slightly upwards to further brighten your gif, like so:
Tumblr media
here's a before and after:
Tumblr media Tumblr media
now for coloring-- i mostly use the saturation/vibrance, curves, color balance, and selective color adjustment layers. just play around with all of these until you find a style you like. i like my gifs to look really bright and colorful, so i push the saturation and try to draw out warmer tones in the color balance:
Tumblr media Tumblr media
7: CAPTIONS
the font i like to use for captions is arial bold italic. you can download it (or any font of your choosing) from pretty much any free font website. if you choose to download a font not in photopea, go to file> open and select your font; it will now show up in the list of fonts.
navigate to the text button in the left hand panel:
Tumblr media
and type in the captions for your gif. i make the font size 20 for 540px gifs.
next, while only your text layer is selected, navigate to layer> layer style > blending options:
Tumblr media
click on drop shadow, and play around with the settings until you get something you like. here's mine:
Tumblr media
next, click on stroke and do the same thing:
Tumblr media
when you're done, make sure your text is your top-most layer.
8: EXPORTING
you're done! head to file> export as> GIF. you'll be prompted with a dialog that looks like this, with your gif playing (you can also do these steps without saving if you want a preview of your gif during editing):
Tumblr media
the only thing you should need to adjust is speed. this is the main difference between photopea and photoshop. the only way to specifically adjust the delay in photopea is to manually enter "_05" (or whatever amount of delay) at the end of every layer name. if you're like me you'll agree that is simply too much and settle for the speed slider.
i don't really know what logic governs the speed slider. it doesn't seem to be consistent across gifs, so play with it until it looks right. i've had it on 200% lately which seems insane but looks visually normal.
once the speed is adjusted, hit save and you're done! here's a final before and after of all the work:
Tumblr media Tumblr media
BONUS: SAVING .PSD PRESETS
did you think manually creating and editing all those adjustment layers was a lot of work? here's how to streamline it for next time.
at the very bottom of your screen, below your layers, select the icon that looks like a folder (third from the right).
it will create another layer called folder 1. drag your adjustment layers into this folder, making sure they stay in the same order. your layers should look like this when you're done:
Tumblr media
ONLY ONCE YOU HAVE SAVED YOUR GIF, delete all other layers that are not in the folder. then select file> save as PSD. save it somewhere convenient.
next time you're making gifs, after you've cropped and sharpened your frames, select file > open and choose your .psd file. it will open as another project. select the layer that says folder 1, and drag it to whatever project you're working on at the top bar. voila! your adjustment layers are applied to your new gif!
i still like to play with the settings, as coloring and brightness needs will differ from gif to gif.
thanks for reading! here's the gifset i made while making this tutorial :-)
173 notes · View notes
canonicallysoulmates · 7 months
Text
I was reading an interview from a couple months back that the SFX makeup artist for IWTV, Howard Berger, did and it's such an insightful and fascinating read. I'm gonna include some excerpts of things that stood out to me but if you're interested in the special effects makeup of this show I highly reccomend giving the full interview a read, I'll link it at the bottom of this post.
Like y'all, they developed individual lenses for each character that changed with their moods that's 🤯
"Berger: One thing Rolin wanted was to go back to the source material regarding the color of their eyes because Anne Rice says what their eyes look like. At first, I was designing other things and I wanted all the vampires to have individual eyes. I didn’t want them all to be yellow eyes or red eyes. So we went back to the source material and did designs on the actors via Photoshop that were more accurate to what she had written. Once that was approved by Rolin, I had this idea to show their emotions, be it hunger or passion — or just ravenous killers. Their eyes would change — not the color, but the sizes, so their pupils dilate and their pupils constrict. Also in the hunger phase, we had lenses for Sam that were also super bloodshot. He’s just drinking the blood and his eyes are filling up. So I really wanted to play with that. With the help of Ted Rae, who was our VFX Supervisor, we were able to design everything so we could actually see the eyes dilate or constrict, and that just made it more animalistic, because animals obviously do that."
And for the blood they made the human blood look different from the vampire blood, and for the big drinking scenes the actors weren't actually drinking any of that blood which makes sense but at the same time it looks so legit:
"There are different bloods in this show. We have human blood and then we had vampire blood, and it actually is a little bit darker and has, like, a pearlescence to it. When they’re drinking the stuff, like in the Dubai sequence, Props had [created] an edible blood that wouldn’t affect them. If they had actually drank the blood we made, it’d be like drinking maple syrup. It would be horrible. We were really careful in the way we designed it because we wanted the blood to stand out and be different. We [also] have dressing blood. That’s [the] blood that just goes on clothing or on the floor. That, you don’t ingest, and we could use pearlescent powders. We did a lot of different blood tests [of] blood spraying out. For the edible blood, we ended up finding metallic cake frosting powder that was edible, so we mixed that in. It’s all these crazy things and you mix that in and then they were able to have that in their mouth and not be sick. [For] any of the big drinking stuff, we faked it, or [else] they would have stomach problems the whole show. They’re such good actors that they look like they’re drinking blood, but they’re not!"
And the way that Rolin describes vampires burning in this series is carbonization so that's how they came up with what Louis burning in the sun would look like.
"That was something Rolin came up with and we kept trying to figure out, like, “how is a vampire gonna burn?” Rolin used a word that made all the sense to me. He said “carbonization.”"
Oscar-Winning SFX Makeup Artist Howard Berger on Creating Blood, Bite Marks, and Beautiful Nails for Anne Rice’s Interview With the Vampire
296 notes · View notes
amustikas · 5 months
Note
hi!!! <3 I love your art so much <3 your style is soo good, especially your coloring, it's so pleasant to look at <3 also, mind if I ask what kind of software and brushes do you use? The texture of the sketches, lineart etc. look so nice and I was wondering if there's something like that it Photoshop. Have a great day! <3
Hello!! Thank you for your sweet words!! <3
I work on procreate and mostly just use these two basic ah default brushes. I am sure photoshop equivalents exist for both of them out there somewhere!
And since I work a lot with these two I thought I would give ya some extra insight into how exactly I put them to use :)
Tumblr media
The 6B Pencil brush has got to be my all time favourite brush and I use it for literally everything!
Tumblr media
From rough sketches..
Tumblr media
to lineart..
Tumblr media
to colouring and details.
This brush is quite pressure sensitive, so you can achieve many different variations of size in one stroke by changing the amount of pressure you apply by hand. Through it all, it maintains it's relatively rectangular shape and brings with it soft grain like texture.
Come to think of it, I think I drew this whole next piece with only the 6B Pencil, start to finish. I think it really goes to show that in the end, it's not really about what brushes or software you use, but about how you make them work for you and how much fun you have while creating. I find that the drawings I have the most fun with end up being my favourites in the long run.
And to me, the 6B is just a damn fun brush to use!
Tumblr media
It is perfect for adding silly little shapes and lines all over the place :)
Tumblr media
And the other brush I find myself coming back to is Salamanca from the Painting category.
Tumblr media
I use it for filling in bigger areas of colour and just colour blocking in general. I like it's subtle canvas texture and the fact that it is not entirely opaque by default, which allows for interesting variations of hues.
Tumblr media
But that is not all! I like to size it down to use it to add details and colour to my portraits. I find that it's softness works really well on faces and it's transparency makes it easier to bring in variations of colour.
And would you look at that! More shapes and lines! It's really all I know how to do haha
Tumblr media
At the end of the day, I try to just enjoy the process of drawing as much as I can :)
I find that young digital artists often put a lot of emphasis onto finding the correct drawing software and brushes. And while that is important, I find that it is equally as important to throw caution to the wind sometimes and to just try out new things and to not care so much.
I mean hell, people create masterpieces in MS Paint!
My drawing process usually boils down to simply trying to ensure art stays something fun for me, and these two brushes have helped me achieve that over the years.
Hope this has been some help and not all pure gibberish!
156 notes · View notes
ashersskye · 1 month
Text
Lets talk about journaling & what to do when you just can't write it out
So my main gripe with journaling is how much therapy will push this on you as if it's the only method to working out the kinks in your life. It's not. Journaling is not for everyone, no coping skill is. Everyone is different. And there are some major hiccups that come when you factor in:
• trauma involving invasive parents reading your journals and searching your rooms can give you a sense of paranoia around having an actual paper trail of your thoughts just lying around for others to see
• abusive partners and/or abusive environments that are hard to cultivate private personal space
• there is a huge stigma around journaling being a "feminine" activity and because of toxic masculinity men are less likely to engage
• it's just awkward. Sometimes it's just really really awkward to sit down and write your thoughts out on purpose. Some of us have never had that a day in our lives.
• What the hell do you write about???? How long do you write for??? How do you know when you're done???? Why does this feel like a punishment??? Or homework????
The concept of journaling can be kinda problematic for trauma survivors to get into. So the first thing to do is understand why it's useful and how it can help.
Writing things out is just a nifty neat little introduction to the concept of ✨ making space for yourself. ✨ How do you know what you're feeling if you never say it out loud? How do you know what you want & need if you never give yourself time and space to ask? Everything feels too much, you're numb, life sucks, too much pain and it's not safe for you to talk about it out loud, right? You gotta find a way to ask yourself these questions cuz chances are no one else will. If you've never had anyone care about you on a deeper level like that, the yeah of course this kind of attention is difficult to sit with. It's intentional, on purpose, you giving yourself time and space to think about things that probably no one has ever asked you before. That's scary. And it's never about the inability to write. You can write fanfiction, you can write poetry, you can write a 5 page essay on why you're fed up to a friend. That's not the problem. It's the concept of ✨ being alone with our thoughts✨ that's the actual problem. When someone suggests journaling to you, it can feel like, "yeah right, like that's gonna help." The thing is, who else is gonna help you figure it out? The same people you're holding your breath wishing hoping waiting and expecting to notice you suffering in silence and come get you out of it? Has that worked yet? At some point you gotta wake up & try something else.
Let's talk about alternatives & what to do when it is the actual fear of writing your thoughts out loud in a physical form:
Feel like someone's gonna read ur thoughts? Try this:
Write in code
Write in scribbles
Color code your emotions & write in colored scribbles
Rip up the paper when you're done
Tear the page out and set it on fire over the sink
Tear the page out and pour coffee or dark liquid over it to stain the page
Try a different creative / destructive outlet. Collages, coloring books, macrame, crochet, art projects, music, learn an instrument, play a video game, tear something apart, punch a pillow, scream, cry, ruminate & doom scroll to avoid ur feelings.
Use a notes app on your phone
Make a private discord server or private Tumblr specific for venting
Draw a picture
Use symbols
Draw vent art
Photoshop or digital editing vent art
Write fanfiction
Vent or talk to someone privately instead
Remember that you have a right to your life, your pain, and how you express yourself. Remember that you are absolutely allowed to cultivate a space of privacy and protection. Even if you just sit on it for a while and think about ways you can give yourself more privacy, space, and freedom of expression, that's the entire point.
Don't know what to write about? Try this:
Look up journaling prompts online
Look up art therapy prompts online
Ask yourself a question & write out the answer
Write about what's bothering you right now
Write a letter to someone
Write a letter to yourself, your past self, present self, or future self
Write about what you wanna do this weekend
Write about what you did last weekend
Write about what's for dinner
Write about what you're excited for
Write that WIP you've been meaning to write for years now
Write a fanfic
Draw/ vent art
Write whatever comes to mind
Use shorthand or just write a few words at a time
List out your thoughts in bullet form
Write really big, one word per page
Cuss someone out
Write a poem
There are no rules, journaling is literally just there to help you become aware of your thoughts and help give you a safe space to be genuine and authentic with yourself. The goal is to just spend more time with yourself.
Feeling nervous or too anxious to write? Try this:
Buy a journal with a sick cover and cool pages with art on them
Write on loose leaf pages if books aren't your thing and keep them stored in a notebook or folder
Body double or ask someone trusted to spend time with you while you write
Find a good space to be alone
Pick a time when it's soft and easy to reflect, like bedtime or morning breakfast
Set the scenery. If ur at home then put on some music. Light a candle or burn an incense. Turn the lights low. Vibe. Chill.
Go outside and write or take pictures instead
Ease into it with a crossword puzzle, sudoku, or something else that stimulates your brain
Grab a comfort item or set up a comfort station
Grab a snack and some juice
Do something nice when youre done
Vent online instead
Try a different creative/destructive outlet
Vent or talk to someone trusted
Remember that there is no "right" or "wrong" thing to do here. You don't have to write, you could try something else. Even if you just spend some time thinking about it, that's good too. The goal is to make space for yourself. That's all. No rush, no need to "get it right." Take ur time. Breathe. Do something else. It's fine.
Lack of motivation? Try this:
Stop expecting it to be on a schedule. If you're not able to make it a routine then that's where you are right now and that's completely fine.
There's no need to write every single day at every single time of day. You gotta find what works best for you.
I mean if that works for you then that's great too!
Sometimes it'll be so easy for your thoughts to flow, and other times it won't be easy at all. Don't forget that at the core of writing is the actual acknowledgement of whatever it is that needs to be said. Sometimes that's not an easy thing to do no matter how you're trying to sweeten it.
Sometimes its just a quick little "I'm pissed off because-" whenever someone pisses ya off. Yanno?
Other times it's like ten pages of you rambling non stop and it's nice because there's no one there to tell you to stop
Give yourself some room to breathe and wiggle with
Remember this isn't a race. You move on your own timeline and if it's not something you can do right now then that's fine too.
Literally just slow down and breathe. If you don't want to do it then you don't have to force it.
If you do wanna do it but genuinely can't, ask yourself what's the biggest issue in the way and go from there
If it's something like "I want to write but the effort to get the books and pens is too much" then makeshift a writing station. Make it portable. Throw your books and pens and crayons in a bag and carry it with you.
If it's something like "I think this is stupid and I don't want to do it" well then weigh out how it feels to keep going as you are now vs trying something new and kicking your parents ass for calling your emotions stupid.
If it's something like "my hand hurts" then yeah honestly I feel you, that's why I just started talking out loud to myself. At least my cat cares, right?
Can you find other ways of sitting with your thoughts? Yeah definitely. Just work really hard on noticing them. Writing is just a neat little way to do that. That's all.
🌸🌸🌸🌸🌸🌸
Hope this helps
🌸🌸🌸🌸🌸🌸
99 notes · View notes
bixcaleen · 2 months
Note
hi, your latest edit for thgweek24 is absulutely stunning and i thought if i can ask if you can make a tutorial about the ripped gifs/paper effect? if not, that's okay! have a nice day <3
RIPPED PAPER EFFECT TUTORIAL
Tumblr media
hi! thank u :D (thgweek set referenced)
below the cut are the steps that i took to create this effect. this tutorial is very screenshot heavy and assumes some basic knowledge of photoshop and giffing.
i do my best to try and explain my process so hopefully this is helpful! if you have any questions, please don't hesitate to ask.
STEP 1: Choose and arrange your two gifs
with this specific use of the ripped paper effect, there's one gif on the "outside" of the rip and one on the "inside." in this example, the outside is the b&w and the inside gif is the colored:
Tumblr media Tumblr media
for me, the outside gif determined the positioning of the inside gif and the position/direction of the rip. as can be seen, outside gif has a lot of space on the left. therefore, i knew i was going to position the subject of the inside gif more on the right so i could create the rip without hiding too much of the b&w gif.
next, you want to arrange the inside gif on TOP of the outside gif. your layers panel should look like this:
Tumblr media
STEP 2: Creating the ripped effect
here comes the fun part! in order to create this effect, you're going to need torn paper brushes. here and here are some packs you can download (w credit to owner).
next, create a layer mask on your inside gif. you're going to use the brush of your choosing as an ERASER. then, you can play around with the size and angle of the eraser to create the look you want. this is what the gif and the layers panel now look like:
Tumblr media Tumblr media
STEP 3: Adding the paper
in order to add the paper around the edges of the inside gif (where the text goes), you now need to download a paper texture. i found mine on google by searching "paper texture png."
place the paper png IN BETWEEN your outside and your inside gif. this is what everything should look like:
Tumblr media Tumblr media
now, similarly to what you did in the previous step with the inside gif, you are going to create a layer mask on the paper layer. using an torn paper brush as an eraser, you will erase the paper, creating the shape you want.
be sure to leave enough room for whatever text you want to be on the paper. also, i suggest making the rips of the paper different from the rips of the inside gif so it looks more organic.
here is what my gif looks like after erasing the paper:
Tumblr media
optional: add a drop shadow on the paper layer (right click -> blending options... -> drop shadow)
STEP 4: Adding the text
first, you want to identify the space where you will have room to place your full quote within the paper. if there are no spaces, you can always use your brush/eraser to modify the layer masks.
Tumblr media
next, add a layer on top of the paper layer (and below the inside gif). select the text tool and start typing your repeated text!
Tumblr media
because you can see which text is hidden by the inside gif and what is on top of the paper, a shortcut i use is the "tab" button and only type words that will be seen.
type the repeated words around the quote you want highlighted:
Tumblr media
now, in order to contain the text within the paper, convert the text layers into smart objects. then, create a clipping mask on both layers (right click –> create clipping mask). this is what your layer panels should look like:
Tumblr media
with that, your gif should now look something like this, with the text contained inside the paper:
Tumblr media
STEP 5: Highlighting the quote
as you can see, it just looked like a bunch of words. so, in order to highlight the quote you carved out in the previous step, add a new layer below the layer of the quote you want highlighted:
Tumblr media
now, use a round brush (softness around 10-15% and opacity at 70-80%) with the color of your choice to highlight the words you want.
and there you have it!
Tumblr media
i hope that this made sense and was helpful! if you have any questions or clarifications, please don't hesitate to ask :)
134 notes · View notes
juergenklopp · 1 year
Note
How do you make your gifs?
Tumblr media Tumblr media
Hello hello! I love talking about gifmaking, so thank you for giving me the chance to ramble.
Instead of a detailed step-by-step walkthrough, I will link tutorials and resources written by the wonderful Tumblr creators on here along the way. Everyone has their method and preferences, and there’s no right or wrong way to make gifs. I’m going to share techniques and resources I picked up along the way that work best for me—they may or may not be suited to your preferences, but I hope you’ll find some helpful things here.
(Warning: screenshot/image heavy)
USEFUL TUTORIALS AND RESOURCES
Here are some tutorials and resources that I found very useful when I got back into gifmaking:
Gifmaking tutorial using video timeline by @hope-mikaelson is identical to my own process
Gifmaking and coloring tutorial by @kitty-forman​, whose process is very similar to my own
Giffing 101 by @cillianmurphy​, an incredibly detailed tutorial that covers everything you need, including a step-by-step guide to using HandBrake
Gifmaking and coloring tutorial with 4K HDR footage by @sith-maul​, another incredibly detailed tutorial with many useful tips
Gifmaking tutorial by @jeonwonwoo, incredibly comprehensive and covers so many aspects of gifmaking from basics, sharpening, captioning, and text effects
Gifmaking/PS tips and tricks by @payidaresque
Action pack by @anyataylorjoy​, the Save action is especially a true life-saver
@usergif and @clubgif are amazing source blogs with many tutorials on gifmaking, color grading, and gif effects, can’t be thankful enough for the members for their work curating and creating for these blog!
TOOLS
Adobe Photoshop CS6 or higher, any version that supports video timeline. @completeresources​ has many links to download Photoshop, have a look!
Photopea is a free alternative to Photoshop, but it has a slightly different UI, check out these tutorials for gifmaking with Photopea
HandBrake or any other video encoder, especially if you’re working with .MKV formats 
4Kvideodownloader for downloading from YouTube, Vimeo, Instagram, etc.
OBS Studio or any other similar screen capturing software. To prevent duplicate frames in gifs that prevents your gifs from looking smooth, try to match the recording frame rate (FPS) with the source.
IMPORTING FOOTAGE AND WORKING IN VIDEO TIMELINE
I work exclusively in video timeline instead of importing video frames to layers or loading files into stack. For videos that don’t require converting/encoding using HandBrake, especially ones that are already in .MP4 format, I tend to open the video directly on Photoshop, and trim the videos around directly.
Tumblr media
As mentioned above, this gifmaking tutorial using video timeline is exactly how I make gifs. I find it more efficient, especially if you’re making multiple gifs from the same video/the same scene with little to no change in lighting conditions You can simply slide around sections of gifs you want to save, and they will all be the same length.
Tumblr media
Another thing also covered in the tutorial linked is the ability to change video speed in video timeline mode. Right click on the video and set the speed before proceeding with cropping/resizing. This is also very useful when you’re making blended gifs where you need the footage to have the same length.
Slowing footage down.
As mentioned in this post, changing the FPS before slowing down the gif results in smoother gifs. Doubling the frame rate before slowing down your gifs usually yields the best result.
Speeding footage up.
I love using this to speed up slow motion B-rolls to make the speed slightly more natural. It will result in nice, smooth gifs:
Tumblr media Tumblr media
(B-roll footage, normal broadcast speed)
Tumblr media
(200% speed)
Subject won’t stay in frame?
Another feature of the video timeline mode. Keyframes are your best friend. This tutorial by @kangyeosaang covers everything you need to know about panning gifs. I use this technique regularly, it’s a life-saver.
COLORING
Here are some coloring tutorials I found very useful:
Coloring tutorial by @brawn-gp beloved, their coloring style is second to none
Mega coloring tutorial by @yenvengerberg, for stylized /vibrant coloring
Understanding Channel Mixer by @zoyanazyalensky
Coloring rainbow gifs by @steveroger, which delves deep into Channel Mixer
I tend to go for neutral-saturated coloring in general,  especially for minimalist gifsets with no effects (blending/isolated coloring/overlays etc.), but the possibility is endless for stylized coloring. Here’s what my adjustment layers look like for the example gifs above.
Tumblr media
The base footage for this Charles gifset is incredibly desaturated. I started with a Curves layer to bring contrast to the gif, as well as do some color-correcting to bring the base footage to a more neutral tone. To bump contrast, I also like to add a black and white Gradient Map layer with a Soft Light blending mode at 10%-30% opacity:
Tumblr media
The Vibrance layer is then used to lift the saturation of the base footage, with the Selective Color, Hue/Saturation, and Channel Mixer layers to help remove the green/yellow tint to his skintone.
An underrated adjustment layer/preset in my opinion is the Color Lookup. You can layer in pre-loaded .LUT color grading presets to help speed up your process. For this gif, it’s simply a base preset Soft Warming Look to achieve a warm, pink-tinted tone.
In hindsight I feel like this gifset is too saturated, his skintone is skewing very red/pink, I could’ve bumped down the lightness of the reds with a Selective Color layer or a Hue/Saturation layer. Try to err on the side of neutral for skintones. Experiment with layer orders—there’s no right or wrong! Remember that each layer build up on the one before it.
Tumblr media
The base footage of the Jalen gif is already quite nicely color-graded, but it’s still muddy and underexposed. As with the Charles gif, I started with a Curves layer to bring the gif to a better baseline contrast. Then I focus on brightening the gif with the Brightness/Contrast and Exposure layers.
The Hue/Saturation and Selective Color layers are to color-correct Jalen’s skin tone—it’s something I spend most of my time coloring gifs and focus a lot on, especially when color grading BIPOC skintones. Putting a Vibrance layer, upping the Vibrance and Saturation, and calling it a day would make his skintone skew very, very yellow/orange.
Tumblr media
Focus on the reds and yellow for skintone, play around with the Saturation and Lightness sliders, use the Hue slider with caution.
It can be tricky to achieve the right skin tone when working with sports footage vs the higher quality, higher dynamic range footage of films or TV shows, but I try to keep it as close to the subject’s natural skintone as possible.
Here are some of tutorials with tips and tricks on coloring BIPOC:
How to fix orange-washed characters by @zoyanazyalensky
How to prevent pink-washing and yellow-washing by @jeonwonwoo
Coloring tutorial by @captain-hen
Changing lighting conditions?
Fret not—this is why I love working in video timeline. I’ll take this gifset as an example: it’s a deceptively difficult one to color. The footage is 720p and the sunlight shifts throughout the video, so matching across gifs was tricky.
My solution was to split the clips in sections with consistent lighting, and apply adjustment layers to the individual sections before applying general color grading layers on top of everything.
Tumblr media
We can make use of the Fade Transition effect for sections where the lighting changes within the gif section we want to color.
Tumblr media Tumblr media
(without vs with Fade on the Brightness/Contrast layer)
The difference is subtle in this example, but the brightness in the right gif is noticeably more consistent throughout. You can also add the Fade Transition effect to the beginning for a fade in, of course.
SHARPENING AND OPTIMIZING GIF QUALITY
This tutorial by @anya-chalotra​ covers everything you need to know about optimizing gifs for Tumblr.
Sharpening.
Sharpening is essential to making crisp gif images. Here’s another ask I answered re: my own sharpening settings and maximizing gif quality.
Tumblr media
(base footage, unsharpened)
Tumblr media
(color graded, unsharpened)
Tumblr media
(color graded, sharpened)
The final gif is sharpened with Smart Sharpen, 500% at 0.3px and 10% at 10px (my standard sharpening settings).
Here are some tutorials and resources on sharpening:
Sharpening process by @anya-chalotra
Sharpening tutorial with added gaussian blur by @haleths
Sharpening action by @daenerys-stormborn
Size your gifs for Tumblr correctly.
This is essential: full width gifs are 540px wide.Two side-by-side gifs should be 268px wide. Here’s a handy post on gif size guide for Tumblr.
Incorrectly sizing your gifs will take away the quality of your gifs: undersizing your gifs will especially make them grainy, blurry, and /or pixelated, and won’t display correctly on many people’s desktop theme. Oversizing usually isn't as dramatic as undersizing, but it will make the gifset glitch when displayed, and the file size will be unnecessarily bloated.
Work with HD footage if possible.
Media fandoms (films/TV shows) are luckier than us in the sports trenches—we have to work with what we have. Broadcast footage is usually subpar: lacks contrast, pixelated, very desaturated, the list goes on. But it’s possible to still make high quality gifs from subpar footage. Here are a couple of tutorials to mask low source footage quality:
low quality video ➜ “HD” gifs tutorial by @nickoffermen
Sharpening low quality footage by @everglow-ing
(This gifset I made is from a 480p footage with horrendous lighting conditions and colors, and the end result is decent I’d say)
Save for Web (File > Export > Save for Web (Legacy) or Ctrl + Alt + Shift + S) settings.
I default to Adaptive + Diffusion but also use Adaptive + Pattern from time to time. Any combination of Adaptive or Selective + Diffusion or Pattern will give you a good result. In my experience some gifs will need the Selective color table for the colors to display correctly.
Here are my default settings:
Tumblr media
SAVING AND EXPORTING FOR TUMBLR
Converting to frames and adjusting the gif speed.
If possible, avoid exporting your gif and reopening it to adjust the frame speed. I used to do this sometimes when I’m lazy, I have to admit, but this is where this Action as mentioned at the beginning comes in very handy. It converts all visible layer into smart object, then converts it back to frame animation.
Step-by-step:
1. Select all layers
2. Right click > Convert to Smart Object
3. Go to the Timeline menu (≡) > Convert Frames > Flatten Frames into Clips
4. Go to the Timeline menu again (≡) > Convert Frames > Convert to Frame Animation
5. In the same menu (≡), select Make Frames from Layers
6. Delete the first frame (it’s a duplicate) then set your frame speed
Tumblr media
Now you can adjust the frame speed before exporting it (Save for Web).
Tumblr media
Pay attention to the source framerate.
The frame delay of 0.05 s is usually the default to make gifs for TV shows and films, and it is preferred by most gifmakers. This stems from the fact that most movies and TV shows are 24 or 25 FPS. This may not be the case for all source videos: you might get 30 FPS footage, and sports or gaming footage can be 50 or 60 FPS. Gif speed also depends on the FPS of your original file. Play around with gif speed and see what feels most natural to you.
My rule of thumb is the frame delay Photoshop gives you + 0.01 s. For example, 50 FPS footage will give you 0.02 s frame delay (25 FPS gives you 0.04, 30 FPS gives you 0.03, etc.), so set it to 0.03 s. I usually err on the side of a faster frame delay for smoothness in in-game sports footage, anything else (interviews, press conferences, B-rolls) can get away with being slowed down. Again, experiment and see what you think looks best!
Keep gifs under the Tumblr file size limit (10 MB).
Cut down the number of frames. My gifs are usually around 60-70 frames for 540px full-width gifs, but depending on the coloring, sometimes you can get away with more. 268px gifs can go up to 200+ frames.
Crop your gifs. Remember to keep full-width gifs at 540px wide, but if necessary, you can crop the height. My go-to sizes are 540x540, 540x500, 540x450, and 540x400.
Amp up the contrast of your gifs. Flat colors like black cut down gif size.
The Grain filter or Noise filter, though beautiful for aesthetics or simply necessary sometimes to mask low source footage quality/pixelating, may bloat your gif size.
Play your gifs back before exporting.
Pay attention to duplicate frames or glitches, you might need to get rid of them!
Hope this is helpful! Don’t hesitate to send an Ask or DM if you need any help, I will happily answer all your questions and send over PSDs. (I’m also on Discord—just shoot me a message if you need my tag!) Happy creating :]
Tumblr media
1K notes · View notes
tiny-brass-bot · 3 months
Note
Hi! I saw a post where you had a game made in godot with old school rendering, do you maybe have any tips on how to make godot render a game like that instead of its normal rendering method?
I'd be right happy to!
I'll try to make this concise lol, I always end up overexplaining and then getting lost in the weeds. Buckle up, it's a loooooot of little little things that all add up.
First off, you should decide which look you're going for. N64 and PS1, the two consoles I'm emulating, both had drastically different specs. (plus, there's plenty of other early 3D systems I've not even touched!)
The N64 had texture filtering (textures were interpolated aka "blurry"), it had floating point vertex precision (points moved correctly), it had perspective correction on its textures (no warping)
The PS1 had no texture filtering, no floating point vertex precision (vertices snap and pop around), affine texture mapping (textures warp weird). I also think the color space they operate in is different? Don't quote me
So you can go hard one way or another or pick and choose what you think looks good! We don't have anywhere near the hardware restrictions they did in the 90s so go nuts.
RESOLUTION
To get a low resolution window, I set the window size of the game and the window override size to different amounts
Tumblr media
In green is actually how big the window is on my screen (4k monitor) and in red is the retro resolution I want. If you set the stretch mode correctly (an option a little further down the Window tab) then it'll make the pixels big
Tumblr media
COLORS
Now the PS1 had the capability of showing you over 16 million different colors, but it could only display 50,000-150,000 at a time, so in order to get more fidelity out of it, the engineers implemented a dithering effect to better blend the otherwise sharp edges between colors.
I used this shader to achieve the dithering effect. If you don't understand shader languages, that's fine. There are a few different pre-built ones for looking like the PlayStation 1 out there.
TEXTURES
Textures for the PS1 could be as big as 256x256, but they were typically 128x128. And they would squish everything a model needed into there usually, at least with like player models and objects and such.
As mentioned, if you're not good with shader language don't worry. There are countless resources out there that people will either let you use or teach you how it works. But I'm gonna touch on it a little bit here.
PS1 textures had no pixel filtering, so you could see individual pixels.
Tumblr media
This is what determines that in the shader code. If you want it to look like the N64 (blurry lol), the proper hint is "filter_linear". Note that it won't be 1:1 with N64, cuz they used bilinear filtering (which kinda sucks and causes weird quirks) whereas now you'll only find linear or trilinear filtering. It's a negligible difference imo.
PS1 textures also were only saved using 15 bit color. I'm told that Photoshop's "Posterize" filter set to 32 can achieve this, but don't use photoshop if you can help it. I use GIMP, and while a newer version might have a posterize filter, or there may be a plugin out there, my version doesn't so I cluge it a little.
Tumblr media Tumblr media
Change your color mode to "indexed", set color dithering to how you like it, and the number of colors in the palette to a number to get a good result. Usually I'll do 16, 8, 32, but occasionally I'll cheat and do a non-multiple-of-8 teehee >:3c
You can change it back to RGB after to make further editing easier.
LIGHTING
N64 and PS1 both implemented vertex lighting, as opposed to the more modern and (now) ubiquitous per-pixel lighting. Godot as it is right now (4.2 i think?) claims it has vertex lighting that you can set as a shader property but they're lying and it doesn't work yet.
The old consoles could only handle like, 2 lights though so it doesn't matter much.
The real star of the show, and in my opinion the one thing that makes a game most look like the 90s is the inclusion of vertex colors.
By multiplying the color of your texture by its stored vertex color, you can do all the shading yourself!
Plus you can reuse textures like crazy just by coloring them differently. The N64 also made heavy use of vertex colors by forgoing a texture on models entirely and just painting them using verticies. The only textures on SM64 Mario are his eyes, stache, hat emblem, buttons, and sideburns. Everything else is done with vertex colors.
Tumblr media Tumblr media Tumblr media
Here you can see this level from my Crock Land with no vertex coloring, with some of the vertex colors only, and then with the two combined.
Tumblr media
Rare loved this. Look at how colorful that cliffside is in Jungle Japes. It makes it so much more interesting than just a brown cliff face. Plus you can see the vertex coloration instead of textures at work on DK and the Gnawty.
Tumblr media
My go-to example for PS1 is always Spyro, what a gorgeous game. All of those colors there are not made by a light or an environment. They're hand painted babey! Also! With spyro! The skyboxes are actually just huge domes made up of vertices that are colored in different ways! That's how they can look so colorful and "hi-res".
There's plenty more you can do, like adding a CRT filter or a little bit of chromatic aberration which I haven't gotten into yet.
The way I've learned all this is just by being curious as to how the old consoles did their thing, and slowly accruing the knowledge over time. There's still infinite stuff I don't know too.
I hope that helped! And wasn't too longwinded or confusing! Like I said, it's all about piling up tons and tons of little things, small details, weird graphical quirks that really bring out the retro 3D feel for me.
And I didn't even get into the modeling side of things! That's an entirely different "color-of-the-sky"-sized post though.
I'd be happy to re-explain or explain more about any of this!
128 notes · View notes
bengiyo · 9 months
Text
Why Do I Tag So Many Creators in My Posts? It’s About Respect
Earlier today I was talking with @sophsloveskpop in the notes of a post, and was asked about all of the interaction between blogs in the posts and essays about the shows. I’ve noticed an uptick in new names interacting with posts (and making great posts of their own!) and wanted to talk about why I do it and why I like fandom on Tumblr.
Fundamentally, I think it’s generally good courtesy to acknowledge when someone else has expressed a similar idea to your, or an idea that intrigues you. I think it’s best to tag that person and link to their post so that others can also experience it. It also opens you up to a dialogue with them and others.
People Like Getting Their Flowers
If someone posts an analysis or even a quirky idea that I felt the need to think about, I will mention them in my posts. None of the great content we get on here is necessarily quick to make. I absolutely love all of the gifmakers who fight against Photoshop, Tumblr, and God Himself to post snippets of shows on here for us. I wouldn’t be able to flesh out some of my posts, illustrates points, or otherwise breakup walls of text without @liyazaki, @wanderlust-in-my-soul, @pharawee, or @gabrielokun. Whenever I can’t find the gif I’m looking for through Tumblr’s terrible gif search, I reach out to one of them for permission to use their gifs directly.
Also, many of us just like being acknowledged that someone we wrote meant something to someone else. Every time I get tagged by someone in an essay I’m like:
Tumblr media
It’s a Conversation
I don’t think fandom is about being the smartest person or the most correct person. My basic framework I’m writing from is Black Gay Nerd Who Watches a Lot of Stuff. It’s what I’m most familiar with personally, and I find that people have really responded to that.
I’ve been around for a very long time, and have been seeing folks like @so-much-yet-to-learn around the entire time, who often has more specific information about fandom life during the airing of shows. @absolutebl and @heretherebedork have watched more BL than I have, and I’ve seen at least 250 productions. ABL has some of the most comprehensive posts collecting some of the history.
I made so many friends after diving into @shortpplfedup DMs to talk about sustainable urbanism and bonding over our shared geography. Now we run @the-conversation-pod together. Through them I befriended so many others, like @elnotwoods and @kyr-kun-chan.
I’m not a color theory expert, and so I love reading posts from @respectthepetty and others (I think @sliceduplife writes about color too).
We wouldn't even have my favorite show without @isaksbestpillow.
I know what shows are coming because of @clairificusrex.
I don’t know much about music theory, but @iguessitsjustme write some great stuff about the music in these shows.
I don’t always read the body language of hands as closely as someone like @wen-kexing-apologist might.
I am not Asian, and so I like reading from @waitmyturtles, @telomeke-bbs, and @neuroticbookworm. I know that @recentadultburnout and @airenyah offer useful perspective on Thai language.
Sometimes folks are going to narrow down on specific shows and consistently write about them for years on side blogs like @miscellar.
Some people have studied so much and bring specific academic lenses to the genre that I find compelling, like @emotionallychargedtowel.
In many cases, I just vibe with them really hard, like @ginnymoonbeam.
I actually didn’t always post as much as I do, but I try to keep up my Stray Thoughts project so that people can keep track of what I’m watching. I used to write less meta, but then I befriended @waitmyturtles and @lurkingshan. Any time I say anything remotely thoughtful Shan is like:
Tumblr media
Also, though, this is Tumblr! It’s easy to tag each other and link to each other’s posts! This is what makes us different from every
Isn’t It Just More Fun?
I don’t enjoy shows passively. I grew up in a family that watched things together. My mom, dad, sister, and I all have differing tastes from each other, but we watched a lot of different things together. My friends and I discussed the things we watched at school.
I’m a big fan of the water cooler approach to TV show distribution, which basically says you want your show to be the show people are talking about on their breaks at work. I always like Film Crit Hulk’s theory that movies (and our dramas) are the proverbial campfires around which we gather to share ourselves with each other.
This is all supposed to be fun, and I have more fun when we interact. I get tagged daily by @blmpff about updates from sets, or when we all need to rush to IG to make sure Fluke Pongsakorn doesn’t cut his hair. When @bl-bam-beyond makes a new set or post they let me know, and they recently rewatched Noah’s Arc! I made friends with @gillianthecat in the last year or so, and it’s been fun seeing her make her way through fandom. I always get excited with @troubled-mind pings me in a post because I know it’s going to give me something to chew on. I didn’t have a genuine appreciation for kink culture until I watched along with @lutawolf. If something funny is happening in fandom I know @benkaaoi is going to tag me. I still get excited when @heukheuk pops up in my mentions.
I know I’ve probably forgotten so many people alone the way here, and I’m sorry if I didn’t mention you.
Tag Because It’s the Right Thing to Do
So seriously, tag people and link to their posts. Try to use the giffmakers specific tags when you’re using the search feature. Fandom is better when we all interact respectfully and enthusiastically with each other. Tumblr is special because it lets us create goofy little essays like this and tag dozens of people just to get their attention.
If you have a cool thought about a show I’m watching, tag me. If you see something funny, tag me in the comments. If you wanna hash out an idea before posting it, DM me. This is Tumblr. Don’t be shy with your thoughts. It’s okay to be wrong on the internet. It’s actually fun to be wrong on the internet about show predictions!
Thank you as always for coming to my post.
Tumblr media
198 notes · View notes