hikarue - Tumblr blog

hikarue · 6 days ago

Text

coloring tutorial - requested by @hiraismomorin ♡

i color from scratch for every single set. i am by no means perfect and can always improve and try new things, but this is my basic progress. i tend to focus on fixing whiteness/paleness first and then adjust colors. when giffing files that aren't pale (i.e. movies, shows, western music, etc.), i don't do as many corrections.

sharpen first! sharpening can (and often will) emphasize highlights and can take nice coloring and make it seem pale. here is my source video upscaled using handbrake and sharpened.

first, i use levels! i use the top eyedropper and select the area i want to have as black - this is generally hair (when the hair is very dark) or the very center of the pupil.

i use curves and exposure next. i normally adjust all four channels (especially when the original lighting is difficult, or for stage gifs) to make a base brightness, contrast, and skin-tone that makes other edits easier. i also try to adjust the tone / shade of black areas to be neutral. exposure can be easily overdone and i rarely go over +.30.

i use brightness and contrast next. i almost always use negative brightness and positive contrast at this time to counterbalance some of the paleness exposure and curves tends to add.

i use hue/saturation to adjust reds and yellows! i try to lower saturation here so it doesn't look too strong when i do my next adjustments, and i try to even out skin-tone (i.e. fixing areas that are noticeably a different shade because of previous adjustments)

i use selective color to adjust the tone of reds, yellows, whites, and blacks. i occasionally adjust neutrals on harder source files. i then do a second selective color to lighten highlights on peaks of the face, the bg, etc. (the previous one added black to the white channel)

generally, this is enough! if i'm not satisfied i do hue/saturations, brightness and contrasts, and color balance until i feel like the coloring is nice! below is the result, exactly as i showed step-by-step.

here are two other colored gifs with more difficult bases! attached in this drive folder are all 3 coloring psds i used over a sharpened frame of each gif.

#long post #for editing purposes #save for later #reblog

33 notes · View notes

hikarue · 6 days ago

Text

complete beginner's guide to [kpop] giffing, as explained by me!

keep in mind everyone has a different style and process, so there are some things in mine that may not feel intuitive or helpful - if so, don't include it! if you can make the gif, and have fun doing it, that's good enough. this post also assumes interest in specifically kpop giffing, but can for the most part apply to other content as well. i would just recommend different sharpening and coloring for those.

separated by headings (not images, since i need those... for examples) - if you are skipping to a specific section, look for the orange text of what you are looking for!

table of contents: - picking your programs - additional tools and programs (optional) - finding files - importing to photoshop (vapoursynth, screencaps, etc) - photoshop shortcuts and actions - sharpening - coloring - export settings - posting on tumblr

programs:

if you already have photoshop / your giffing program installed and set up, go ahead. if you don't, i would recommend looking here to get photoshop. please make sure you follow instructions carefully and safely! i do know photopea is an alternative people use, and i'm sure there are others. i unfortunately don't know any tutorials to link and probably won't be much help in regards to those programs, but i'm sure there are some floating around on tumblr!

my gif process uses photoshop, so this tutorial assumes that as well. if you use a different one, you might be able to transfer this to what you use, i'm not really sure :(

additional tools and programs: - handbrake: upscaler, found here. i make my own settings and generally only use this on lower quality sources to give vapoursynth a better chance with encoding in higher quality. - davinci resolve: a program i use to make clips appear 60fps when they are choppy or too few frames for the gif to look nice, and occasionally to do pre-photoshop coloring! i use the free version. i do not use this all the time and it is a big program, so definitely don't get it if you think you'd forget to / not want to use it. - yt-dlp: open source, downloads pretty much any file i could want quite well. i use this for most of my downloads and for subtitles as well. does require some knowledge of code, or, at the very least, willingness to troubleshoot set-up. find it here! i can share the command lines i run for: video, audio, vid + sub. - 4k+ downloader: what most people use for youtube-source sets, i believe. you have a limited number of downloads per day on the free version, thus the other downloading programs. - jdownloader2: no limit but sometimes a little slow or will refuse to download because of not being logged into an account, etc. a good download alternative if you plan on downloading a lot and yt-dlp is too much. - vlc: free program, standard on some devices, good for viewing files. - mpv: excellent file viewing, can also deinterlace and screencap (if you do not have / use vapoursynth) - vapoursynth: mac users beware, it's not optimized or set up and is a huge headache. windows users, once you get it set up, it's golden.

finding files, what to look for, and how to use them: how to use is explained here, with a focus on smooth and nice speeds! but finding the file is the first step, so let's head there.

stages: k24hrs (invite only, feel free to private dm or send an ask off anon for a file - i will do my best to get it to you); kpopbuzzhub; sharing korea torrent (requires a torrent app); twitter (shrghkqud (only has recent files) and a few other uploaders, requires much more active searching). there are a few other places you can look, but it is often more trouble than it is worth (or costs $). i am also always willing to help people find materials, so you can ask me to help you look for something or to link a source i used for whatever set.

music videos: also sometimes on k24hrs. i use vimeo a lot (color graders, directors, etc., will upload clearer versions). sharemania.us has some kpop mvs, typically bigger groups (i.e. blackpink). this is a place i check for ggs. and if none of these places or searching for torrents on btdigg, or on google in korean works, i just download the highest quality setting from youtube.

other types: like vlogs and fancams, normally directly downloaded from youtube, instagram, or twitter using yt-dlp or sites specifically for the app (i.e. twittervideodownloader).

