I said Iâd make another psd pack when I hit 30kâŠso I did! Itâs basically a pastel-ish psd base with five variations that enhance certain colours. Itâs not going to work for every gif/show/movie, so donât get mad at me if the colours turn out wonky.
- Please like the post if you download it
- Donât redistribute it or claim it as your own
- Download: box // mediafire
nearly 4 years later and iâm back with another color correction .psd ! this one is by far simpler than the last and easier to build upon.  feel free to use as a .psd by itself or as a base psd to build upon (as seen in the last panel)! obviously, if someone asks, credit me but other than that go wild and create beautiful things! ⥠[box]
â@crazybollywood ; can make a tutorial how to make these gifs by @ehco?â
These gifs are super fun, you can use a bunch of colors or a few to match a specific scheme. Thereâs also a few different ways you can achieve this. *Note: If you donât like grainy-ish gifs, this tutorial isnât for you!
pls tell me how u sharpen ur gifs đđŒđđŒ
Alright Iâm not sure if youâre asking for a tutorial on how to sharpen gifs or if youâre asking for my settings so Iâll just make a mini tutorial on how to sharpen gifs with my settings.
Iâm gonna assume that you already know how to make a simple gif (e.g crop, resize and color it)Â
So hereâs my gif resized, cropped and colored but unsharpen.
And here it is sharpened:Â
Tutorial is below!
Once youâre done making your gif click on the timeline button
After that select your gifâs layers like so
Then right click > select Convert to Smart Object
Alright now to Sharpen. I use two layers of sharpening and one layer of surface blur. So for the first layer of sharpening click on Filter > Sharpen >Â Smart Sharpen
Here are my settings for the first layer:Â
Also note I change the radius depending on the type of gif Iâm making. If itâs live action or 3D animation, 0.4 is good. But if itâs 2D animation, use 0.3.
Now go to Filter > Blur > Surface Blur
Here are my settings:
And Smart Sharpen again.
Hereâs my settings:
Now to convert your gif back to frame animation so you can play around with the speed of your gif. On your timeline on top right thereâs a button like this:
Click it. Go to Convert Frames > Flatten Frames Into Clips
After that a new bunch of layers will show up. Select all of them then again to Convert Frames > Make Frames From Clips
Again Convert Frame > Convert Into Frame Animation
And thatâs it. You have a nicely sharpened, high quality gif.
  *       hello everybody ! đđœÂ  to celebrate 390+ followers ( thank u so much for the support đ„șđđ ) i wanted to shared these psd colorings i made for two of my gifsets. it helps with the whitewashing and they were really fun to make ! they work well on whitewashed skins. the choom psd goes well with dark scenes and i know i love you with light scenes. you might need to adjust. feel free to give a like or reblog if you use or like ! credit is not necessary but please do not claim as your own.
