#resourcemarket

[galindaelphaba]

Hi everyone! I got an ask from @adamusydneys about how I coloured the scene from my header.

The scene in question started with an ugly yellow filter which can be super annoying to colour correct. Luckily I still had the psd open with all my colouring layers so should be easy to go layer by layer with what I did

Tutorial below the cut as this is screenshot heavy

Full disclaimer - there is no real set method for what I do to colour my gifs, as it changes depending on the gif and my mood. In the case of this gif I used lots of selective colour layers, but I have also used channel mixer in the past to correct similar issues or have done most of the correction in curves (like in my basic gif tut). I will also add in the case of my header gif, I applied the previous colouring from my theolizzy gifset, so I'll try and recreate how I got the curves but it may not be exact.

Step 1: Start with your base gif sharpened and ready to colour

I always start any gif with a Curves layer.

I select the white eyedropper tool and select a white point on the gif to get a base to begin my colouring.

For this gif I selected the bit of confetti in the red box

This is what the result of the curves was there

As it can be seen this added some brightness but the scene is still very yellow

To start with I go into my curves layer and start by manually adjusting the RGB channels.

Normally to get rid of yellow, I would add more blue. But this will not work for this scene. This is what happens when adding more blue:

So instead of just adding more blue I go into each channel and adjust to get a better foundation for what I can colour later.

I started with the green

Then added more red in

then added a bit more blue

After that I went into the main channel and dragged the little black slider down to add some depth/contrast

This is what my final curves layer looked like

My next step is to add a Vibrance layer (which I do for all my gifs)

After that I started working in the selective colour layers. As the tint is quite strong I used a lot of layers and built upon them.

For the first selective colour I adjusted the reds and yellows

These adjustments resulted in this, which is already looking more natural but needs some more adjustment still

I went back in the reds and yellows again and adjusted further

leading to this which is a pretty good result:

The gif now is mostly colour corrected but I still want to do some minor adjustments (cos I'm a perfectionist) so I make another selective colour layer.

This time I just add some more cyan to the reds, which is a small change but neutralises a bit of the shadows which were too bright for me

Next I take out some more yellow as the tint is still there a bit

The above is pretty good, but I decided I wanted to do another curves layer on top to do a final bit of colour correction.

I manually went into each colour channel and adjusted as so:

I started by adding more blue as now I can use this to get rid of the remaining tint without it looking weird

the gif was now slightly magenta/pink so I added a bit of green to balance it out and slid the bottom slider a bit to add some depth back into the shadows

Then I added some red. I also dragged the black bar at the bottom to add a bit more depth/cyan to the shadows.

This is the final result of the basic colouring for the scene I did.

Since you also asked about the header in particular I'll expand on how I did the pink colouring for the header. tumblr is telling me this post has too many images so i'll include this info in a reblog as part 2 :)

[shnehollander]

Hi! I feel like I haven't seen an updated gif-making tutorial in a hot minute, or there are ones that I find that are how I do not make my gifs at all. LOL. I want to bring about the resurgence and renaissance of the beautiful world of Tumblr, and giffing.

This is (hopefully) going to be a helpful resource to those starting out. I don't know if I'm the greatest in the world at explaining, but I hope it's a good starting point!!

To start out, here's what you'll need:

Photoshop! (you can definitely, certainly, purchase the wonderful products that Adobe has to offer. It would be a shame if someone were to give you a link to get that product without purchasing a subscription).

Video Screencapping Software (I use KMPlayer, have always used KMPlayer, so it is what I will link for you here. There is also VLC).

An absolute love for the game. Saluting emoji, etc.

Here is the google doc to the tutorial!

If anything is confusing, or I can be helpful by rewording or explaining, please send me a message and let me know!!!

[mournstera]

Dusty— a responsive, single-column theme

This is a Tumblr theme with two sidebars that can switch places. Optional dark mode and search bar included. Full support of npf posts.

Options like custom post width + sidebar width, custom title + description box, font size and font-families and custom links. Featured tags section. A choice between sharp or rounded corners and the ability to switch out certain icons as you like.

