Happy December! In light of the Christmas holidays, I’m releasing my 4th font pack. This is my most expansive font pack to date, containing a larger selection of premium quality fonts in various styles, that I have used in my Creations. I hope you enjoy :D {More fonts}
Happy autumn! This is my third font pack. It contains a collection of fonts, of various styles, that I enjoy using in my edits. I hope you enjoy :D {More fonts}
Happy summer holidays! Due to popular requests, this is my second font pack which contains a selection of fonts that I use in my edits. I hope you enjoy :D {More fonts}
Hello everyone! This is my very first font pack. Since quite a number of people have asked what are my font recs, I’ve decided to compile a collection of my favourite fonts. I hope you like it!
Hi! A few people have asked me about my gif-making process and an anon asked about my coloring on a specific Bridgerton set. So, I decided to make a tutorial combining both! This is a very in-depth tutorial but there’s also nothing groundbreaking here. If you enjoy seeing how other people work like I do, this is for you <3 very long tutorial under the cut!
Hi! A few people have asked me about my gif-making process and an anon asked about my coloring on a specific Bridgerton set. So, I decided to make a tutorial combining both! This is a very in-depth tutorial but there’s also nothing groundbreaking here. If you enjoy seeing how other people work like I do, this is for you <3 very long tutorial under the cut!
Hii, your blog is amazing!! Could I request a tutorial on how to make that text effect in the first gif of your pinned gifset (the one that says “welcome to” ft kanthony in the background)? And also (if it isn’t too much to ask) a tutorial on how to make the purple/black and white effect in the second gif of the same post (the three Spider-Mans)?
hi, thank you so much! I'd be happy to help! the effects from our welcome post are super easy, so this will (hopefully) be very straightforward. tutorials under the cut!
HOW TO CREATE:
fade-animated text & color-blocked layouts
for both effects, you'll need to understand the basics of gif-making! check out our resource directory for some helpful tutorials :)
🪄 FADE-ANIMATED TEXT
1. after you finish arranging and coloring your base gif, add a text layer and style it however you like (my font/style details at the end of the tutorial)
2. add a blank (white) layer mask to your text layer and then erase your text using a soft black brush (I just used the default brush with hardness set to 0%!) like so:
(I also did another pass with my brush set to around 30% opacity. that’s the light grey bit on the left. this was just so it looked super smooth and seamless)
3. be sure to toggle off the chain icon shown above ^ this will unlink the mask layer from the text layer. if you leave this on, your animation effect will shift the entire layer, instead of the mask only.
4. with the text now fully erased, create two keyframes (diamond icon) on the line called "layer mask position" (shown below). put one at the start of your gif and wherever you want to end your animation, like this:
5. don't make any changes to the first keyframe. click on the second keyframe (where the animation will end) so we can move the layer mask position.
6. while the second keyframe is selected, go back to the layers panel and click on your layer mask. simply move the layer mask all the way to the right so your text is fully visible again. here's how mine looked:
7. and voila! when you play back the timeline, you should see the magic in action! if you think it's moving too fast or slow, simply move the second keyframe to another spot on the timeline. it'll keep your layer mask settings.
8. the last thing you MUST do is convert your timeline back to frame animation and delete the duplicate frames. when animating with keyframes, photoshop tends to put extra frames (I think as a buffer). if you don't remove these frames, your gif will not look smooth. here's the gif before deleting extra frames:
↳ you’ll notice it’s a little choppy as the animation plays. the base gif looks like it lags a bit or moves slower at the start.
here's the gif after deleting extra frames, ✨nice and smooth✨:
and lastly, here are more details about my typography:
1. start with your base gif, without coloring. unlike other multi-gif layouts, we’ll be using one gif and simply splitting up the canvas. for an overview, here are my dimensions and my layers panel:
* don’t ask me why it’s 154-225-153 instead of something balanced 🤦🏻♀️ i only just noticed that while doing this tutorial lmao
2. put your base gif in a group (command+G on mac) and add a layer mask. you could start with a blank mask or you can do what I do:
i like to map out my layout first. so I like to use the shapes tool to create rectangles in a new layer and see each section blocked off like this:
with this map in place, I just command+shift+click all the rectangle layers, select my group, and click add layer mask on that group! you should see black filling the spaces that you want to be transparent (see the group in the overview image titled “full gif”)
3. to block off your coloring, we’ll use groups and layer masks again! put your color layer adjustments (my group is called “center coloring”) and black and white layer adjustments (my group is called “outer coloring”) in separate groups
4. add your layer masks! you can use the same guide as your “full gif” mask. but this time, we won’t use all 3 rectangles at the same time. select the center rectangle only (command+click) and add a mask to your color group. your mask should look like a white vertical rectangle with two thinner black rectangles on either side
5. select the outer two rectangles (command+shift+click) and add a mask to your black and white group. (you could also just select the color group’s mask, add that to your bw group, and hit command+i to invert the mask!)
6. that’s it! make sure you have no background layer on your canvas, so your gutter lines stay transparent.
re: my coloring process — i have a process that i haven’t deviated from for years but mainly, i use a lot of levels, curves, selective color, and my fav for vibrant sets: hue/saturation <3 here’s a before and after:
also, the usergif team is filled with creators who are MAGIC with coloring. here are some extra coloring resources from our talented members:
elio’s coloring tutorial by spacedjarin
giffing and coloring tutorial by sashafierce
gradient coloring tutorial by sashafierce
isolating colors by sashafierce
the beginner’s guide to channel mixer by selinakyle
coloring yellow tinted shots by nobodynocrime
I hope this helps! if anything isn’t clear, feel free to send another ask! :) — nik
anonymous asked 💬 what are your personal font recs?
USERGIF FONT RECS 🪄 PER MEMBER
Here are some of our members’ favorite fonts! Fonts without a source icon are default fonts on Photoshop. Fonts with the source listed as “other” may require a deeper Google search or are only available to purchase, but most fonts are free! TIP: On mobile, slide your finger over the gif to slowly scrub through frames.
MORE RESOURCES FROM USERGIF MEMBERS:
— fade-animated text tutorial by nik [@sith-maul]
— font compilation by kate [@selinakyle]
— font compilation by sole [@fionagallaqher]
— font packs + downloads by jennifer [@antoniosvivaldi]
— glitching text tutorial by nik [@sith-maul]
— moving text tutorial by drea [@sashafierce]
— quick text styles tutorial by kate [@selinakyle]
— warp text tutorial by drea [@sashafierce]
— (all fonts listed below the cut)
WARNING : THIS TUTORIAL WILL BE IMAGE HEAVY ! i originally was just going to explain this to a friend on discord but some others popped up wondering how to edit a google doc, so i’ve decided to make this tutorial in case anyone out there is wondering about this as well.
THIS is the template that i made for the sake of this tutorial. it’s a docs template for independent single-muse blogs. DOWNLOAD here. in this tutorial, i will explain how to make every single thing that’s happening in this google doc. stripped. bare. i hope you enjoy this tutorial and as always, please like and reblog if you find this useful !!
2087
germansingergirl
izzy806
gummygunk