When you're making Lamentis gifs, for example, how do you make the pink and purple go away? I'm having trouble with them, they're too bright. Yours look great.
Pretty complicated to explain so I prepared everything in PSD format. You just have to download it and open it on Photoshop.
MEDIAFIRE
If you have questions, write me.
Donât repost like yours, thank you.
idk how to explain, but how do you make gradient text but in reverse colors with exclusion effect?
You explained it fine! Iâm going off the assumption that you mean something like these:
I actually go for Difference instead of Exclusion. They do very, very similar things, so much so that Iâd go so far as to say theyâre near-identical, but if you play around with blending modes enough and compare those two in particular, youâll find that Exclusion produces a lower contrast than Difference. But weâll be working with white base text hereâtheyâre actually-identical where white is concernedâso youâre welcome to pick whichever.
Once you have your font/s picked out and know where you want to place your text, set it to Difference (or Exclusion) so that it looks something like this:
From there, itâs pretty much verbatim what I talked about in my original gradient text tutorial. Weâre still going to double click on our text layer, then click on the Gradient Overlay tab of the Layer Style window that pops up, keeping in mind that we should pick colors that complement the gif and/or the overall set.
The only difference here is that weâll also be playing around with the blending mode of the Gradient Overlay. The blending modes I tend to stick with are Linear Burn, Color Burn, Multiply, and Hard Light, but Iâve used Vivid Light and Linear Light as well.
This was my final product after setting my gradient to Multiply:
What blending mode you use is up to you, yes, but it ultimately depends on the background behind your text. Because of how both Difference and Exclusion work, some areas of your text can be harder to read, gradient or no. I recommend having your Layer Style window just a little to the side of your gif so that you can see for yourself what the different options (and colors, too!) look like as you scroll through them.
As an example: I didnât like how light the middle of my text looked here, so I ended up deciding on a darker green for my gradient.
Hi, same anon as before! I was specifically thinking about your Totoro & Pocahontas sets, but all your colorings are very pretty so I would be happy to learn if you have a tutorial too! Thank you <3
sorry for taking so long, here it goes both psds! you'll have to make some ajusts so it can fit better with your scenes (for the pocahontas one i really recommend you to look for bluish tones)
idk if i already asked this, but how do you only use 5-6 adjustment layers? it's my greatest struggle in making gifs. I can NEVER do that. I use like 10 layers max to get the look I want. although the gif makers' tips I look at always say to keep it 5-6 layers :/
Hey there! Iâve received a similar ask, and I had yet to reply to it cause Iâm so behind with replying to everyone due to lack of time, so if it was you, Iâm so sorry!
Before I get into anything though, Iâd like to say thatâŠ. you really shouldnât let what all the other giffers say condition what you do. What works for others may not work for you, and if youâre happy with how your colouring turns out, what does it matter if it takes you a few more layers than other people? We all colour in different ways, and obviously tutorials and advices are super useful and they can teach you some stuff you had yet to discover and itâs always great to improve, but at the end of the day whatâs important is the result and if youâre happy with yours, donât pay too much attention to what other people say or do.
The thing I always stress about is making tiny adjustments, cause if you go super crazy with those, you just end up reducing the quality of the gif, by bringing out pixels.
How the hell do I only use 5/6 layers when Iâm making tiny adjustments? Well, it depends on the layers you use and how you use them.
I end up using a couple more layers if Iâm making a colour porn gifset, cause I abuse of selective colour, but generally I just use curves, brightness/contrast, exposure, selective colour, colour balance and photo filter.Â
Out of all them, curves is the one that will impact your gif the most, and will make you lose less layers after, if you use it correctly. And by using it correctly I mean if you use the eyedrop tool with the white tip:
What this tool does is it turns whatever colour you click on with it into the whitest point of your gif, brightening everything accordingly. This is very useful especially if youâre giffing a dark scene! Iâve talked a bit about this tool here.
Everything is going to make more sense once you start using it, cause the more you practice with it, the more you get the hang of it!Â
What you want to do once you click on it is to click on the lightest point of your scene. Keep in mind that itâs going to turn that point into white, so if you choose a dark colour your entire gif is going to look like crap. You want to choose as close to white as you can, but if you choose actually white, itâs not going to do much of anything at all.Â
Now, you also need to keep in mind that this tool is going to affect the tone of your gif, based on which colour you pick, so if you pick a yellowish colour, itâs going to change the tone of the gif into blue, if you pick yellow itâs gonna make everything blue-ish and so on, going in the opposite way (so itâs very useful for those movies/tv shows that have a terrible yellow filter and such).Â
Example:
if I were to pick that light green/blue colour behind harley (the red dot)
my gif would turn like this:
see? that colour turned into white, the gif was brightened accordingly, but since I chose a blue/green-ish colour, now the tone is reddish!
If I were to pick harleyâs hair where itâs lighter instead:
Iâd get this:
much better, right?Â
A lot of this is trial by error. Youâre going to need to click on a lot of stuff and undo it until you find a combo that works for your scene, but the more you use this tool, the more you understand how it works and the easier it gets!
Now you see why I would only need a couple more layers to be happy with my gif! And thatâs by only using one tool, curves! Notice also how despite the fact that itâs a dark scene with shitty lighting, it got brightened straight away without bringing out pixels/lowering the quality!
You can achieve great results with a few layers, you just have to use the right ones ;)
In this tutorial, you will learn how to add photo and/or video textures on your gifs using the Video Timeline method which is easier and faster than the Frame Animation method.
This tutorial also doubles as a VHS gif effect tutorial :)
Please like/reblog if this has helped you and feel free to send an ask for any questions and concerns! â„ïž
â TUTORIAL UNDER THE CUT â
[1] Create your gif
Make the gif like you normally would, apply coloring, sharpen, etc. If you donât know how to make gifs yet, click here for some great tutorials.
Assuming youâve already converted into a Video Timeline and your layers into a Smart Object in your gif making process, letâs proceed.
[2] Make sure the playhead is at the start of the timeline
If your playhead isnât at the start of the timeline, do this before adding new layers (which are the next steps) so the new layers will be aligned with your gif and coloring layers as demonstrated below:
[3] Add a photo texture
[3.1] Resources
Download the texture here, which I found through this post. You can also get free textures from Freepik, Pexels or Free Stock Textures.
[3.2] Place your texture
REMINDER: [2] Make sure the playhead is at the start of the timeline before placing.
To place your texture, go to File > Place Embedded... > then select a texture from the file downloaded in [3.1].
I chose the texture named "VHS TEXTURE - LITTLEDR3AMS (2)". It's a long image but I only used the bottom part of it.
NOTE: Make sure the texture layer is above your gif and coloring layers.
[3.3] Change the blending mode
I set the texture's blending mode to Soft Light. Feel free to experiment with the different modes and adjust the opacity.
[4] Add a video texture
[4.1] Resources
The texture used in my gif example from Youtube. In hindsight, I should have gotten my video texture from Pexels or Videezy. They're (mostly) free to download.
[4.2] Make a gif from the texture video
Make the gif like you normally would, but no need to apply coloring and sharpening.
NOTE: No need to gif the whole video, otherwise it would be very long.
[4.3] Change the blending mode
Just like in [3.3], I changed the texture's blending mode. For this one, I set it to Screen with the opacity at 70%. Feel free to experiment with the different modes and adjust the opacity.
Now that you already know how to do that, here's a psd file of the texture I used đ
NOTE: Before we proceed, make sure youâve already converted your Frame Animation into a Video Timeline, and converted all your layers into a Smart Object. Here's an easy tutorial on how to do it.
[4.4] Transfer your texture gif onto your main gif
REMINDER: [2] Make sure the playhead is at the start of the timeline before transferring.
To transfer the texture, check out how to do it here. It's super quick.
NOTE: Make sure the texture layer is above your gif and coloring layers. I put my texture gif over my texture photo.
[5] Split colors (OPTIONAL)
If you've noticed, there are green and pink color outlines in the gif. If you haven't, here it is zoomed in:
[5.1] Duplicate your actual gif layer
Select your gif layer then press the shortcut key for duplicating layers: command (Mac) / Ctrl (Windows) + J
[5.2] Split the RGB channels
With the duplicated gif layer selected, click the fx button which is at the bottom of the Layers window then click Blending Options...
Under Advanced Blending, untick the R and B boxes (later, you can experiment with this and untick G and B or R and G). This is what my settings look like:
[5.3] Nudge the duplicated layer
Select the Move tool (shortcut key: V) and press the left arrow key twice. It's a bit subtle, but it should look like this when you're moving it:
You could also nudge your duplicated layer upwards, downwards or to the right. Now that we can see what it looks like, you can now go back and experiment with the channelsâuntick G and B, or R and Gâand see which colors you like best on your gif.
ă°ïž
Please like/reblog if this has helped you and feel free to hit me up for any questions and concerns! â„ïž
In this post, I will explain how to combine two (or more) gifs into a single gif with a fade-in (crossfade) transition. The tutorial will be based on the example below:
(So sorry for the awful quality! Made the mistake of resizing it to 268px without thinking Tumblr would stretch it to fit the width of the post.)
â LEARN HOW TO COMBINE GIFS UNDER THE CUT â
Fading-In 2 Scenes in 1 Gif Tutorial
[1] Create gifs of each scene separately
Make gifs like you normally would, apply coloring, sharpen, etc. then save. If you don't know how to make gifs yet, click here for some great tutorials.
NOTE: Make sure your gifs have the same dimensions. For example, the dimensions of all the gifs I'm making are 540px by 370px.
You can put your gifs side by side like this if you want to match the colors of the scenes (here's a tutorial):
[2] Prepare gifs for combination
NOTE: The steps in this section must be applied to each .gif file you saved in step [1].
2.1 Open your saved gif (.gif file, not .psd file) in Photoshop
To do this, you can either:
File > Open > [select your .gif files] (shortcut: command for Mac/Ctrl for Windows + O)
Right click on your .gif files > Open with > Photoshop
2.2 Convert to Video Frame Timeline
To do this, click on the first button in your Timeline window, highlighted in orange below:
2.3 Convert layers to Smart Object
To do this:
Select all layers (How? Select the layer at the bottom, then hold the Shift key while selecting the last layer).
Click the hamburger button "âĄ" on the right-hand corner of the Layers window.
Click "Convert to Smart Object".
NOTE: Doing this converts all layers into a single layer.
(Your layers could be named Layer 1, Layer 2, Layer 3, etc)
[3] Transfer gifs to one gif file
Make sure you the layers of all your gifs have already been converted into a Smart Object.
How I moved "Untitled-1.gif" (Falling scene) into "Untitled-2.psd" (cardigan scene):
Select the Move tool (shortcut: V)
Click and drag the Smart Object (Layer 49 in the example above) onto the Untitled-2.gif tab (the same way you would drag and drop a file into a folder on your desktop).
While still dragging, wait until the "Untitled-1.gif" tab automatically switches to "Untitled-2.gif" tab.
Drop the Smart Object you're dragging into the document.
Repeat steps 1â4 with the other gifs if you have more gifs to drag and drop.
[4] Center align your dragged gif(s)
To perfectly center align your dragged gif(s):
Select the Move tool (V)
Press command (Mac) / Ctrl (Windows) + A
At the top portion of Photoshop, click the buttons highlighted below:
[5] Put your gif layers in a single row
This is done in the Timeline window. To do this:
5.1 Zoom out your layers first as demonstrated in the example below. Doing this will make the next steps easier.
5.2 Select the layer at the top (Layer 57 in the example below).
5.3 Drag the top layer down beside the layer at the bottom (Layer 56 in the example).
5.4 Repeat steps 5.1 to 5.3 if you have more gifs.
NOTE: If you're okay with how your gif looks without the fade effect, you can stop at this step.
[6] Add a crossfade transition
To do this:
Select the Transition button, encircled in orange below
Click Cross Fade
Drag Cross Fade in between the two gif layers then drop it once a black rectangle appears
Apply steps 6.1 to 6.3 to the rest of the layers (if applicable).
TIP:
You can shorten the duration of the transition effect by selecting the second layer (Layer 57 in the example above) and dragging it to the right. To lengthen it, drag the layer to the left.
You can also set the duration time by changing the "1 s" under "Duration:" in the example. "s" means second.
When you're okay with your overall gif, save it like how you would normally save a gif and you're good to go!
ă°ïž
Please like/reblog if this has helped you and feel free to send a message for any questions and concerns! â„ïž
I was asked by anon about how I did the blending in this edit. There are other ways to do this but I blend my gifs with layer masks. This method can work with any number of gifs, blending them horizontally or vertically. This tutorial assumes you already know how to gif, hence why the difficulty is easy. Iâve tried to explain it as best as I could but if you have any questions, donât be afraid to send me an ask.
program: Iâm using photoshop cc 2018 on mac but any version of photoshop with timeline should do.Â
difficulty: easy. previous knowledge of giffing is needed.
Instructions are under the cut with screenshots.
Feel free to like/reblog this post!
16h PSD pack by odairannies (thank you so much for 20k followers, it means the world â„)
It contains 8 psds from my sets:
anne with an e - (x); love rosie -  (x); monsters inc - (x); sleeping beauty - (x);
lily evans - (x); lyanna stark - (x); anne with an e - (x); hercules - (x).
I hope you like it! Feel free to add an adjustment or play with layers. LIKE/REBLOG if you download. And please donât repost or claim as your own. (DOWNLOAD)
maziekeenâs hthaigtct, a coloring tutorial series
changed one or two things about how i color my gifs, as always, so here it is another tutorial. but this is meant to be quicker and with fewer layers, so letâs do it!
references & download
i mentioned other tutorials that does pretty much what iâll do it here on my previous complete coloring tutorial in two parts, check out here if you want!
gif sharpen and gif settings also in the previous tutorial link
You may have to download the font (Aileron semibold) from Typekit if you donât have it installed already. If you use this in your edits Iâd love to see it! I track #arriettvs and iâll reblog your creation if you want to put me in your tags :) happy editing!
creativemarket offers six free resources every monday.
pixelsurplus offers a variety of free goods, from fonts to effects.
freedesignresources also offers a variety of free goods of all kinds.
freebiesbug does the same, but it focuses more on mockups.
designbundles offers free nice free patterns.
thehungryjpeg has some nice fonts, templates and overlays.
subtlepatterns offers free patterns.
unblast offers mostly mockups, but it also has fonts and some nice templates.
graphicburger also offers plenty of free resources.
pixelbuddah offers quite a few free effects and overlays.
dreamstale has some nice textures and overlays.
behance offers mostly fonts, but it also has templates and mockups.
freebbble offers mostly mockups and web design, but it also has fonts.