Static previews:

Preview 1

Preview 2

Preview permalink

Download code: GitHub

Theme guide - click to browse all the features and/or read a thorough guide to this theme.

[dailyloki]

LOKI GIF HEADERS

640x380 Goes with any kind of theme color (transparent border) No need to zoom in when adding the header, just save. There's a bonus gif header in the page you gonna find out 😈 Go on headers page • just right-click › save image as…

› Don't repost like yours, thank you. › Putting credit on your description will be much appreciated. › Don't hesitate to make a request if you'd like a specific moment for a gif header. › REBLOG IF YOU USE

[enbythemes]

[Premium] Theme 19: Frappe by enbythemes static + live preview | code ($3)

A ko-fi styled theme.

features and options:

single color accent

two sidebars that include and about, goal, gallery, statistics, commissions, members, and affiliates section. everything except the about is optional.

optional slide out navigation menu. if toggled off, the links will appear in the sidebar below the about section.

optional updates box and show tags on click

post sizes: 400px / 450px / 500px / 540px

responsive

npf support

light/dark mode

notes:

the majority of information will have to be edited manually in the code due to not wanting to clog up the customization panel too much. I have left comments throughout the code that will hopefully make it easy to change what needs to be.

ask and submit link in the header will only appear if you have those options on in your settings

terms:

please reblog if using

do not touch the credit

terms page

full credit in the code / credits page

[softcodes]

moodboard by @softcodes

preview / code

single column theme with a sidebar featuring a moodboard! there are nine 125px images. i suggest using a website like unsplash (free to use) to find images and crop them into squares. you can upload images that aesthetically go together, or there is a "pale images" option which will take some of the saturation out of the photos and make them match a little bit more, aesthetically.

five post sizes, any google font for the body text and title text, five custom sidebar links. custom title and description. this theme uses the iconsax icon font, and you can find more icons for the sidebar links here.

some aspects of this theme might look wonky in the tumblr preview but will look fine on the actual blog! all sidebar images in preview via unsplash. (full list of credits here.)

pls let me know if you find any bugs! would appreciate a like/reblog if you use :)

[liohnelmessi]

Font Pack 16 by liohnelmessi

Happy belated 2023! This is my long-delayed 16th font pack, which contains 30 high quality fonts that I have collected over the past calendar year. I hope you enjoy! {More fonts}

This pack contains 30 high quality fonts

Like / Reblog if you’re downloading

Download Links: {Dropbox} / {Mediafire}

[eddiediaaz]

hi!! would you mind doing a tutorial on how you add subtitles to your gifs?

hey, sure! :)

with the text tool selected, i will draw a box that is as wide as the gif and type my text. i created an action that selects all the right settings for me so it's faster and my subtitles always look the same.

arial rounded bold is a very popular choice for subtitles, and it looks awesome, but i' always've been using the font calibri bold italic for years now. here are my usual settings for a 540px wide gif:

i usually keep the font size and leading value the same, if i change it from 18 pt. and sometimes i'll play around with the anti-aliasing method, whatever looks best for this particular gif. this will help make your text look less crispy or soft, depending on which filtering method you use. the other settings i pretty much always leave like that for subtitles.

as for colors, i always go with white first, and if there's another character talking, i will give their subtitles a different color. i usually try to pick a bright pastel color found in the gif, or even on the character's clothing (just because i like to match things haha).

it's also important to leave a bit of a gap on the sides and bottom, so the text doesn't go all the way to the edges (as shown in the next example). it's definitely harder to read text if it's too close together, or goes from edge to edge. you can push words on another line if it becomes too close to the edge, and you can nudge the text from the bottom with the arrow keys.

as for the layer style, i'm adding a black stroke and black drop shadow (by double clicking the text layer). the stroke almost never changes, but i'll edit the drop shadow accordingly with the gif. if it's a very busy gif, the drop shadow should be thicker to help with visibility.

and that's it! :D