College is back in full swing and I’m dead but this has been sitting in my drafts for a few months now and I’ve just gotten back to release it! This theme is geared towards writing blogs, but personally, I think it goes well with any kind of blogs. This theme is inspired by a dribbble shot found here. Please let me know if anything’s wacky and I hope you enjoy this theme as much as I do when I make this!
Please like and or reblog if you like and or are using this theme! ^^
Hi, loves! This is my first ever pack as requested by an anon after I posted a set of headers using a gif overlay 💓 Most of these are already edited by me and I made all of them PSD files but feel free to edit them again and use as you prefer!
Includes 40+ gif overlays including stars, sparkles, snow, fire, smoke, water and others.
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 :)
just wanted to share an update on my past gif actions since i no longer use that anymore. there a bunch of actions out there but if anyone is curious on my process <3
action includes:
load files fast: open with image sequence with frame rate delay of 25 (you'll need to configure this to your own folder)
6 sharpening actions
brighten: duplicates smart object sets the mode to "screen" i use these for dark scenes
frame delay: convert layers in video timeline to frame layers in frame animation and sets frame delay to 0.04
convert to video timeline: layers in frame animation are put into a smart object in video timeline
text: sets a drop shadow and stroke setting to text
download here // crop presets // psd
+small tutorial w/ video under
Load Files Fast action opens up a folder where you put your own screencaps in and loads the caps in PS and makes it into a smart object. You will need to configure this yourself since it uses my own folder. Click on Load Files Fast, select "Record" button and then choose File > Open, navigate to the folder that you use to store your screencaps, select the first cap, click on the "Image Sequence" option on the bottom right of the dialog box and then click "Open". It will then ask you to specify the frame rate, I use 25, then click OK. Then you click on the "Stop" button and your action is saved. [video on how here]
After it is put into a Smart Object, I use one of my crop presets I've made. To load them into Photoshop, click on the down arrow next to the crop bottom, click Load Tool Preset and select my preset.
Then I choose a sharpening I want to use. I'm either use 'high pass' or the 'sharper w/o grain' one.
OPTIONAL - Brighten action, brightens the scene using 'Screen' mode. I use these for really dark scenes.
After that I color the gif and add text if needed.
If I want to change the frame delay, I use the 'frame delay' action and set my delay to 0.04 and then save the gif!
If you do decided to use the frame delay action, you won't be able to change the coloring and text once its in frame animation. So you can decide to do your coloring/text after you use this action so you don't have to go back and forth if you decide you want to change your coloring or text.
(live) preview | get the code | support me on ko-fi?
a tumblr theme designed especially for those without Javascript permission in custom pages. no coding experience required; everything can be tweaked in the customisation panel (except for the manual input of tags in the built-in navigation page). completely free; pretty much every feature is optional. sidebar bar image by @/tofupixel.
don’t be shy to inform me of bugs and/or ask questions about the code.
more info under the cut.
features
night/day mode;
tabs on hover: about me, socials, sideblogs (10), FAQ (that will appear on your ask page as well), links (10);
pop-up: navigation page (with unlimited links, categories and subcategories);
updates tab;
search bar + 5 suggested tags;
custom title;
custom description;
custom sidebar image (max height: 350px and max width: 260px, anything larger will be resized);
tags on click;
scroll to top button;
tracking tag highlight (with info; could be a DNI tab or anything you want);
featured posts;
mobile friendly;
HIGHLY customisable.
terms
please reblog if using;
do not remove the credit;
full credits in the code.
a special psd made to celebrate throwing-psds reaching 100 psds!! This non-requested psd was specifically made for DARK SCENES. It works incredibly well with almost all movies and tv shows with very little adjustments. You’ll have to adjust multiple layers, but they will be very small changes. This psd is also poc-friendly! Please like or reblog. download.
hey!! so an anon asked if i could make a blending tutorial from my troyella set so here it is! you need basic knowledge of making gifs. i use photoshop 2022 and i’m using a mac.
A few people have asked how I did the effect in my pinned post and this set. So, in this tutorial, I’ll show you how to do this typing animation and give you a download to a template I made for the overlay! Disclaimer: This tutorial uses Video Timeline and assumes you have a basic understanding of gif-making in Photoshop.
Hi so I’ve had a couple of anons asking me how I make my gifs (some specifically hsmtmts gifs lol) so I’ve decided to write up a tutorial of the basics of how I make my gifs. I’m going to try and make it as detailed and clear as possible - but I have been pretty busy with uni and stuff so if I miss anything or anything isn’t clear just lmk and I will do my best to clarify. I’m going to try and include any resources or other tutorials which may be useful as I go along. This is going to be quite long and detailed so tutorial follows under the cut. For some basic steps I know of good tutorials for - I will link tutorials rather than re-explaining :)
A few people have asked about my Pantone sets which use the “Color of the Year” swatch design. So, here’s a full tutorial with a downloadable template of my exact overlay! Disclaimer: This tutorial assumes you have a basic understanding of gif-making in Photoshop.
Hi everyone! I’m excited to announce my long-delayed Rotoscoping Tutorial - requested by a number of people over the past calendar year.
In this tutorial, I will show you how to create the cutout gifs like this (and seen in most of my gifsets under this tag) with Rotoscoping on After Effects. I’ll also provide additional examples and a number of things that I do to optimise my giffing / Rotoscoping workflow (e.g. useful shortcuts & other things to be aware of).
This is the structure of the tutorial:
Why Rotoscoping? Photoshop video timeline’s limitations
Photoshop workflow pt 1: Preparing your gif
After Effects workflow: Interface, shortcuts, and Rotoscoping tools
Photoshop workflow pt 2: Assembling your gif; with multiple examples
Bonus content: Rotoscoping tips* & workarounds to common issues
For quick reference, here are example gifsets (and where Rotoscoping is used in the posts) that I will mention in the tutorial:
Example 1: Cutout gif effect | panels 2 + 4
Example 2: Changing a gif’s background colour | all panels
Example 3: Cutout gif effect in a shape | all panels
Example 4: Putting it all together | panels 1, 3, & 5
What you need & need to know:
Software: Photoshop & After Effects (After Effects 2021 or later for Rotobrush 2.0)*
Hardware: 16GB RAM required to run later versions of AE*
Difficulty: Advanced; Knowledge in making gifs, applying layer masks, and using video timeline interface assumed
Key concepts: Rotoscoping (AE) / Video Timeline (AE+ PS) / Layer Masks & Groups (PS)
Supplementary files: tutorial resources
*I’m currently running the latest version of PS & AE on an M2 Mac, but I’ve also used older versions (CC 2015 & 2020) on Intel-based Macs. I’ll outline some known compatibility & performance issues, and workarounds later in this tutorial that could help streamline your giffing workflow.
Tutorial under the cut. Like / Reblog this post if you find this tutorial helpful. Linking this post / the example gifsets in your post caption, will be greatly appreciated if you read this to create effects seen in Examples 3 + 4.
A long while back someone asked me for a tutorial on the text effects in this set and this set, and a friend recently asked me how I did my url change gif. So, I’m finally doing a tutorial! Disclaimer: This tutorial assumes you have a basic understanding of gif-making in Photoshop. I’ll be demonstrating this effect using Video Timeline, but it’s definitely possible to replicate in Frame Animation!
