𝐏𝐎𝐋𝐀𝐑𝐎𝐈𝐃 𝐋𝐎𝐕𝐄
Theme Coded By Aki (enlog.tumblr.com)
HAPPY 500 FOLLOWERS TO ENLOG !!! ✨🤩🥺🥳
thank you saurrrr much ! to thank y’all, here’s my theme :’>
NOTE
* i am not a theme blog nor am i a professional coder or anything. i’m just sharing this theme i coded ! there will be errors inside the code you might find since as i’ve said, i’m not a professional coder nor a theme blog and this is the first theme i am officially releasing ( though i made themes before already as a hobby but i never publicly released the codes ) for resource purposes only. if you encounter any errors, you may adjust them yourself if you think you can do it or you can ask help from me by sending an ask on enlog.tumblr.com/ask
TERMS
* you may edit the theme / code as much as you want but do not modify it beyond recognition.
* DO NOT REMOVE THE CREDIT
* do not claim as yours, repost, remix with other themes
* do not use as base code
FEATURES
* 350px posts
* polaroid style sidebar
* options to have grid background (options to have big or small grid), popup navigation, hit counter, updates bar
* 7 font choices + 5 body font sizes + 3 title font sizes + 5 body letter spacing choices + 5 blockquote width choices
* supports npf photosets
* unnested captions
* reblog button
ADDTL EDITING NOTES
* everything is editable on the customization page except for the updates. to edit the updates, click ‘edit HTML’, ctrl + f, type in ‘EDIT UPDATES’. if you are not turning the updates bar on, you do not have to edit the HTML or the code, unless you are gonna adjust something, like, if you find a bug or anything. :’D ( warning, code a little messy. i swear, i tried to tidy it up 🥲 )
CREDITS
* tumblr docs base markup
* search bar, npf fix by glenthemes
* unnested captions by magnusthemes and neothm
* imessage chat post by animalities
* popup by acuite
* timeago, pxuphotoset by bychloethemes
* cappuccicons, iconify, google fonts
CLICK SOURCE FOR PREVIEW AND CODE
you can get this for free ( or pay how much you want, price starts at $0 :’D like get it for free don’t be shy pspspsps this might have errors anyway hshdjhs )
g d o e s a t h i n g - how to make a tumblr theme from scratch;
each section of these tutorials will walk you through making your own theme from scratch with instructions, images and all the code you need along the way! links to the code as you progress are included in EVERY section!
NB/ feel free to use these codes as you please, ( part 6 & 7 include full base codes ) - credit is nice but NOT necessary!
theme 101 part 1 - basic html, styling body, styling and positioning posts.
theme 101 part 2 - the padding function, the margin function, permalinks, tags and styling.
theme 101 part 3 - styling general links, styling bold and italic, styling blockquotes, post images.
theme 101 part 4 - styling sidebar, navigation links, headings and pagination.
theme 101 part 5 - index and permalink pages, float, post info, styling asks and quotes.
theme 101 part 6 - adding images, backgrounds, sidebar graphics, etc.
this a simple character template, easy to use, all created by me, so don’t claim as your own, likes and reblog are very welcome. hope you find it useful ! . ♡ consider donate to my ko-fi ! .
all colors are customizable .
sized for the dash header ( 640 x 360 px ) .
fonts used: poplar std ( find on dafont ) & oratorstd ( find on fontzone ) .
⋆SOCIALS!⋆ a social media template by yours truly.
here she is, my first ever social media template!
this template includes an instagram account, post, and story, as well as a text message conversation and a smaller text and music player you can toggle on and off. you need some basic photoshop skills in order to use this template, as it uses a lot of clipping masks and solid color layer styles. feel free to adjust anything to your liking of course.
you can download the template right here! I hope you all like it! please reblog and credit me if you use this template ♡
making this as a reference for myself, but feel free to use as well.
as far as i’m aware these are all open tags unless marked otherwise, aka you do not have to be a network member to use them. also most of these are focused on visual content as opposed to written content.
please feel free to let me know if there’s one i missed!
a template to put whatever and whoever. can also be turn into promos, muse’s bio header, whatever u please. i have no idea what i aim for this, it came up because i couldn’t decide on who to put in the header 🤡 so, it’s there and should be shared rather than lettin’ it rot in the folders. please LIKE & REBLOG if use or to spread the resources. DO NOT COPY/STEAL/REPOST & claim as your own. details can be found below and the file link is in the source. ENJOY!
SIZE: 3000x1055 (best to stretch header & disable icon).
FONT: LEARNING CURVE (not included in the link).
COLORING PSD NOT INCLUDED (used in preview: CLICK!)
works best with darker backdrop!
further questions, feel free to drop them in the inbox.
HAPPY HOLIDAYS !! here is a brand new dash icon template. the template features the lights frame as well as two background colors. feel free to take either of those pieces off or change the color of the background squares. the psd is not included. please like and reblog if you use. if you have any questions feel free to send them to my inbox! if you’re unable to utilize photoshop and would like me to fill this with whatever fc feel free to send that request to my inbox. be kind to humans today! ( dl. )
if you need any help customizing it, just shoot me a message and i’ll be glad to help you!
~
i am accepting theme commissions. for more information, dm me on here or on @lizzies. making content/resources is my main source of income on the internet, so if you’d like to support me, buy me a coffee?
Like in this amazing set by @thankunnext AKA #userdre, I will explain how to add a shaped color gif with a border over a black and white gif with this as our example:
↓ LEARN HOW TO DO THIS UNDER THE CUT ↓
—
1. THE GIF ON GIF PART
—
[1.1] Create your small gif
Make the gif like you normally would (just the basic brightening/coloring and sharpening) then save. If you don’t know how to make gifs yet, click here for some great tutorials.
We'll leave this for now and move on to the big gif.
[1.2] Create a new document for the big gif
To do this, press command for Mac / Ctrl for Windows + N.
The size is up to you :) Just make sure the width is 540px, the standard Tumblr post width. In the example above, the dimensions are 540px (width) by 615px (height).
[1.3] Click Create Frame Animation
This button can be found in the Timeline window, which is normally found at the bottom portion of Photoshop. If it's not there, go to Windows > ✓ Timeline.
[1.4] Convert to Timeline
To do this, select the button at the bottom left part of the Timeline window, encircled in orange below:
We'll leave this for now and go back to the small gif.
[1.5] Open your saved small gif then turn it into a Smart Object
If you don't know how, here's a quick tutorial on how to do it.
[1.6] Transfer the small gif into the new document
If you don't know how, check out the super easy Duplicate layer method here!
[1.7] Delete the white Background layer after transferring the small gif
[1.8] Drag the playhead to the start of the timeline if it's not at the start of the timeline
Do this before adding text/layers/adjustment layers in order to align them with your gif as demonstrated below:
[1.9] Duplicate the small gif layer
Shortcut keys:
Mac: command + J
Windows: Ctrl + J
[1.10] Enlarge the original small gif layer to fill the canvas
This is what it looks like now:
So this is basically how you put a gif over a gif! You can stop here or keep reading to know about the shape, coloring and effects :)
—
2. THE SMALL GIF PART
—
NOTE: Make sure you have the small gif copy layer selected.
[2.1] Add a rounded rectangle shape (or any shape you prefer)
This can be found under the Rectangle Tool (U).
Next, click on the new document/canvas once and this window will pop out:
These are my settings.
NOTE: Make sure the shape's dimensions are the same as the small gif's dimensions or smaller (for step [2.3]). The Radii is for the rounded corners—the bigger the px, the rounder the corner. Feel free to change it :)
[2.2] Align your small gif copy to the shape
My shape and small gif copy are at the center of the big gif. To center your objects perfectly, view step [5B] Move tool here.
[2.3] Clip mask the small gif copy over the shape
To do this:
Make sure the small gif copy layer is above the shape layer
Right click on the small gif copy layer
Select "Create Clipping Mask"
[2.4] Add a stroke to the shape layer
This is for the border around the small gif.
To do this, click the fx button at the bottom of the Layers window. These are my settings:
[2.5] Add a Gradient Map over the small gif copy
This can be found by clicking the circle button at the bottom of the Layers window, as demonstrated here:
Next, clip mask the Gradient Map layer over the small gif layer. To do this, right click on the Gradient Map layer and select Create Clipping Mask.
To edit the Gradient Map colors, double click on the color stop, the one circled in blue below:
TIP: As demonstrated above, drag the color stop near the middle to increase the highlights/brightness of the gif (this would also depend on your chosen color).
—
3. THE BIG GIF PART
—
[3.1] Add gaussian blur to the big gif
To do this:
Select the big gif / original small gif layer (the first layer)
Go to Filter > Blur > Gaussian Blur
These are my settings:
Enlarged gifs/photos tend to become pixelated as opposed to reducing the size of big gifs/photos. Other than being a creative gifset effect, adding the gaussian blur softens the rough pixels. So feel free to increase the blur to your liking :)
[3.2] Add a gradient map over the big gif layer
To do this, check out step [2.5]. The colors I've chosen for this are grey for the highlights and black for the shadows. (I've reached the ten photo limit so you're only getting a description 😂)
〰️
Please like/reblog if this has helped you and feel free to hit me up for any questions and concerns! ♥︎
in this psd file you will get a png floating dialogue speech bubble with editable text from animal crossing, for all your nintendo aesthetic needs: like this post if downloaded ! download link in source. this psd doesn’t contain the monochrome & pink psd :(
I was asked to explain how I did the text effects for this Dinah Lance set and while I usually have no idea what the heck I’m doing, I thought I might spare some others the madness of figuring these out.
It’s pretty easy and this is less explanation and more just a walkthrough but here we go
hello!! so this ask had just been sitting in my inbox for days, and since i finally got some free time (and an incentive) i thought i’d put together a general coloring tutorial - especially for those who are interested in rainbow sets, or just want to get freaky with their gifs, hehe.
photoshop: cc 2021, but tbh this tutorial is compatible with most versions of photoshop
for: beginners / anyone with a basic understanding of adjustment layers and brush tool (optional)
the tutorial will show how you can: (1) enhance colors in a neutral/washed out scene (2) change the overall color of a shot (3) make the colors bolder/stronger (4) convert the dominant color to another color
in other words: i rarely save my psds so this is what we’re stuck with
So I was asked how I did the text effect on this gif (originally from this gifset):
Which is a nice (and pretty simple!) common effect nowadays, so I thought I’d post a short tutorial on how to do it with a step-by-step and lots of pictures!
NEW VIDEO TUTORIAL: a two-in-one tutorial on how to make a gif using a layout & multiple gifs + typography (as requested)
this is what I’ll be teaching you in part one:
and this is what i’ll be teaching you in part two:
What you’ll need for this:
Basic understanding on how to make gifs. (Here’s my complete giffing tutorial)
Understanding of how to make a gif with multiple gifs in one canvas. (Here’s my tutorial on it.)
Photoshop CC.
Patience <3
The layout I used in this tutorial I got from here.
If you have any remaining questions about anything, my DM is always open! Either here or on @lizzies, just let me know what I can help you with and I’ll try my best!
as some of you may know, all of my resources and content are made for free, and i work with commissions. but if you feel like supporting a content creator, this is my ko-fi. all of my income comes from supporters so this is always extremely helpful. <3 let me know if this tutorial helped you, and if there’s any specific video tutorial you’d like to get from me, just let me know and i’ll try my best to deliver!
dededos
kianamaiart
turnnoffyourmind
prguitarman
annaxmalina
