#zee's tutorials
Explore tagged Tumblr posts
Text
gradient text tutorial
This tutorial is for @ladynephthyss but y’all can have it too xD
We’ll be adding text so the final gif looks like this:
This tutorial assumes basic knowledge of gif-making, Photoshop, and coloring. I’ve only described the text tutorial in this.
Tutorial under the cut:
Couple things to note beforehand:
There is a lot of trial and error involved when doing any sort of text, and this is no exception! You might have to play around with the colors and the settings before you find something that looks good and readable!
This tutorial is inspired by the difference text effect in these tutorials: one and two by @anya-chalotra (highly recommend checking those out!), just done a different way.
This text effect works better on big gifs (540px width) that have quite a bit of movement below the text so you get that effect.
Find fonts that have bold shapes or some width to them, so you can see the movement.
This is my starting gif, after sharpening and coloring.
First, I position my text where I want it. (this can be moved around later, I just like to get an idea). Remember what I said about fonts? Try to use ones that are thick for this effect so you can see the gradient/movement underneath the letters. I’m using Intro.
It doesn’t matter what color the text is at this stage, I just do white text so I can see it:
Then, add a gradient map in the color you want your text to be. For this one, I chose black and purple. The more contrast there is in your colors, the better it looks. You’ll be able to change this later though, if you don’t like the way it looks.
This is how it looks with the gradient map:
Now, we’re going to go over into our layers panel, and where we have the white box (the layer box), we’re going to select and delete that...
...so it looks like this:
Then, while pressing Ctrl, we’re going to hover our mouse over the T in our text layer. Your cursor should show a white box with a dotted border. Press the T in the text with the specialized cursor, and you should get a dotted line all around the letters, like so:
(I’m not able to get a screenshot of the cursor for some reason but I hope the instruction made it clear!)
Then, make sure you have your gradient map layer selected, and press the layer mask button (shown by a white arrow in the below image - it looks like a white rectangle with a black circle in the middle.)
This is what it should look like:
Right now, it’ll look like some solid color (which depends on your gradient). This is because we still have the text layer visible. Once we press the eye icon next to the actual text layer to hide it, you can see that this is what it looks like:
(You can also delete the text layer, but I don’t, just because if I decide to put these two words on two lines, or change their spacing or whatever, I don’t want to have to make a new layer. I can just edit that one before re-masking.)
As you play your gif, you’ll see that this is what the whole movement looks like:
You can see that the movement of him lifting the glass to drink his tea shows through the text, too. Almost like a weird color X-ray type thing, where the lighter color shows on darker shades of the gif, and the darker color shows on the lighter part of the gif.
Note: sometimes, depending on the way your gradient is made, you might get text that looks like the picture below. Just hit the reverse button (shown with a white arrow), and you should get the text looking like it does above.
This is the basic way to do it. Now, we can easily edit this, if we feel like there’s too much purple and not enough black. To do that, we go into the gradient, and change the slider positions of the colors. This is purely an aesthetic preference, but I’ll show you how to do it below:
For example, I moved those sliders so there’s more black and less purple, and the gradient feels more like two colors only, instead of all the various hues of dark purple/gray-purple.
This is what the gif looks like:
In the gif before this one, the black was more of a muted gray. In the one directly above, you can see that it looks much more striking. So play around with that until you find something you like.
It still doesn’t look very visible to me, so I’m going to add a drop shadow underneath (again, this is a preference thing). You’d do it just like you would with a regular text layer. Right click the Gradient Map layer and select Blending Options. Add a drop shadow.
This is what mine looks like:
And that’s it! You can keep playing around with the whole thing until you’re happy with it. You can even keep changing the color, and the great thing about that is you’ll be able to preview it as you change it to see what works with your scene. For example, I tried white and black text here:
And that’s it! Feel free to drop me an ask if anything’s confusing! Happy giffing!
#zee's tutorials#tutorials#gif tutorial#typography#gradient text#photoshop tutorial#resources#ps help#dailyresources#completeresources#itsphotoshop#allresources#dailypsd#userisha#userdahlias#alielook
466 notes
·
View notes
Note
......vash wing tutorial?? Pls?? On like how you color them?
oh gods a wing tutorial? Colouring this is using as many digital artist cheats as possible but I will endeavour to explain. First I fill it on 1 flat colour like this!
I then add where I want the glow spots to go like this:
they're just flat dots i try to make as patchy as possible!! Then I add in where the shadows go, to make it more obvious what is on top and what is on the bottom and to make some of the feathers stand out just a smidge more. This took like 2 multiply layers and a light grey-lilac colour if you're curious.
then I run over it with a bit of lighter blue overlay to make the feathers pop more!!
more digital art magic: using gradient maps. I saw someone do it once! Tbh all this does is give my colours a bit more depth. I choose a gradient of colours i'm fond of (usually pink blue purple because I CAN. Beaming bisexuality on all my art lets go-) and then i just run a soft brush over areas on the masking layer, I want to retain the original colours and leave the bits where I don't mind for it to be darker cause its not the focus areas.
and then I once again run through with another 2 overlay layers of light blue to give it that nice blue sheen!
Then its my favourite part!! Colour dodge layer! This is where I start adding glows and speckles with a glow and speckle brush, to make things start looking glowy! I abuse this way too much. You can probably cut back a little, unlike me. I also line some of the feathers for a bit of light reflection. I threw in some purple for that galaxy feel :>
thats it! Sorry its not as uh, in depth as maybe people are hoping?? I just use a lot of layers an experiment until it looks the way I want and that I'm happy with. I'm glad people are enjoying how I do his wings 😭
#zee replies#colour tutorial#sorta#harder to explain how to draw the wings cause its a mix of use a reference and draw a naked chicken wing#angel!vash
204 notes
·
View notes
Text
i dug out my 2ds and booted up one of the original Harvest Moon games on it!! it's a lil confusing but all the character art is so charming
13 notes
·
View notes
Text
keywords to use when looking for fun child-friendly games on flashpoint!꒰› ω ‹ ꒱☆〜
for those unaware, flashpoint is a program you can download onto your pc that has thousands of flash games from all around the web archived into one program! i have a tutorial on how to download it here!
always remember to stick to the OFFICIALLY LICENSED games! not that the third party games are bad or dangerous, but theyre just generally of a lower quality and not as fun. my favorite keywords list is under the cut!
MIMI'S FAV FLASHPOINT GAME KEYWORDS
nick jr (has everything from dora to blues clues to the fresh beat band and everything else in between!!)
nickelodeon (has fun lego games, avatar/korra games, spongebob, and even games from classic 90s nick shows!)
hasbro (barbies games, my little pony games (g3 and g4), littlest pet shop games, NERF games, marvel games, transformers games, etc!)
noggin (not a whole ton of games because most noggin games got moved to nick jr, but a lot of games that didn't survive the switch were oobi games, miffy games, maisy games, and a couple moose & zee games!)
disney (a big range of age demographics in this one! plenty of disney junior, disney channel, and classic disney movies games!)
cartoon network (this ones for a slightly older demographic, 8-12 i'd say! lots of classic and modern CN show games to choose from here!! the naruto games were my fav as a kid)
GirlsGoGames (a classic site for sure!! lots of fun dressup games and stereotypically "girly" games!)
PBS (so many cute games!! clifford, arthur, mr roger/daniel tiger, etc!!)
sesame street (pretty self explanatory here! i love these games :])
polly pocket (a few unlicensed low quality games in the results here, make sure to play the real ones!)
sprout (kinda like noggin, these are a lot of the games that didn't survive the switch to PBS kids! mainly bob the builder, a couple sesame street games, and thomas the tank engine)
HiT entertainment (some more bob the builder and thomas games, fireman sam, and some really cute microsites [pingu, thomas & angelina ballerina])
american greetings (really cute care bears games, and some games from rarer/forgotten 2000s shows like holly hobbie and maryoku yummy! [I LOVED BOTH])
hubworld .com (basically a part 2 of hasbro. more mlp games, lps games, transformers games, etc!)
mattel (more barbie, polly pocket, hot wheels games plus a ton more from other mattel franchises, including some fisher price games for very young ones!)
some general flashpoint tips
make sure explicit content is turned off! you can do this in the config tab. if you have explicit content turned on, adult games can show up in searches (especially if you search stuff like my little pony)
avoid games that are from newgrounds, deviantart, etc. those games can be violent, gorey, or suggestive, and can pop up even if the explicit content is turned off
each game has tags, publishers, etc in the description that you can click on to narrow down your searches!
not all games work properly. some may glitch, have lost assets, or not load at all. these things will usually be specified in the "notes" of the description, make sure to read those before playing!
and most importantly, HAVE FUN!!! there are literally thousands of games at your disposal here to play around with. this program offers hours of fun for regressors or people who love nostalgia!
#︶︶ ˚ fun#age regression#sfw age regression#sfw agere#age regressor#agere#noncom agere#agere blog#sfw littlespace#agere games#flash games#nostalgia
351 notes
·
View notes
Note
If you wouldn’t mind sharing your secrets, can you drop a quick tutorial for the hades art style? You seem to capture it very well!
Hey anon! Thanks so much, I’m flattered you think so!
To be honest there's really no secret, just a lot of trial and error. I am an amateur, but I’ll point out a few of my observations of the amazing Hades team’s work that I attempted to incorporate into this Astarion drawing, especially SuperGiant Games art director Jen Zee. Everything below is just my layman’s observation of her much, MUCH better work. You should check her out yourself!
First off, here’s a simple split out of the whole process (this will be long, more below the cut:)
POSE & PERSONALITY
Hades art is full of personality so the first challenge was to pick a pose that illustrates just one or two aspects of the character. For example, Dionysus from Hades 1 below has a languid, draping pose that reflects his chill-guy party vibes. Just looking at him you get an immediate idea of his personality.
And as much as I love the later wet-cat version of Astarion as he matures as a person, for the purposes of illustration in this style I chose a pose and expression that leaned into his early, less complex, more wily self. The dagger, wink, jaunty hips and head tilt are meant to communicate, without additional context, that he’s both trying to be appealing and is not trustworthy.
LINEWORK & SHADING
Next is the linework and blocking! The Hades art team tends to use a combination of near-mono-thickness black lines, where exterior lines are thicker and interior lines are thinner or have no lines at all. They will often forgo an interior line to communicate form via color blocking instead. The style also makes heavy use of absolute black for the deepest shades, especially on more sinister characters or spooky aspects of a characters design. (See: Zagreus’ three dog head skulls and his red eye perpetually cast in deep shadow.)
It took some back and forth to find the right balance of black shading for Astarion. Too much and he looked too sinister and not approachable enough. Too little and he looked too innocent.
Picking a strong light source helped with determining the direction and placement of the shadows so that just enough was obscured/revealed. It also helps in differentiating forms from each other so that, for example, the arm doesn’t disappear into the chest and become unreadable.
Using heavy black shading was a particularly useful trick in Astarion’s case, because his camp clothes color palette is fairly monochromatic between his light hair, pale skin, and white/cream shirt. That much light color can easily blend in too much and become boring: the flats I used were slight variations of white, from a warm reddish-peach to a yellowy cream to a cool light gray for the dagger.
COLOR & LIGHTING
Last is color! In Hades 1 and even more so in Hades 2, the lighting schemes are deceptively complex. There are often multiple light sources and use of bounce lighting to add a lot of visual interest. For example, check out this lighting on Polyphemus from Hades 2:
Not only does he have a cool moonlight hitting him from above, he also has a warm orange rimlight lighting him from the left, AND cool lavender bounce light bouncing off the ground and hitting him from below. All these combine and layer on top of one another to help emphasize the forms of the cyclop’s musculature and the textures of his sheep wool coat.
I don’t think I was as successful in my own lighting scheme, because I’m an amateur, but I determined that the scene in which I was placing Astarion has a high sun and was outdoors. This means that the light hitting him from above would be a light, warm yellow and the bounce light hitting him from the left would reflect the nearby water and blue sky of the environment.
To achieve this, I made use of different layer modes in my art program (Clip Studio Paint) to apply purple shadows (via the Multiply layer mode) and highlights (via the Soft Light layer mode) in a light sky blue and a light yellow for the primary and secondary light sources.
I ran into trouble with the blade, because it was also a light metal in an already light-color-heavy color scheme. At first, it was blending in too much and hard to read. So I decided to give it a bit of a magic teal glow to help it stand out, which meant adding a few specks of magic light reflecting back onto the face and clothes as well.
INTEREST & DETAILS
Speaking of, Hades style art makes extensive use of adding little speckles of high-saturation color to add visual interest and cohesion. See this Zagreus portrait which is primarily made of grays, a tan bone-color, and reds:
But sprinkled in are neon teal and magenta that don’t relate to the lighting at all. It’s just there to break up the blocks of color, bring unique colors like his green eye into the rest of the portrait, and direct the viewer’s eye. These highlights are slightly less bright in Hades 2, but still there, such as in this depiction of Apollo, who mostly glows with a warm sunlight but also has random pops of sky blue and green flecking his armor and hair.
The pops of color are often placed more centrally on the figure to keep your eye on the important parts of the portrait, like near Apollo’s face and on his armor. The color pops aren’t as frequent at the extremities; too much on the arm and your eye would be drawn away from his face.
I took a similar approach where I grabbed some of the brighter colors (like Astarion’s red eye, and the teal glow of the dagger), to add dabs of color that normally would not “make sense” from a lighting perspective, but add a little visual interest:
Also I totally studied their approach to Apollo’s curly hair to create the impression of Astarion’s curls!
Anyway, I think that's all I got for now, I hope this helps! There's more but this is already REALLY long so I'll stop here. In the end, it's really just a process of observation and replication of things you love in artwork you admire. Give it a try, it's a lot of fun :)
127 notes
·
View notes
Text
Achilles if he was the Champion on Olympus instead of Theseus and Asterius, inspired by a fic (by @baejax-the-great) I read recently.
I ended up drawing Achilles because I wanted to train more metal and Patroclus in this fic doesn't have much metal in his design. Maybe I'll try to do Patroclus too, but I can't promise anything because trying to imitate Hades has already taken me a long time for a train.
I tried to use Hades' style as a kind of observation study. Honestly, I already knew it was going to be difficult all along because I don't have stylization as my strong point, and also the style of this game seemed so unique that it gave me the impression that it would be difficult to replicate. All said and done, it really is. Even if I cheated by establishing a firmer pose on Achilles to avoid the need to draw a good gesture, it doesn't change that the rest is still outside my comfort area.
My conclusion was: the head is the hardest part for me, which I didn't expect. My facial style is very different from Hades' style, so it complicates my life. Plus, using just one brush for the whole thing is surprisingly good. I should practice gesturing instead of avoiding it.
And here I'm going to put some notes about Hades' style that helped me try to replicate it, but that's it: in Jen Zee's case, perceiving characteristic X is more complicated than doing characteristic X! I still think I need to train a lot to really be able to replicate it, especially in the head area. I don't know if this counts as a tutorial of sorts? But that's it, expect lots of images and explanations from here on in this post.
SHAPES
You can easily see "geometric" aspects of the drawing. It's easy to "disassemble" characters into shapes, which is a kind of basic concept often used in drawings.
I think that trying to be "sharp" is a good thing, as most of the shapes I saw on the characters were more sharp than rounded.
I got the impression that Jen Zee focuses on the macro and then goes to the micro, not micro for macro. In other words, she first establishes a visible and well-made shape and then cares about details.
This is very good in terms of anatomy, because a common mistake artists make, for example, is to care too much about detailing things like the face and muscles instead of creating a well-done silhouette. It turns out that the detailed parts are realistic, but the character as a whole has questionable anatomy. Typical case of a perfect face, but too big or small for the body.
I think the most obvious example of Hades' style is its hair. There is no separation of hair strand by strand, but rather making a large, recognizable shape that will later be further molded.
LINEART
The line is always black. Don't paint!
Lineweight: the outer line is thick but the inner lines are thin. There isn't much more line weight variation other than that.
It's mostly consistent but, in some parts, it's purposely interrupted or less polished. It's nothing so noticeable that if you do it completely polished it will greatly affect the result, but if you intend to get as close as possible I would advise you to purposefully "fail" in some parts.
Even with these "flaws", it's a CONFIDENT lineart. This means that you will have more luck copying the style of making your drawings in firm, quick strokes at once rather than slowly retouching stroke by stroke. Draw a line and if it looks bad, just do it again. I don't recommend drawing over it to fix it.
I don't know if this fits in line, but I'll put it here. There are some random lines of striking colors here and there. At first glance, you don't even notice them, although they actually help the drawing stand out, but they are there.
COLORING
Color blocking is your friend.
Don't use blending tools, and use a hard brush and hard eraser. I used one of CSP's default brushes for the entire drawing. It's a style that doesn't require fancy brushes.
From what I saw, Jen Zee doesn't paint this style in grayscale but directly in color. If your fear is getting the color wrong, using layers is a faithful companion because it's easy to change a specific part.
It's IMPOSSIBLE to do the Hades style without inking, which is that part where in the traditional drawing you would apply the ink. In Hades, this is visible in the parts that are shaded black.
Inking is MAINLY used in areas where there is less light, such as the neck, but it's also widely used on metal surfaces.
Don't insist on gradients and blurring the drawing! The shadows here are more solid, quite easy to point out where they start and where they end. In some parts, the transition is made by putting an "edge" on the shadow in a tone that is between the shadow tone and the base tone, not by blending. In others, there is no transition at all. Faces, in particular, seemingly have no transitions.
In the illuminated parts, I particularly found it easier to use rubber to shape them. First paint straight and then start erasing and making the shapes.
Highlights are very important in this style, and they are generally in a more saturated tone.
It seemed easier to follow the order of base color > lighting than base color > shading. That is, first paint in the darkest tone and then add lighter tones instead of painting light and then making it dark.
-Use of complementary colors and analogous colors in certain palettes.
Color picking can make you a little insecure about the base colors, but trust the process because color theory is crazy. The base skin tone of Achilles in Hades is a yellow that is strange at first glance, but together with the other added tones it simply looks like a normal tan. Believe me, I was surprised at first! But, sure, it doesn't all have to be color-picking.
SOME EXAMPLES IN IMAGES
And now trying to explain what I already said, but visually. If you look at the images, I recommend zooming in. Very simple images because some of them were actually loose studies and not something made with the intention of posting so don't expect anything beautiful lol
77 notes
·
View notes
Note
hey zee! do you happen to have a link to the full performance/lyrics of the song at the end of the show? i'd like to learn the lyrics and choreography, and for some reason have a vague memory of you possibly mentioning a video? if not no worries tho
hello anon! i just went on a little dig and so far ive found this (here) if anyone has the full video of the song pls link it in the replies and if i find anything else ill edit the post and link it!!
edit: little snippets here
edit: someone made a tutorial for the dance!
#asks#anon#titspoilers#i never reblogged anything bc i wanted it to be a suprise for my show but ill look for more!
6 notes
·
View notes
Note
You miss your home server, correct?
Who all was there? Would you like to tell me about them?
…
Also, if you could, would you want to meet them now? Or would you prefer to not know too much about the future for when you get back?
- @ask-robot-grian
I'm not even sure it's possible to go back. I mean, the Watchers are powerful and all, yes, but would They really have the kind of power to bring me.. what, years in the past? Maybe versions, but actual years?
I do wanna meet future them. T- Jimmy, Martyn and Netty, and Salem, Tom.
I wonder how they are in my time.
Uhm, Martyn and Tim- Jimmy. They were the Property Police. They were really fun to hang out with.
Pearl, she joined a few days before the update for the end.
There was Salem and Netty, Netty and Martyn were together actually.
Taurtis.. he just kinda dispeared one update and the Watchers took down his air balloon.
Tom and Zee, Tom followed a few of my building tutorials and Zee was an amazing builder.
B, Mini, they were fun too. BigB pranked me with a cookie in the Empi- my old base.
8 notes
·
View notes
Text
The 14 best Baldur’s Gate 3 quality-of-life and style mods
Although Baldur’s Gate 3 is a multi-award-winning and extremely regarded fantasy RPG, you may at all times obtain some mods so as to add much more individuality and customization to your playthrough (for those who’re taking part in on PC, that's). Do you would like Astarion was femme? There’s a mod for that. Would you like extra character customization choices? There are tons of mods for that. And if the precise gameplay isn’t precisely what you need, there are dozens of mods for that, too. Combing by accessible mods for Baldur’s Gate 3 may be time-consuming, particularly when some mods could also be similar-looking, even when they perform in clearly alternative ways. That’s why we’ve compiled the next listing of the most effective BG3 mods to boost your gameplay expertise. Earlier than downloading any of the mods under, it is advisable obtain LaughingLeader’s BG3 Mod Manager. Try LaughingLeader’s information for setup or, if you'd like an additional breakdown for organising mods with out breaking your recreation, take a look at Reddit consumer lilpidgeons’ quick and easy tutorial to get began. For non-cosmetic mods, you’ll additionally want Norbyte’s Baldur’s Gate 3 Script Extender, which comes with an set up information. With the latter, beware: Each time Larian Studios patches BG3, you’ll have to attend for the script extender to be up to date earlier than loading your save file. When you don’t, you run the chance of breaking your complete factor and having to begin over from scratch. Though Larian is being very beneficiant with post-release patches primarily based on participant suggestions — introducing new epilogues and kissing animations, for instance — these updates will create havoc for modded video games. Final however not least, if you wish to set up mods from the pre-release period, take a look at Probability Santana-Wees’ Baldur’s Gate 3 Mod Fixer to drive the story to recompile and make these mods work with the complete recreation. When you’re having issues loading the sport after Patch 5 as a consequence of mods put in earlier than the replace, do that temporary fix by blightedmods. Now that you just’re outfitted to begin modding your Baldur’s Gate 3 expertise, listed below are the most effective mods to boost your recreation.
Mods that enhance high quality of life in Baldur’s Gate 3
ImprovedUI ReleaseReady
Picture: AlanaSP, ShinyHobo, Djmr, Zee/Nexus Mods This mechanics mod alters the UI to boost modified video games for a smoother, higher expertise total. Along with enhancing character creation choices, ImprovedUI ReleaseReady additionally removes in-game warnings and gives non-obligatory information primarily based on participant suggestions to exchange different UI parts. On the time of writing, the creator has launched a Patch 5-compliant replace, so it's going to work with the present model of the sport. WASD Character Movement
Picture: Ch4nKyy/Nexus Mods In vanilla Baldur’s Gate 3, gamers transfer characters round by clicking the mouse across the map, which can really feel clunky or arduous to handle for PC gamers who're used to utilizing the WASD keys on their keyboards. When you’d somewhat use keyboard controls, Ch4nKyy’s WASD Character Movement mod is a must have. On the time of writing, this mod has been up to date for compatibility with Patch 5. Achievement Enabler When you’re taking part in a modded model of Baldur’s Gate 3 on Steam or GOG, you could discover that you just’re not unlocking achievements, which is an issue for PC avid gamers who each wish to tailor their play expertise and nonetheless unlock these shiny badges. Relaxation assured: DK’s Achievement Enabler reinstates the flexibility to unlock Steam and GOG achievements in modded video games. On the time of writing, this mod has been up to date for Patch 5. Camp Event Notifications
Picture: Kvalyr/Nexus Mods When you’re grinding arduous by BG3 and never stopping for lengthy rests usually sufficient, you could miss camp-specific occasions and dialogue scenes which can be solely accessible at sure factors throughout the story. To keep away from shedding wealthy character and story moments, you may allow Camp Event Notifications, a mod that provides visible notifications for when it's best to go for lengthy relaxation nights at camp. The unique mod by Kvalyr is in English, and there's a Korean-language version by bk0n9. Show Approval Ratings in Dialogue Choices
Picture: Knapper234/Nexus Mods Dialogue choices in Baldur’s Gate 3 are decided by class and abilities, and every creates a special final result in conversations with NPCs. When you’re involved about sustaining or deteriorating sure relationships, it’s price downloading Knapper234’s Approval Ratings mod, which lays out precisely how what you say will elevate you up or knock you down within the eyes of your companions. This lets you make extra knowledgeable choices within the dialogue wheel, which can forestall the necessity to save scum for each cutscene.
Mods that customise look and clothes in Baldur’s Gate 3
Unique Tav Custom Appearance If you'd like your Tav to have a unique look as you make your method by Faerûn, look no additional than this mod by kartoffel, which provides new and distinctive face make-up and tattoo textures, physique textures and fashions, and non-obligatory, upscaled physique tattoos. There's a plethora of further mods you may add to this one for an much more catered look. Watch the dialogue subjects for bugs as Larian releases patch updates: This mod is nice, however generally requires further endurance. Customizer’s Compendium - NPC Options Unlocker Read the full article
2 notes
·
View notes
Note
Hi!
I was just wondering if you have a tutorial on how you created this effect in your gifset, it's something I'd like to try but have no idea where to start. Your set is so pretty! Any helps appreciated x
https://www.tumblr.com/tawaifeddiediaz/712911415428743168/ill-take-you-with-me-then-well-both-die-you?source=share
Hey Nonnie, thank you! This is super late, but I don't actually have the psd for this set anymore (I delete them as soon as I post them), so we're just gonna wing it with a gif I made the other day. I think this ask is about the text, but if it's anything else, just drop me another line and I'll get to it when I can!
I'm pretty sure I got this tutorial from the wonderful @eddiediaaz but I then turned it into Lazy Girl Hours :)) anywho, here we go!
We’ll be making this gif:
This tutorial assumes basic knowledge of gif-making, Photoshop, and coloring. I’ve only described the typography tutorial in this, but you can reach out if you have any questions.
Tutorial under the cut:
Couple things to note beforehand:
There is a lot of trial and error involved when doing any sort of effect, and this is no exception! You might have to play around with the colors and the settings before you find something that looks good and readable and that fits your set!
This text effect works better on big gifs (540px width).
For this, I find that a simple font works better than a fully-cursive one, but play around with what you like. The boxes may need some adjusting if you use a font with too many tall or tail letters (i.e. text where all the letters aren't on one uniform line - that's why capital letters work so well.)
Movement works really well with effects like these, but again, it depends on your gif + readability. If you have a blended gif, it may take a little more trial and error.
I work in frame animation for all my text effects, but this works just as well in timeline as well.
We’re going to start with this gif:
First, I like to put my text on the gif. You can obviously move this around later so don't worry too much about how it looks right now.
The dialogue is "Just don't feel it." "Feel" is one of those Big Words for this quote, so I'm going to emphasize it with cursive text.
I am using Moon for the sans serif text, and Santa Fe Spring for the cursive text. Keep both of these in white for now:
Next, we're going to use the rectangular marquee tool to draw our rectangles around the capital letters (we're not touching the cursive text right now). I just eyeball this, and then try to center it as much as possible.
(The rectangular marquee tool has a keyboard shortcut of M, and it's the second tool in that little toolbar on the left of most people's Photoshop.)
This is what that'll look like:
Next, we're going to go down to the icons at the bottom right of the layers panel and select the half-black half-white circle > Color Fill.... You should get a color dialogue box. Choose your color - I'm using #8d0000. Then, we're going to move that layer below the corresponding text layer, and set its blending mode to Difference. This is what that looks like (click the image for better quality):
I'm going to repeat that with the other two boxes as well, using the same color. The boxes will look different with the Difference blending mode because of the shadows underneath.
For example, the box with "it" looks like a solid red square because it's against a completely black background, while the other two have some blue shading to them since there are some highlights behind them.
This is what my gif looks like now:
Next, I like to go The Lazy Girl™ route and put all three color-fill layers into one group underneath all the text layers. This just lets me edit the drop shadow of all three of them at the same time.
Right-click the group and open up the Blending Options. In Drop Shadow, these are the settings I'm using. The drop shadow color is #0c6477:
(Note: uncheck "Use Global Light" especially if you're working in frame animation to make sure all the drop shadow has the same angle on all frames.)
This is what my gif looks like now:
Now that we've finished that, time to move on to the cursive text.
I usually match the cursive text to the palette of the rest of the text, and since the drop shadow is our "accent" color, so to speak, I'm going to use a lighter version of that color. I am also going to add a drop shadow for readability.
The color I used for the text is #acfffe and I actually ended up adding two drop shadows, just because I needed something subtle that doesn't overwhelm the text, especially since it's a delicate font. Here are the settings for both layers:
And here's what my gif looks like now:
Now, before we move on to the lines, just check the adjustment of all these text layers, see if there's anything you want to change. It's easier to change now than after the lines are added, since you'll most likely have to redraw them if you move the boxes after the fact.
To draw the lines, we're going to use the Line Tool. I just freehand all of this, and I try to go from center to center of the boxes when I can. It all depends on your angles.
My lines are 2px thick, but you can change these depending on your preference. Here's what mine look like right now:
We're going to do the same lazy hack that we did for the color fill, and put all three line layers into a group. Move this group below the text layer and the color fill layers. The reason for this is so that the lines look like they're coming seamlessly from the box, rather than from on top of them or something.
Then, set the group to opacity 50%. I like more subtle, simple looks in my gifs, so I don't like super high opacities.
And that's it! This is our final gif:
Some final notes:
Absolutely play around with the blending modes of the color fill layers for this effect. These two gifs are the exact same color we've been using, just two different blending modes. You can see how drastically different they look. The first one is Linear Dodge (Add) and the second one is Vivid Light:
It can change how your gif looks in a BIG way, so play around with it, see what you like, especially if you don't really like the "two toned" thing going on.
Sometimes, I also like playing with the width and height of the text in the font settings, making it shorter and wider, or making it taller and more compact. You can play with the letter spacing as well. The world is your oyster, etc etc.
One other thing I've started doing is erasing the lines with a big brush, just to fade them from his face a little, like this:
To do that, use a layer mask on the line layer folder, and a brush that's 0% hardness, and at least 200px big. For this gif, I also changed the opacity of the lines back to 100% so the fading effect is a little more pronounced:
(this gif isn't the best example for this, but oh well. Anywho, hope this helps, Nonnie! Let me know if you have any questions.
Enjoy!
#zee's tutorials#tutorials#gif tutorial#photoshop tutorial#resources#dailyresources#completeresources#itsphotoshop#allresources#dailypsd#userisha#userdahlias#alielook#userabs#tuserheidi#userelio#userjaelyn#userisaiah#usermorgan#usergert#zee answers#im so pissed at myself for losing the tutorial the first time like you do not know how mad i am right now#i didn't even do anything tumblr just hates us all
200 notes
·
View notes
Text
About Me!
Hiii! My name is Zee, and I've been playing EN PJSK for a few months now. PJSK is one of my first gacha games and I found a good bit of a learning curve but not many resources for it, so I decided to make a tumblr blog dedicated to posting tips and tutorials!
If you have any questions, feel free to send an ask and I'd be happy to answer it <3
Tags:
✨performance time! = Tutorials/Tips!
🌸new sekai? = Answered asks!
💕wonderhoy! = Other posts!
3 notes
·
View notes
Text
MOBILE NAVIGATION
ngoc. 24. she/her. inbox always open :D (no queue tag - if i like your post without an instant rb, it's in queue!)
tracking #userngocchi
LINKS
networks: svtgifsets + forsvt
tutorials: coloring stages
psds: fml stages
my stuff: all works + gifs + edits + icons
blogs: interacts from @ayatou ; gg blog @kimshyunjin
REQUESTS are open!
POLICIES
do not repost my gifs anywhere
do not steal or alter my gifs/edits in any way and claim them as your own
you can use my gifs/edits/icons as pfps/headers (credit is nice but not necessary)
*i block and report blank blogs so please change your pfp if you want to interact with me*
BROWSE BASED ON MEMBER
ot13 | scoups | jeonghan | joshua | jun | hoshi | wonwoo | woozi | dk | mingyu | minghao | seungkwan | vernon | dino
MUTUALS & TAGS
if we are mutuals, please lmk if it's alright for me to give you a tag :]
—click their urls to be redirected
97chwe : tris 🧚♀️
ajusnice : ace 🪷
bluehourzip : ine 🤍
caratonce : isai 🐱
facethesuns : em 🦋
ftdino : summer 🌼
hannietual : hana 🥕
hong-jisoo : codi 🌷
irlvernon : max 🐰
itsyoonzino : snow ❄️
jeonwonwoo : zay 🌋
jeonwon-wonwoo : maddie 💐
jjaez : lili 🌱
junranghae : noa 🍊
leeknowjimin : william 🍋
kimsmingyu : ali 🐯
lee-haechan : rose 🐻
nootcoups : zee 🍒
seokmins : elv ⚔️
seoksgyu : addy ☁️
seungkwan-s : heather 🍦
shuaberriez : aria 🍓
wnjunhui : mery 🥑
wonufied : sona 🦊
woozification : emily 🍙
12 notes
·
View notes
Text
PHP Course Training in Jaipur | Institute, Classes, Certification
Introduction
PHP commenced out as a small open supply assignment that advanced as extra and extra humans found out how beneficial it was. Rasmus Lerdorf unleashed the first model of PHP way lower back in 1994. PHP is a recursive acronym for "PHP: Hypertext Preprocessor". PHP is a server facet scripting language that is embedded in HTML. It is used to manage dynamic content, databases, session tracking, even construct whole e-commerce sites. It is built-in with a quantity of famous databases, which includes MySQL, PostgreSQL,Oracle, Sybase, Informix, and Microsoft SQL Server. PHP is pleasingly zippy in its execution, particularly when compiled as an Apache module on the Unix side. The MySQL server, as soon as started, executes even very complicated queries with big end result units in record-setting time. PHP helps a massive wide variety of fundamental protocols such as POP3, IMAP, and LDAP. PHP4 added aid for Java and dispensed object architectures (COM and CORBA), making n-tier improvement a opportunity for the first time. PHP is forgiving: PHP language tries to be as forgiving as possible. PHP Syntax is C-Like. Common Uses of PHP PHP performs gadget functions, i.e. from documents on a device it can create, open, read, write, and shut them. The different makes use of of PHP are: PHP can deal with forms, i.e. collect facts from files, shop facts to a file, via e mail you can ship data, return records to the user. You add, delete, regulate factors inside your database via PHP. Access cookies variables and set cookies. Using PHP, you can avert customers to get entry to some pages of your website. It can encrypt data. Characteristics of PHP Five essential traits make PHP's realistic nature possible: Simplicity Efficiency Security Flexibility Familiarity History of PHP The first model of PHP is PHP/FI (Form Interpreter) developed by using Ramous Lerdorf, monitoring web page view for his on line resume. This model helps some simple function, succesful to deal with shape facts and mSql db. PHP/FI 1.0 observed with the aid of PHP/FI two and rapidly supplanted in1997 via PHP3.0. PHP3.0 developed through Anti Gutmus and Zee Surakshi, entire rewrite of PHP/FI. It helps a extensive vary of database such as MySQL and Oracle. In 2003 PHP4.0 was once launched with higher performance, larger reliability, aid for web server different than Apache. Support OOPs concept. PHP 5.0 assist message passing, summary classes, destructor, higher memory management. PHP is used on over 15 million website.
2 notes
·
View notes
Note
@detective-von-edritch patented zee leg tutorial:
step 1: get zubmarine
step 2: get gaider's mourn to love you. get guns. get blue prophet. get more guns. get a burning hatred for the admiralty. get more guns.
step 3: leave london. zail to polythreme. gain 3 zee legs. (sink admiralty ship on the way)
step 4: leave polythreme. zail to london. gain 3 zee legs. (sink admiralty ship on the way)
step 5: leave london. zail to polythreme. gain 3 zee legs (sink admiralty ship on the way)
step 6: repeat ad infinitum for like 3 months straight. do not land on solid ground. do not pass go. if people are trying to send you letters they will hate you. too bad
step 7: 939 zee legs. you are now unstoppable
After my own voyages at zee I now respect the zee-leg grind even more
behold, their sheer zee-legged power
#the real answer is my railway and every other plot is in shambles#bc all i do is zail#i don't know why
26 notes
·
View notes
Text
one time someone told me that they taught themself how to knit by literally reverse-engineering a piece of knitting. like they unraveled a piece of knitting and thru arduous trial and error figured out how to knit from it
and i was like that’s incredible but also oh my god why
#zee.txt#they said it was b/c they didn't realize at the time that there were tutorials on the internet#absolute legend#zee knits
213 notes
·
View notes
Note
hello! im a newby gimaker and i want to follow your tutorial on sharpening but i dont know how you got to the photoshop page you started from where it looks like a video timeline. can you tell me how you got there? <3
Hey!!
Welcome to the wonderful world of gifmaking <3 yes i can lead you through to that point. I have a mac so this might look different for you, but all the steps stay the same - I just shifted from windows to mac so i know this xD
I'm going to show you how to do this on this gif:
I prefer to use screenshots for my gifs (I also don't know how else to make them), so I use Mplayer for that. I used to use MPV player but that stopped working with my new computer system.
First, you want to make sure that you're using a high-quality file. If 1080p is available to you, use 1080p at the very least. This will make sure your gifs are crisp and sharp.
Open your file with Mplayer. Then find the bit that you want to gif. I sometimes search forward by frame by using the ">" key. Once you're at the start point of your desired gif, pause the video. Then, Cmd/Ctrl + Shift + S to start screenshotting. The video will start to play slowly as the screenshots are captured. (They go to the desktop automatically but you can change that in interface settings).
The rest of the tutorial is under a cut:
Once you get your screenshots, you're going to go Photoshop. File > Scripts > Load Files Into Stack.
You're going to get a dialogue box. Click Browse and load the screenshots that you want. This is what that looks like when you finish:
Next, you're going to crop your gif, using the crop tool. You can press C on your keyboard for this or use the tool with this icon in the sidebar.
For this, I'm using an aspect ratio of 540 x 400:
Click that checkmark to crop. Once you do, we're going to resize the image. Use the Cmd/Ctrl + I function to bring up this box. For tumblr gifs, you want to change the width. The height doesn't really matter but if the width doesn't match up, Tumblr is going to fix it for you and it'll look funky. Per row:
1 gif , we use 540px
2 gifs, 268px each
3 gifs, 177, 178, 177 px
We're just doing one, so I'm using 540px.
Now, you want to make sure you can add the timeline. In the top bar, go to Window > Timeline
This will bring up the timeline.
From there, click "Create Frame Animation" (you might have to press the arrow in the timeline bar first.)
It's going to look like this:
We're going to use those three lines in the corner of the picture above. The first option we'll select is "Make Frames From Layers"
That looks like this:
Now, when these load in, you may notice that they're all in reverse. To make them go back in order, we're going to go back to that menu and click "Reverse Frames."
Then, in that same menu, click "Select all Frames." We're going to change the animation speed. You want to make sure you have the first frame selected. We're going to click the arrow next to the "0 sec"
When you click that, it will give you a menu. Click, "other..." You should get a dialogue box that says "Set Frame Delay", just like the one below.
You want to use anywhere between 0.05-0.1 seconds. I find that anymore more is just too slow, so I prefer 0.06. This is fully changeable at the end of my sharpening tutorial, and you can use what you want, but that's what I prefer.
When you do that, it'll change the frame speed of all the gifs.
Now, go back into that little menu, and click, "Convert to Video Timeline."
This is what it'll look like:
Now we're going to select all the layers in the right-hand pane. Once we do that, right-click and select, "Convert to Smart Object."
And you're there! Now you can use the sharpening tutorial to your liking.
Pro tip: Make an action with all these steps so you don't have to do them by hand with every single gif you make.
Hope this helps and it wasn't super long winded. Let me know if you have any questions <3 Happy giffing!
#zee answers#zee's tutorials#sharpening#gif creation#tutorials#gif tutorial#photoshop tutorial#resources#ps help#dailyresources#userphotoshop#completeresources
37 notes
·
View notes