nothing needs to be changed in the code, everything can be changed in the customize panel!
terms:
reblog if using
do not touch the credit
all terms / faq
credits listed in the code / credits page
please consider tipping or supporting me ♡
blog name !! important
make sure you fill out the blog name field, this is what will show on the top of all your original posts. to clarify: your blog name is your blog’s url - for example: phantomcodes
custom title
similar to the blog name, your custom title will show on the sidebar, i recommend not making this too long
updates tab
the updates tab is toggleable, it has up to 6 updates each with an icon & text
sidebars
sidebars can be toggled left or right. the extra sidebar is optional - toggle both info & blogs off if you don't want the extra sidebar
(optional) custom description: this is can be as long as you want, it will scroll - leave this field blank if you don't want it
(optional) info section: toggle info off if you don't want this section
(optional) info stats: up to 6 - leave the info 1 field blank if you don’t want this
(optional) info text: leave the info text field blank if you don't want this
(optional) blogs section: up to 4 blogs - toggle blogs off if you don't want this section
(optional) links section: up to 10 links - toggle sidebar links off if you don't want this section
responsiveness
when the browser window gets too small the sidebar(s) will disappear and become toggleable, the sidebar button will appear on the left side of the header
reminders
remember tumblr’s customize panel is buggy, make sure to toggle all the options on/off before saving
i’m still on a sort of semi-hiatus, i’ll be around for questions but please check my faq, answered asks, etc. before asking
(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.
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.
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 :)
TRIPLE DOG DARE is a free rp theme best suited for multi muse blogs. if you want to see more free rp themes from me, please support me by liking and reblogging this post!
terms & conditions
feel free to edit this theme as much as you want for personal use.
message me if you notice any bugs.
do not claim as your own.
do not remove or move the credits.
do not use as a base.
do not takes parts of the code and put it into other themes.
do not redistribute.
do not use for paid theme makeovers.
you may not use my resources for writing celebrities as themselves, writing with minors / writing minor characters, writing taboo themes, krp, etc. be respectful and use common sense!
theme information
large contained theme with 500px posts.
all text in this theme is 12px or larger for accessibility.
lots of fun with gradients, grids, waves & blobs.
many color options along with a dark/light mode.
a left sidebar with titles, a description, basic links, and one image (200x320px).
a navigation tab with titles, a text area, six extra links, two images (496x198px, 526x224px), and muses (65x65px).
individual muse tabs with a statistics area, a text area, four links, and two images (300x601px, 397x150px).
don't worry too much about image dimensions! all images in this theme will resize if too big.
supports old & new post styles (legacy & npf-friendly).
further instructions in the code. editing this will require some html knowledge, but feel free to message me if you get stuck.
This coloring was made in Photoshop CC; it might work on Photopea!
TERMS
Like and/or reblog to help a creator.
Don’t repost, re-upload or put it on packs and/or google drive. Don’t claim my resources as your own, and don‘t share them without my consent! Don’t use my resources as a base or copy them.
Credits are not mandatory, although I’d love to see your edits!
My resources are free for personal or non-commercial use only. For commercial use, you must pay for the download. If you paid for the download, you are authorized to use it commercially. Reach out to me for more information or if you have questions about my resources licenses.
Follow me for more resources! ♡
This is a free resource, you can download it on Ko-Fi. Thank you!
DISCLAIMER: I don’t own any of the pictures used to make the preview and I have no intention to violate the copyright rules. If any picture in the preview belongs to you and you want me to remove it, please, contact me!
The Pitt Headers
- 6 headers (640x360) | 4 different border versions under the cut
- all versions + 2 extra border options here
- please like or reblog if you take one
- credit isn’t required but it’s appreciated
- requests are open for other headers!
