resources sideblog by @aenslem where I share colorings I create for gifs on my main blog, ocassional tutorials. + an archive for things I find useful.
I do not make coloring requests!
buy me a ko-fi ☕︎
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.
neocities guide - why you should build your own html website
do you miss the charm of the 90s/00s web where sites had actual personality instead of the same minimalistic theme? are you feeling drained by social media and the constant corporate monopoly of your data and time? do you want to be excited about the internet again?
try neocities!!
what is neocities?
neocities is a free hosting website that lets you build your own html website from scratch, with total creative control. in their own words:
"we are tired of living in an online world where people are isolated from each other on boring, generic social networks that don't let us truly express ourselves. it's time we took back our personalities from these sterilized, lifeless, monetized, data mined, monitored addiction machines and let our creativity flourish again."
why should I make my own website?
web3 has been overtaken by capitalism & conformity. websites that once were meant to be fun online social spaces now exist solely to steal your data and sell you things. it sucks!!
building a personal site is a great way to express yourself and take control of your online experience.
what would I even put on a website?
the best part about making your own site is that you can do literally whatever the hell you want! focus on a specific subject or make it a wild collection of all your interests. share your art! make a shrine for one of your interests! post a picture of every bird you see when you step outside! make a collection of your favorite blinkies! the world is your oyster !!
here are some cool example sites to inspire you:
recently updated neocities sites | it can be fun to just look through these and browse people's content!
space bar | local interstellar dive bar
creature feature | halloween & monsters
big gulp supreme
peanutbuttaz | personal site
dragodiluna
linwood | personal site
patho grove | personal site
getting started: neocities/html guide
sound interesting? here are some guides to help you get started, especially if you aren't familiar with html/css
sadgrl.online webmastery | a fantastic resource for getting started with html & web revival. also has a layout builder that you can use to start with in case starting from scratch is too intimidating
web design in 4 minutes | good for learning coding basics
w3schools | html tutorials
templaterr | demo & html for basic web elements
eggramen test pages | css page templates to get started with
sadgrl background tiles | bg tiles
rivendell background tiles | more free bg tiles
fun stuff to add to your site
want your site to be cool? here's some fun stuff that i've found
blinkies-cafe | fantastic blinkie maker! (run by @transbro & @graphics-cafe)
gificities | internet archive of 90s/00s web gifs
internet bumper stickers | web bumper stickers
momg | gif gallery
99 gif shop | 3d gifs
123 guestbook | add a guestbook for people to leave messages
cbox | add a live chat box
moon phases | track the phases of the moon
gifypet | a little clickable page pet
adopt a shroom | mushroom page pet
tamaNOTchi | virtual pet
crossword puzzle | daily crossword
imood | track your mood
neko | cute cat that chases your mouse
pollcode | custom poll maker
website hit counter | track how many visitors you have
web revival manifestos & communities
also, there's actually a pretty cool community of people out there who want to bring joy back to the web!
melonland project | web project/community celebrating individual & joyful online experiences. Also has an online forum
melonland intro to web revival | what is web revival?
melonking manifesto |
status cafe | share your current status
nightfall city | online community
onio.cafe | leave a message and enjoy the ambiance
sadgrl internet manifesto |
yesterweb internet manifesto | sadly defunct, still a great resource
reclaiming online social spaces | great manifesto on cultivating your online experience
in conclusion
i want everyone to make a neocities site because it's fun af and i love seeing everyone's weird personal sites that they made outside of the control of capitalism :)
say hi to me on neocities
A detailed guide can be found in the above link; instructions can also be found within the code. Be sure to follow the terms of use and like/reblog if you’re using this page! Please contact me if you have any questions/problems with the coding and I’ll try to help you as much as I can! ♥
hey :D could i ask a bit of advice with gif making? i'm currently making homelander gifs and want the quality to come through.
when i began making gifs like 10 years ago, i captured the screencaps in VLC and imported them to photoshop that way, though i see now some folks create screencaps in photoshop itself. i wanted to ask, which is the best way?
you're probably really busy so it's ok if you don't get chance to reply. your beautiful gifs def inspired me to begin making again after so long. thank you <3
Hi :3 always pleasure to be an inspiration for giffing more of that golden c@nt :D I am actually working but it's not a busy day, and I absolutely love doing my shit instead of working and getting paid for it lmao
Anyway, I never heard of creating screencaps right in photoshop, if it's possible, which I doubt, I do not know how to do it.
Maybe you mean using import video frames to layers
But the video should be the correct format, not sure about the full list of supported formats cos I don't really use it, but mp4 works, if I remember correctly AVI also works.
Then will appear a window where you can choose the moment you want to create a gif from
You select a range and drag those two tiny things under the slider and photoshop will create frames only from that chosen scene. And then you have it ready
You can edit them one by one, but it's much easier to convert it to video timeline, choose all the layers and convert for smart filters to edit them all together, like sharpening. I explain it here much better
💬 0 🔁 61 ❤️ 107 · This is PART II of the GIF tutorial.
Part I
In the part 1 i talked about all the settings I used to create this specif
I use mpv player for screencapts, the link to it and how to install it - is here , it's pretty easy. Then just follow either tutorial above, using scripts to load files into stack, which seems too long now, I don't use it anymore, but it's an option
The easiest way to upload screencaps to PS is 'image sequence', so you make screencaps, you can either create separate folders for each gif screencaps or just rename them, so they are in the same folder but with different file names.
In case you create a separate folder, you just throw all the screencaps for that one gif in that folder, then open file in photoshop (ctrl+O), find that folder
Select one of the layers, better start with the first one, but if you choose the last one it will work as well, and check image sequense
Choose frame rate, I just leave what it says. And you will have this
Now you can edit that one layer the same way as if you converted layers to smart filters, tbh you can convert that video group layer for smart filters too and work as usual. It's the same
Why I said better to select first screencap is that if you pay attention there's missing screencap on screenshot above, when you have a gap between screencap titles PS will tell you about it when you use image sequence
You press continue and screencaps will be uploaded with that gap, which means you will have an empty layer in your gif. Like when you make frame animation it will be like this
So, you either title everything in order, or select the last layer maybe, that way it doesn't say anything about the gap and loads them the way they are without gaps in the gif either. I suggest to not have any gaps and to not skip screencaps at all.
If you don't want to spend time creating separate folders for each gif screencaps, you can work in one folder, just title the screencaps for one gif with something, like I did
So now if I select first layer titled a (1).png and use image sequence it will load ONLY everything titled with "a" and the next number in order, so the rest with b(1), b(2)...etc won't be touched.
When you finish editing it, convert for smart filters and make frame animation, then set time and save it. (explained in the tutorial above much better)
Well, all these methods serve the same purpose, it doesn't change quality of anything uploaded based on the method you chose, at least I didn't notice the difference in the result. I think image sequence is the best because it's the faster way for me, I am used to making screencaps using mpv player and it takes less time to load than using scripts. To use video import method, I need to convert the video to the right format first, which takes more time than making screencaps for me.
So, if you already know how to make screencaps, (or try to install mpv, but I suggest getting older version, maybe 2023 or 2024y version, cos the newer versions tend to create duplicated screencaps), I suggest using image sequence to load your screencaps to PS and then edit it the way you want.
For the quality I can suggest using the best video footage you can get. Use 1080p videos and above, also the size of the file also matters, if you can get 5gb episode instead of 1gb episode - the video quality will be so much better.
The boys are hard to color, considering all the dark scenes, all the green\blue\yellow filters they use, so... good luck :D
i've had my beloved blog for what feels like forever, but today it turns 13, so in celebration and as a little thank you to all of you for following my nonsense and sticking around, i've decided to share some of my favourite layouts that i've created.
PLEASE credit if you use any of these! either link to this post or the original sets linked below!!! (except of course the sharpening actions!)
HEXAGON LAYOUT - this is my favourite kind of set to make so i hope y'all have as much fun with this as i do. there's two folders of the layout, one is just the reverse of the other depending on how you want your gifs to look, just clip your gifs to each hexagon and watch it all take shape!
[first seen here]
PALETTE MOVIE POSTER - this psd has folders for each element, so the text layers are labelled in a group, and then the palette boxes are grouped together too, just fill each layer clipped to a palette square with your chosen colour!
[first seen here]
LETTERBOXD TEMPLATE - i almost didn't share this one because of the labour of love it was to make, but feel like i'm so proud of it, it deserves to be shared. each movie space is split into a group, and within that there's the folders for the star ratings. you can toggle on/off the heart/review/date (as the ratings change you'll just have to shift over these logos to keep things uniform!) and clip your gif over the shape for the movie poster.
[first seen here]
DIAMOND MULTI GIF LAYOUT - the most simple of all the layouts, but it got a really great reaction so i'm throwing that in here too, again like the hexagons, there's two versions. one being the reverse of the others, just clip your gifs to each shape.
[first seen here]
SHARPEN ACTIONS - VERSION #1 & VERSION #2 - have been asked about sharing these recently so thought i'd add this in, i mostly use version one but occasionally it's too sharp for certain media, so i use version two, which is just the same thing without the last extra sharpening!