what do i look for? 1080i for stages (or 1080p) are often super nice as they're a .ts. 2160p/4k is often ideal, but it also depends on your computer and what you are comfortable working with! generally - not always due to ai upscale - a bigger file size (in the gbs, high mbs like 800) is better and has more detail that will look clear when you work on it. older stages (2nd gen and before, some 3rd gen) and music videos often always are lower quality due to camera quality, and much harder to find. if you have to use the youtube upload for a stage, it is definitely doable, but it may be slightly disappointing in the quality you want to achieve. it depends on what you're comfortable posting and making!

how do i use them? if you use vapoursynth, scenedetect (encode/process whole video) or timestamp (just a small clip) your file - if upscaling, using davinci resolve, or any other pre-processing, do that first. it will pull up a resizer and a program and once you encode, it will give you an output file using the size and settings you put. this will import to photoshop. if using mpv or another screencapping method, take your screencaps (again, all pre-processing first) and prepare to import. there are two ways to do that for screencaps. you can also just watch whatever you downloaded, i'm guilty of downloading concert files just for fun 😅

in the next sections, i will be using four different files of varying quality and sources to explain my steps. hopefully that is helpful!

example file 1 (4k and 60fps, obtained using yt-dlp) example file 2 (1080i, obtained from k24hrs) example file 3 (1080p HD, obtained using yt-dlp) example file 4 (pulled from the gg archive i use, master)

importing to photoshop (vapoursynth and mpv explained): using example file 1, i am processing in vapoursynth - i always do one extra second before and after the clip i actually want so it doesn't cut off any frames i'd like. i adjust my sizes based on what works best for tumblr (540px for wide, 268px for 2 column, and 178 for 3 column). i always use finesharp 1.5 (this setting is up to you! i used to use .7, so totally ok if it changes over time, too!) when you export in vapoursynth, you need the y4m header. i use export to mov preset.

when importing to photoshop using a video (so vapoursynth, video files, not screencaps):

i recommend making your selected range a little bigger than the frames you want so they don't accidentally not get included. delete any extra frames while in the frame animation and then turn it into video timeline. i turn all my layers into a smart object (select them all by clicking the bottom layer and then shift-clicking the top one, or use (on windows) ctrl + alt + a to have it select faster). set timeline framerate (if you want to, i always use 60).

now your smart object is ready to sharpen and color!

using example file 2, i am processing mpv - i hit 'd' until deinterlace is on 'auto'. find the clip you'd like and hit your screencap shortcut (alt+s) for me - your screencaps should be super clear, it depends on how you set up your software (if mpv, what compression you told it). screencaps can take up a ton of storage so i recommend only screencapping what you need and deleting them after. when you hit your shortcut, play the file to the end of the clip you went and hit the screencap shortcut again to stop. your frames should be in the folder you designated as pngs now. delete extra frames now!

you now have two options: import as is, which can be a little slow, or turn them into dicom files. importing as is is done through stack. it will prompt you to select what is being loaded - change Use: to folder, and let it process. it will be slow. hit ok when the file list updates.

when it is done loading: create frame animation -> make frames from layers -> reverse frames. i would crop now using the crop tool for processing speed, and then proceed to do video timeline, smart object, and frame rate. when cropping: on the top, above your document names, the second image should show up on the crop tool - this can set your dimensions. i zoom and crop screencaps using this.

the other option is DICOM files, and what i use. when you have your pngs, do alt + d in the folder (windows), type cmd, and run this command: ren *.* *.dcm. press enter. it will update the files. on macOs, just rename the file type to .dcm.

then, import as so (it will prompt you to select the folder your .dcm are in, and will not work if the files are not actually DICOM). i find it much faster than the stack import. crop when it is done importing for processing time, like the other screencap import style.

create frame animation -> make frames from layers -> video timeline -> smart object from layers -> 60 fps.

photoshop shortcuts and actions: (windows) - ctrl + alt + a: select all layers - ctrl + shift + alt + w: export as image - ctrl + alt + shift + s: save for web (legacy) - this is the gif one!

actions are imported or created, i've shared my sharpening ones before. there are plenty you can find (or make) for a variety of things, such as aligning objects to a fixed position on all docs, doing the screencap reverse and import for you, etc. they are imported using load actions - select the [downloaded] .atn file and it'll pop up.

sharpening: explained here, and has my actions (feel free to use). very important to the quality and clarity of the gif. the better the file, the clearer a gif looks, sharpening can only do so much. play around during this step!

coloring: very much the most personal taste stage of giffing. i explain my process here. in kpop giffing, we tend to focus on unwhitewashing. other giffing tends to be more aesthetic tastes and fun since the source has better colors to work with.

export settings: these are what i use! you need the 256 colors. i do not recommend lossy or interlaced. i think bicubic sharper is the clearest i have tried.

posting on tumblr: use these dimensions FOR GIFS. edits can be different. height is up to you - i would not go over 800, but i think my quality looks weird past 600 range anyways.

example gifs: yeji, from example file #1, imported using vs. uses no. 1 sharpening (altered) from my pack. colored. zhanghao, from example file #2, imported using mpv and the load via stack. uses no. 4 sharpening (altered) from my pack. colored. taeyeon, from example file #3, imported using mpv and the load via dicom. uses no. 1 sharpening from my pack. colored. eunbi, from example file #4, imported using vs. uses no. 2 sharpening from my pack. colored.

if your gifs don't look how you want right away, that's okay! it takes time. my first ones were not great either. i am always improving on and working on my gifs. good luck and have fun hehe ♡

#long post #for editing purposes #save for later #flashing tw #reblog

78 notes · View notes