#And Ctrl is right under Shift.
Explore tagged Tumblr posts
loupy-mongoose · 10 months ago
Note
PLEASE show us your Bellsprout Takes omg
Tumblr media
Tumblr media Tumblr media Tumblr media
Okay you may see the funky dude now.
This will almost certainly be the last art I post before my gall bladder surgery.
265 notes · View notes
froggibus · 4 months ago
Note
hiiiii :3 idk if ur taking reqs for dc right neow but a thought that tickles my brain rlly good is dick grayson/reader w a praise kink and dick exploits it n uses it to his advantage.... preferably afab reader but gn is fine :P
CTRL + H - Dick Grayson
Tumblr media Tumblr media
Pairing: Dick Grayson x fem! best friend! reader (uses fem pronouns + has a pussy)
Genre: smut/NSFW
Word Count: 4.1k
Summary: when your best friend discovers porn in your browser history while fixing your computer, he decides to use it to his advantage
CW: friends to lovers, lots of praise, uses of ‘good/pretty/lovely girl’ dick calls you sweetheart/angel, dick is CORNY I’m sorry, mentions of porn/asmr porn, teasing, gaslighting (but not really), fingering, marking, unprotected sex, lots of sweat (its sexy i swear), dick fucks you over a desk, kinda rough sex, creampie, multiple orgasms, implied to be summer, i think thats it??
hey hi đŸ‘œ anon, thanks for the request! im sorry it took so long, it wasn't meant to be this long i swear, i just got caught up in the thought of Dick being all hot and sweaty and praising you while fucking you >~< and yeah this happened. really hope you like it (but if you don't, let me know and ill totally rewrite it!) lots of love yes i took an extra 30 mins to find nightwing #83 to take a picture of the comic book to make this banner lol
Tumblr media Tumblr media
As if having Dick Grayson look at your search history wasn’t bad enough, now you have to live with the mortifying ordeal of him knowing you have a praise kink.  
When you had first invited him over to take a look at your malfunctioning computer, you’d thought nothing of it. You figured he would turn it on and off again, maybe update some drivers. So when he suddenly clicked into your browser and began scrolling through the long, long list of websites you’ve visited, you weren’t sure how to react. 
You noticed it at the same time as him, the glowing screen forcing you to freeze where you stand. There on the screen, from just last night, read: praise nsfw asmr. You swallow hard and lunge for the mouse to click out of your browser history, but breathe a sigh of relief when Dick does it first. 
There’s a beat of silence, your racing thoughts deafeningly loud as you try to come up with a reason to kick him out. Fanning your face as if that will help chase away the heat of the day, you swallow once more in an attempt to work some moisture back into your mouth. 
“F—find anything?” You say as casually as you can. 
It’s ridiculous how embarrassed you are, honestly. He’s just your friend, it’s just porn, it’s not like it’s the end of the world. Still, the rattling of your heart against your rib cage and his cruelly quiet silence make it feel like it is. 
He shakes his head. “Not so far, I should keep looking but—“ he flicks his eyes up your body, perfect blues tracing your every curve, “you seemed flustered.”
You raise your hands in denial all too quickly, your sweaty palms stretched out towards him. Dick raises an eyebrow, examining you in the way he does with strangers in coffee shops. 
“I justïżœïżœïżœdon’t see how my search history is relevant, I guess. That’s all.”
He grabs your wrists, lowering your arms from the defensive position they’ve taken. Despite the familiarity of his touch, something feels off, different in a way you can’t explain. You shake the thought away. 
The world has not shifted on its axis because your best friend suddenly knows what kind of porn you’re into. 
His touch lingers on your wrist and he uses the leverage to gently pull you closer to where he sits at your desk. When he finally drops your wrist, a chill circles the space where his hand once was, refreshing your feverish skin.
“I just want to make sure you haven’t accidentally picked up a virus somewhere. If we can find one in your history, it’ll be much easier to get rid of it.”
The explanation only half seeps into the mush your brain has turned into under his gaze and you find yourself nodding without quite understanding. 
You were fooling yourself by inviting him here. While asking for his help was cheaper than hiring a professional, having him so close to you almost hurts—especially when lately you’ve been trying to force away the feelings you’ve harboured for him. 
“So,” Dick says again, “won’t you be a good girl and let me fix your computer for you?”
His words force you out of your thoughts, purely by short circuiting your brain. You blink at him with wide eyes, your heart pounding in your chest. 
“W—what did you say?”
“I just asked if I could fix your computer now.” 
You tilt your head in confusion. Did you mishear him, or did he call you ‘good girl’? He flashes you that signature smirk of his, his blue eyes suddenly dark with something you don’t recognize. 
Though everything on his face reads innocent, something not-so innocent lurks beneath the surface. Something that stares you down and screams ‘challenge me’. 
“Yeah.” You swallow. “I guess that’s fine.” You take a deep breath and try to steady the spinning in your head. 
Dick continues his work nonchalantly, hitting a few keys and opening your browser history once more. You turn your eyes away from the screen, instead focusing on the way your fingers grasp the desk until it hurts. 
You listen to him scroll for a while and try to pretend like he’s not looking through the most intimate part of your life. The idea of him seeing that part of you excites you as much as it nauseates you—a lethal combination. 
“You can relax.” Dick hums. 
You lift your head to look at him just to see him focused completely on the screen. You don’t dare glance at what he’s so focused on. 
“Why not sit down? This could take a while.” He says calmly. “I’m sure you’ll feel much better if you do.” 
You roll your shoulders. “I think I’ll just stand.”
There’s a shift in his eyes as if your words sparked something in them. He finally glances away from your screen, completely focusing on you with a newfound intensity. You want to shrink from his gaze, to run down the hall and hide in your broom closet, but you stay rooted in place. 
“It would help me a lot if you sit down. Don’t you want to be a good girl and help me out?” 
Holy fuck. “What did you just say?”
It feels like you’re waiting an eternity for him to speak again, your heart beating a mile a minute. He’s going to deny it, or make fun of you even more or worse—tell Wally about it. 
He pats his lap. “Come sit with me,” he purrs, “be a good girl, keep me company while I work.”
In your shock, you find yourself shuffling towards him and settling in his lap. Dick helps you adjust, tugging you back to his chest and keeping one arm around you while his other reaches for the mouse once more. 
He’s so close to you that you can feel the beating of his heart, his breath on your neck. You close your eyes and pray that he can’t feel the heartbeat that’s suddenly appeared between your legs.
You can’t remember a single time he’s been this close to you, a single time he’s touched you like this. The sudden proximity makes you dizzy, butterflies taking flight in your tummy. You clench the arm rests on either side in an attempt to keep your cool.
Dick shifts behind you, one of his thighs gently brushing your clit in a way that makes you squirm. “Don’t do that!” 
His hand slides from your waist to grip your thigh, a shiver running up your spine at the contact. “Don't do what? This?” He repeats the motion.
You squeak, lurching forward in an attempt to get away from the friction. You tilt too far and suddenly you’re falling head over heels towards the mat beneath your chair. Dick is quicker than that, wrapping one arm around your chest and another around your waist to tug you harshly back to him.
“Don’t do that,” you repeat breathlessly, “please.”
He rests his chin on your shoulder, soft strands of black hair tickling your cheek. “Why not? Use your words, angel.”
The nickname reignites something inside of you, rekindling a fire between your legs. You clench them together in the hopes it will do something to muffle the throbbing, but when you feel Dick smirk against the side of your neck, you know you’ve failed.
When you don’t answer him, he grins his knee between your legs once more, an innocent hum prompting you.
“You’re—fuck, you’re kneeing me in the cunt.”
Dick’s not sure if it’s from your brazen words or how entirely ridiculous this whole afternoon has been, but suddenly he’s laughing. A big, open mouthed, creasing at the corners of his eyes, laugh. 
His laugh surprises you enough to summon one of your own, sending you both into a fit. You shift on his lap to look at him, wrapping your arms around his neck to support yourself while the two of you laugh. It’s stupid and ridiculous and you’re not quite sure what you’re laughing at—just that you are. 
You’re laughing and laughing and suddenly his lips are on yours and his eyes are closed and—fuck, he’s kissing you. And then you’re not laughing anymore, your hands brushing up his neck and tangling in his hair. He’s not laughing anymore either, his hands gripping your waist like he expects you to leave at any moment.
You’re breathless when you pull away, refusing to open your eyes and face the reality in front of you. Because maybe the world didn’t shift on its axis when he learned your porn preferences, but it definitely has because he just kissed you.
He taps your cheek gently, using that terribly calm voice he does whenever you start spiralling. “Y/n.” He coos, “open your eyes, y/n.”
You bite your lip, shaking your head in refusal. You know as soon as you do, you’ll have to confront your feelings for him, and his for you, and all of that is just too much and god, when did it get so hot in here? 
You open your eyes one at a time, casting them down to where your thighs rest on his. Your hands come together, fingers twirling in your lap just to give you something to focus on other than the throbbing in your clit and the weight of Dick’s eyes on you.
He drags a finger down your overheating cheeks, tracing the outline of your jaw and tipping your head up to face him. His blue eyes are lined with something new, something darker—a need you’ve never seen before. 
“Look at me.” There’s a commanding tone to his voice before it softens, “c’mon, please?”
You finally force yourself to meet his eyes, the familiar ultramarine calming the sudden bite of your nerves. “Only cause you asked so nicely,” you say quietly. 
“Good girl,” he smiles and it feels like the sun pushing through rain clouds. He strokes your cheek gently, his thumb landing on your cupid's bow. 
You shiver beneath his touch despite the unbearable heat of the day. While his finger on your lips threatens to send you flying away, spiralling into space, his other does the opposite. His grip on your hip is tight, fingers digging in and sure to leave behind bruises. 
“Can I kiss you again?” He asks quietly. 
It’s only a small mercy that your nod doesn’t prompt another ‘good girl’ from him, or some other horribly delightful variation of it. However, when his lips brush yours and his hand slides to the base of your throat, all of the thoughts melt away. There’s no embarrassment, no overthinking, just raw emotion and the sensation of his skin on yours. 
You shift in his lap, sliding one of your thighs over his so you can straddle him. Dick offers a guiding hand while you slide forward, half steadying you, half tugging you closer. You shimmy up the length of his jeans until you’re as close as possible, your stomach pressing into his toned abs. 
A gasp leaves your throat when your clit brushes the very edge of the bulge in his jeans, the noise only edging him along. His teeth graze your bottom lip, both gentle and desperate, before his tongue slips into your mouth. 
The taste of him is intoxicating, consuming you until you’re grabbing his cheeks with both hands to pull him as close as possible. You whine when his cock grazes your clit again and Dick breaks the kiss to let out a breathy laugh against your lips. 
“Someone’s needy,” he teases, but his eyes are rimmed with dark and when he looks at you through his lashes, all you see is need. 
“Back at you.”
His palm sticks to your cheek with sweat when he goes to pull it away. “You’ve been so good for me today,” he hums, his other hand trailing up your thigh. “Let me take care of you, yeah?”
You mumble a breathy ‘please’ before his fingers are brushing your clit through your pants, the heat pooling in your panties near insatiable. You tighten your grip on him and bury your face in the tight black fabric of his t-shirt to muffle your heavy breathing.
While one hand rubs intense figure eights up the length of your pussy, his other hand is fiddling with the buttons of your pants. He sighs in triumph at the soft popping noise and then the fabric is pulling away from your skin, Dick somehow managing to tug them down with only one hand. 
You shift in his lap and prop yourself up on your knees to give him better access while he drags the fabric down your thighs. He takes advantage of your position to spin you to face your monitor once more, leaning back in the chair so you’re reclined against his muscled chest.
Warm breath fans the overheating skin of your neck just where your shirt meets your skin. Two calloused fingers dip into the waistband of your underwear, skimming the warmth and slick of your cunt. Dick sucks in a breath, his pants suddenly too tight.
“You really are needy,” he swallows hard. “Lovely, needy girl.”
His words only serve as a catalyst to the intense need you feel in your core, amplifying your desire tenfold. The pad of his index finger brushes your clit and you’re suddenly a goner. Your eyes squeeze shut and you throw your head back, imagining the circles of Dick’s fingers in your mind.
He gently kisses at the neckline of your shirt, his lips soft against the sensitive skin. His tongue runs across the sensitive skin there in tandem with the moving of his hand, the duality sending shockwaves through you. You have to bite your lip to keep from crying out his name.
His wrist slides further into your underwear, fingers moving away from your swollen clit to run along the rim of your aching pussy. You suck in a breath, not moving an inch while you anticipate what’s to come.
Dick sucks a dark mark into your neck. “Ready f’me?” He mumbles into your skin.
You eagerly nod, trying to shift your hips into his fingers and shove them inside of you, but Dick moves away. You frown, lazily looking over your shoulder at him.
“You have to use your words.”
You almost roll your eyes but in your desperation, let your head hang in defeat and open your trembling mouth. “I-I’m ready Dick,” you say, quietly adding, “please.”
“Good girl.” 
Then he’s suddenly slipping a finger inside of you, travelling the length of your spongy walls to sit deep inside of you. A gasp rips through you, his name tumbling off your lips faster than you can catch it. He grips your hip to steady you, strong fingers bruising the exposed skin.
He curls his finger inside of you, prodding at that sweet fucking sensitive spot. He only stops when you whine, slipping his finger out for only a second before shoving it back in. He repeats the motion, starting a rhythm of thrusting in and out, his hand on your hip tapping along in tandem.
You squirm in his lap, that ball in the centre of your stomach turning white hot and growing until you can barely contain it. One of your hands squeezes his wrist—whether to stop or encourage him, you don’t know.
“Dick,” you whine, your voice taking on a raspy tone you hardly recognize.
He hums in response. “Does that feel good?”
“S-so good.”
He rewards you by slipping his other finger inside of you, the two of them working in unison. His fingers are so long and thick that they reach places inside you that you’ve never been able to touch on your own, stretching your walls just enough to make your eyes roll back.
The impending waves of your orgasm roll over you, that knot in your core so tight that you know it's bound to undo any second. You squeeze his wrist tighter in warning, your fingers pressing into his veins until you can feel the steady thrum of his blood pulsing. 
Dick slips his hand from your waist up your shirt, palming your tit. “Cum for me,” he murmurs. “You’ve earned it, sweetheart.”
His words walk you right over the edge, that knot finally coming undone and sending wave after wave of molten pleasure through you. Every muscle in your body contracts, your pussy squeezing his fingers so tightly it almost hurts. Both your hands clench around the wrist currently in your underwear. Holding him steady while you ride out your high on his fingers.
Dick holds you, keeping you stable while you gush and thrash wildly in his lap. He can feel your slick soak through the fabric of his jeans, his thighs warm with your juices, but he can’t bring himself to care. 
He trails kisses up your neck to your jaw, your cheeks and finally, tips your head back until he can plant soft, chaste kisses to your lips. His wrist aches from how hard you squeeze him but he doesn’t dare pull away until your muscles are relaxing and you let out your first, panting breath.
“Feel good?” He prompts.
You shake your head vigorously, all sweaty hair and hot skin and aching lungs. Dick almost wishes he had a camera because the sight of you laying in his lap all fucked out is one he would love to savor and put in his wallet.
He shifts behind you, only now remembering his aching cock and how badly it yearns to be free of the denim confining it. “Think you could do one more? For me? It would make me feel so, so good, sweetheart.”
You don’t think twice about his words, lazily trapping his lips in a sloppy needy kiss and mumbling ‘yes’ against him. In your fucked out state, you’re only half sure that you’re even speaking, the world around you fading. Dick slips his hand out of your panties, his palm soaked with your juices, and rests it on your thigh. 
“I need you to stand up for me,” he says, only half asking. 
He helps you up on shaky knees, your pants that had been resting just above your knees dropping the rest of the way to the floor. You brace yourself against the desk, half bent over while Dick slowly tugs down your panties. The minute the sticky, soaked fabric peels away from your pussy, you gasp.
Dick stares at the mess he’s made of you proudly, your folds glistening with the slick of your last orgasm. He burns the image into his mind while he fumbles with the zipper of his jeans, standing behind you while he drags them to the floor with his boxers. His cock springs free, thick and dripping with pre cum, begging for you.
He strokes it absentmindedly, all of his thoughts only on you and your trembling thighs, bent so perfectly over the desk waiting for him. He lines the head of his cock up with your entrance, rubbing it through your folds and prodding your clit before repeating the process over again.
Each shift of his cock, each rock of his hips, forces shivers of anticipation down your spine. Heavy breaths leave your lips, your arms barely managing to hold your weight over the desk when you dip your head down to stare at him through the crook of your arm.
“Such a pretty pussy. So wet and needy,” he groans when he finally lets his cock rest at your entrance. “So ready for my cock.”
You nod even though he’s mostly talking to himself. You let your arms sag against the desk and rest your face against your forearm, the sweaty skin sticking to your forehead. Dick thrusts forwards and lets the head of his cock push inside of you.
Moans leave him the second he dips into your heat, the tip of his cock stretching you in a way that has both of your eyes rolling back. His fingers resume their earlier position on your hip, digging in so hard it almost hurts. 
He stills once his tip is nestled in your walls, listening to the whiny breaths you let out while you adjust to his size. Your clench your hands into fists, slightly shifting from left to right to help him fit better. He’s big, bigger than you expected, but the way he molds your walls to his cock is almost enough to have you cum right then and there.
Dick is so distracted by the sight of his cock dipped inside of you that he doesn’t remember to move. It’s only when you let out a needy whine and shuffle your hips backwards that he realizes you’ve been waiting so patiently for him.
He snaps his hips against yours, the head of his cock barreling so deep inside of you so quickly that it almost hurts. “Sorry, pretty girl,” he pants, “didn’t mean to make you wait.”
You try to tell him that it’s okay but you’re silenced with another hard thrust. You cry out his name into your arm, your teeth grazing at your skin in your attempt to be quiet. Dick grabs the other side of your waist, using his hands to push and pull you as he pleases.
You fall further against the desk, your body lazily resting against it while Dick’s hips snap into yours repeatedly. The room is filled with the sound of skin on skin, a chorus of your combined moans filling the empty space between thrusts. Each shift of his hips, each prod of his cock, only spurs you further along.
You squeeze your eyes shut, completely focused on his cock battering its way through your walls. You’re only vaguely aware of Dick talking to you, his praise sounding incoherent beneath the rush of blood to your ears. Your pussy flutters around him, his cock scraping your cervix with every thrust.
He thrusts particularly hard into you, his cock jamming hard into the very edge of your walls, forcing a loud cry from you. It aches as much as it pleases, and without thinking, you’re suddenly crawling forward across your desk. Dick tightens his grip on you before you can get very far, tugging you back hard against him and slamming your pussy down on his cock.
You nearly squeal from the pleasure, tears forming in the corners of your eyes. That familiar heat builds inside of you once more, spilling over more and more with each intense thrust.
“You’re taking me so well,” he coos. “So tight—god, it’s like your pussy was made for me. Fuck.”
His lewd words add to that growing knot inside of you and suddenly you’re coming undone in his arms. Everything is too hot, too much, too loud. Tears spill from your eyes and you’re barely aware of the half sobs, half moans you let out through your orgasm.
“That’s right, let it all out. Good girl, cumming around my cock like that.”
Dick holds you steady the whole time you cum, thrusts growing sloppy as your pussy sucks him in and tries to keep him inside of you forever. He’s almost as breathless as you while he watches you cum and the way your pussy seizes around him is enough to have him tumbling over the edge after you.
He wraps both arms around your waist, pulling your hips flush to his, before he lets the both of you fall back into the chair behind him. Your new position forces his cock deeper inside of you—as deep as it can go—and then he’s cumming inside of you.
You can barely feel the hot ropes of cum he spills inside of you while you come down from your own high. Your thighs shake where they rest over his and you’re grateful for him holding you. 
Dick lets his forehead rest in the crook of your neck, his sweaty hair wetting your t-shirt. Even after he’s done cumming, he holds you tightly against him, the two of you panting in sync.
It’s nearly five minutes later when you can finally bring yourself to speak, your hoarse voice evidence of the pounding you’ve just taken. “I take it you saw my browsing history?” are the first words out of your mouth.
Dick laughs, his voice gravelly and deep and sexy. “Yeah,” he says, kissing your cheek. “I did.”
You awkwardly turn in his lap, twitching at the way it adjusts his half-hard cock inside of you. You look up at his eyes, the blue finally starting to seep back in through the dark. He cups your face, his hand sweaty, and pulls you in for another kiss.
When you pull away, you can’t help but ask, “so, what now?”
“First, I think I should show you how to use Incognito Mode.”
Tumblr media
masterlist | dc masterlist
if you enjoy content like this, interactions go a long way! i appreciate every like, comment & reblog i get ^^
842 notes · View notes
auroraeternal · 6 months ago
Text
Tumblr media
4t3 Conversion of Grouped posters by @cosmiccs4 + Recoloring PSD with tutorial
8 non-recolorable presets
1024 textures
Included PSD for retexturing (tutorial how to use under the cut)
113 poly, all LODs
Shiftable
Price - 5§
BGC
Compressed package
TOU, Ko-Fi
DOWNLOAD | ALT | SIMBLR.CC
Tutorial: How to use my PSD for retexturing
You need:
Photoshop with .dds plugin
My retexture PSD and package file of posters
19 pictures to your liking, preferably vertical
TSRW
Sims3Pack Multi Installer and Compressionizer
Step 1: Open my PSD file, open your images:
Tumblr media
Step 2: Select (Ctrl+A) copy and paste to posters file (Ctrl+C, Ctrl+V) first of your images :
Tumblr media Tumblr media
Step 3: Choose where you want to put it, for reference you can use one of the presets:
Tumblr media
Step 4: After you decided with placement of your image. Move its layer in the Layers tab between "Poster x" and "Put your image here" layers, it will create a clipping mask, which allows the picture to be fit within the poster without cropping. Hide or delete "Put your image here" layer.
Tumblr media Tumblr media
Step 5: Use Transform, Free Transform and Move tools to resize the image by your liking:
Tumblr media
Step 6: Repeat the Step 2-5 with other 18 images:
*vibes are totally random, all images from Pinterest*
Tumblr media
Step 7: After you've done, delete all the "Put your image here" layers, if you didn't it before. Right-click on the Layers tab and press Merge Visible (Shift + Ctrl + E). Now press Save As (Control + Shift + S) and save your image as .DDS with this parameters (2nd picture):
Tumblr media Tumblr media
Step 8: Go to TSRW. Press Create New Project > New Import, and select package with my posters. Give for your recolor unique Title and Project name, otherwise it will override original posters:
Tumblr media Tumblr media Tumblr media Tumblr media
Step 9: In Textures tab go through all the presets except the first one and delete them. Then go to Edit > Project Contents and remove all the textures of removed presets. Its pretty common when someone make retexture of TS3 mesh and leave that unused textures in file, which leads to increasing its size:
Tumblr media Tumblr media Tumblr media
Step 10: Press Edit button next to the Overlay tab. Then press Import button and select your retexture. Press Done and when this pop-up appears, press Yes:
Tumblr media Tumblr media
Step 11: If you want to add more presets press Duplicate and reapeat Step 10, but instead, when pop-up about replacing the texture appears, press No.
Tumblr media
Step 12: After you've done, press File > Export > To Sims3pack or Edit > Project Contents > Export > To .package. If you choose the first method, convert your Sims3pack to Package and in both cases run it through Compressionizer. Test your recolor In-game, make thumbnails (if you want to share it) and have fun!
Tumblr media Tumblr media
For those who read this tutorial to the end, click HERE to download this recolor.
Tumblr media
@pis3update @xto3conversionsfinds @wanderingsimsfinds @kpccfinds @simfluencer-network @sssvitlanz @simblrcc-site
773 notes · View notes
stargazer-sims-cc · 11 days ago
Text
CĂ©line Scrying Bowl - DOWNLOAD
If we're going to have a rare white crow, we need a scrying bowl with a white crow statue on it, right?
Tumblr media
This item is fully functional; however, it only works at Grim's headquarters (Headlessquarters) in Ravenwood.
The Life and Death EP is required for this item.
1 swatch
custom thumbnail
You can find this item in Build/Buy under Decorations (Misc) or by typing "CĂ©line Scrying Bowl" in the search box in Build/Buy.
HOW TO USE
To be fully functional, this item must be placed inside Grim's headquarters in Ravenwood. To do this, you must first go to Grim's headquarters. Press CTRL-Shift-C to open the cheat box and then enter the cheat bb.enablefreebuild. This will allow you to place objects on the lot. You can place the scrying bowl anywhere in Grim's headquarters.
***NOTE - If you place the Scrying Bowl anywhere other than on the Grim's headquarters lot, it will not function as a scrying bowl. It will be just a decorative fountain.
ADDITIONAL IMAGES
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
You can do what you want with this item. All I ask is that you don't claim it as your own and that you don't put it behind a paywall of any kind
CĂ©line Scrying Bowl - DOWNLOAD from SFS (free, no ads)
@alwaysfreecc
97 notes · View notes
eddiediaaz · 11 months ago
Note
hi alie! can i request on how to do this grey-white text? /post/721285784354865152/ thanks!
Tumblr media
hiii, sure! it's quite simple actually, here are the steps for the text effect on this gifset (and settings/screenshots under the cut):
type out you text and select white for the color, then set this text layer's blending mode to Difference
double click on the layer to get to the layer style options and add a Color Overlay. choose the color white (black also works) and set the blending mode to Overlay. play with the opacity slider as you wish, this will brighten your text and it helps for gifs that have a high contrast behind the text.
if you don't need to brighten the text, put the color overlay's blending mode to Hue, you're actually done right here, easy!
optional: if you're using the color overlay as an overlay like i have for that particular gifset, you need to create a mask of your typography. to do that hold the ctrl key and click on the text layer's icon (the "T", the yellow box on one of my screenshots). this will make a selection of your typography. if you have multiple text layers, hold CTRL + SHIFT to select multiple layers. once your selection is done, go to the top menu and Layer > New Layer > New Adjustment Layer > Black & White > Ok. make sure that layer is on top of the text layers.
add a Drop Shadow if you want, and that's it, the effect is done :)
Tumblr media Tumblr media Tumblr media
317 notes · View notes
bleakfinds · 27 days ago
Text
Tumblr media
★ Tutorial: How to hide sims 2 clothes ★
Disclaimer: This is NOT my post! This is from insimenator.org by user The Ninth Wave. This is only a re-upload of this tutorial.
In this tutorial you will learn how to hide Maxis items, specifically clothing, hair, and objects.
★ You will need ★
⋆ The latest version of SimPe found here
⋆ A pen and paper
★ Clothing and hair ★
The exact same method is used for hiding clothing as is used for hiding hair.
⋆ Step 1 ⋆
Start up your game. Enter any neighborhood.
Bring up the cheat 'boolProp testingCheatsEnabled true' (without quotes) in neighborhood mode. Now go into your Create a new Family Screen. Before you do anything there type shift + N. you should see this message:
Find the article of clothing, or the set of clothes you would like to hide for this tutorial we will hide these three outfits for adult female from Apartment Life:
Now Scroll over the clothes and you should see a screen like this:
Write down the name shown in red at the top on your piece of paper. If you don't see it at the top you'll see one at or near the bottom with a long description and and underscore ( _ ). Wrtie down each one for each piece of clothing you would like to hide.
Cancel sim without saving changes and exit your game also without saving changes.
⋆ Step 2 ⋆
Create a Folder in your desktop and call it "Packed Files" you will need this later
Follow this directory to find the clothes in SimPE:
Computer/C:/Program Files/EA GAMES/The expansion pack you are hiding clothes from in this case The Sims 2 Apartment Life/TSData/Res/Catalog/Skins
Open Skins in SimPE
When it finally opens click on Property Set (GZPS)
Click on Name at the very top, this will sort the files in alphabetical order so you can find what you've written:
When you find the names of the ones you have written down right click and select extract:
Save to your folder on the desktop you created earlier called Packed Files. Do this for all the clothes you want to hide.
In SimPe click file then close.
Again click file but this time click new.
In any blank space under the resource tree right click and select add.
You shouldnt have to do any bowsing, it will just show your packed files folder already.Click on the file type then select 'all files (*.*)'
Click on the file with the little SimPe logo on it (ignore the files with the world) if you are hiding multiple things, ctrl + click all of the files with the little simPE logo only. Then click on open.
Click on the name under the resource tree
You should see something like this pop up below that immediatley:
You should ignore the top two numbers at the end of all those zeros, but every number below the top two numbers change the last number to zero. You can change the numbers to zero by looking in the lower right hand corner you should see a little box where you can use the backspace to give the number you want. Hit commit after you have changed all the numbers to zero. Do the same thing for every file you have in the resource tree. Be sure to commit your changes.
Click on file, then save as. Save to your downloads folder in my documents/EA GAMES/ The Sims 2/ Downloads. Give it a name that suits what you are hiding. Close SimPe, and you are done, that's it!
56 notes · View notes
papermint-airplane · 1 year ago
Text
Do y'all use the Transmogrifier mod? If not, you really should. I consider it one of the top 10 "can't live without" mods in my game.
This is something I talked about on r/sims3 a lot back when I was insane enough to still post there and I was surprised how few people knew about it despite how useful it is.
Basically what it does is let you copy the functionality of one object to another object in two clicks. Turn your cheap bed into an expensive bed at no extra cost to your Sims. Turn your toilet into a bookcase. Turn a rug into a car. Turn your washing machine into a washing machine-shaped sculpture so your Sims will leave it alone. The possibilities are (almost) endless. Seriously! It looks like it's a super complicated mod and I'm sure under the hood it is, but it's so easy to use.
Open buy mode.
Ctrl shift click the object you want to copy the script of.
Click "copy script" and a little box will pop up at the top right to let you know it was successful.
Ctrl shift click the object you want to copy it to.
Click "change script" and the mod will automatically paste the script you just copied into the box.
Click "accept".
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
That's it! That's all there is to it! Anyone can do this!
But let me show you what you can do with it as a storyteller. 😏
Tumblr media
I have the Pose Player sitting right in the middle of this picture. You know what it looks like by now. Little black movie clapboard with white stripes. Says "Pose Player" on it. Do you see it in this shot?
No.
You don't.
Do you know why?
Tumblr media
Because it's this random pile of rocks now.
If you don't have this mod, you need to get this mod. I promise you that you will find more uses for it than you ever could have imagined.
233 notes · View notes
ryanyflags · 1 year ago
Text
Flag Making Tutorial
This will be a more technical step-by-step tutorial on how I make my flags (also a long post because I wanted to be thorough, plus I love flags lol).
The program I use is Inkscape, a free vector (.svg) editor program for pc.
I have templates set up, so the actual flag making process is pretty easy/quick.
Tumblr media
Hotkeys/Locations/Other Reference
I'll be mentioning these options, so I thought to put them here all in one list. (They list the keyboard shortcuts first)
Snapping: magnet symbol (top right of screen), or under the adjacent arrow ◀ symbol.
Document properties: shift+ctrl+D, or under the file menu (top left corner of screen). Display (1st tab) Guides (2nd tab) Grids (3rd tab)
Fill and Stroke: shift+ctrl+F, or under object (top of screen).
Layers and Objects: ctrl+shift+L, or under object (top of screen).
Align and Distribute: ctrl+shift+A, or under object (top of screen).
Import (Images): ctrl+i, under the file menu, or by dragging into the Inkscape window.
Save As: ctrl+shift+S, or under the file menu.
Export: shift+ctrl+E, or under the file menu.
Selector Tool: S, or cursor symbol (left side of screen). Click, or click and drag around the objects, to select them.
Locking a selection: lock symbol between the width and height boxes at the top of the screen.
Transform Selections: the width/height and x y position can be changed by typing in the X,Y,W,H boxes (near top middle of screen), or by dragging the corners/edges (resize) and inside the object (move).
Duplicate: ctrl+D.
Delete: delete key, or right click on the object.
Node Tool: N, or below the selector tool (left side of screen).
Rectangle Tool: R, or square symbol (left side of screen).
Pen Tool: B, or pen symbol (left side of screen).
Gradient Tool: G, gradient square symbol (left side of screen).
Mesh Tool: swirly square symbol (left side of screen).
Dropper Tool: D, or dropper symbol (left side of screen).
Undo: ctrl+Z.
Redo: ctrl+Y.
Tumblr media
Creating the Template
Download Inkscape and open it, under the Time to Draw tab, click New Document.
First, snapping needs to be enabled, and under advanced mode enable grids and guide lines snapping. (This is crucial for making the stripes equally sized, spaced, and the overall flag in the right ratio.)
I'll be making a template with a 2:3 flag ratio.
Open document properties. (I like to move these types of windows to the right side.)
Under display, set the width to 42px and height to 28px.
Under guides, just click create guides around the current page.
Under grids, make sure rectangular grid is selected, and click new. (Grid units should be in px.) For the major grid line every option, change it to 2. (I also prefer to change the minor grid line color to be transparent.)
Tumblr media Tumblr media
That's pretty much it, your template is done :D ! Just save it wherever you want. I like putting it in an easy-to-access flag folder, as it is needed to open it every time to make new flags.
Tumblr media
You can use a different width / height / grid size / flag ratio if you want, these are just the numbers I'm comfortable with / used to.
Also, since this is a vector, the image can be infinitely big or small without any quality loss, so the small dimensions above don't actually translate to a low res image.
Tumblr media
Creating the Flag
(I'll be using the rainbow flag to demonstrate.)
Start by having the template open.
You can import images (like .png/.jpg files) to color pick / reference if you want. Said images can be transformed (resized/moved) by selecting and transforming them using the options mentioned in reference. (This is optional, they should just be off to the side so they don't get in the way.)
Tumblr media
To create the stripes, use the rectangle tool. Click and drag from one grid corner, to a lower grid corner.
Tumblr media Tumblr media
While the rectangle is selected, use the dropper tool to pick a color from a imported image. You can also use the fill and stroke (shown on right) tab to create your own colors / edit colors / etc.
Tumblr media
You can make these stripes however you want, they just need to all be equally sized. (They don't have to all have the same height, if you intentionally want that (like the demisexual flag for example).)
Tumblr media
Then select all the stripes and transform them so that they fit the page.
Tumblr media Tumblr media
All that's left is to save/export it.
To export it, use the export tab, under single file, page, adjust the width and height (in px) to however high res you want your image to be. (I usually do 3000 by 2000.)
Type in the desired file name in the box next to the folder symbol, use the folder symbol to choose its export location (which can also be used to determine the file name and save/export it), the adjacent drop-down-menu to select what to save it as (,png, .jpg, .svg, etc.), and the gear symbol to adjust other settings (I leave it as default, with antialias turned off (set to 0)).
Tumblr media
And done, you've made a flag :D đŸłïžâ€đŸŒˆ
Tumblr media
Extra Notes
Layers and Objects: a menu that can be used to manage objects. Like their layering position (whether they are above or below another object), and other options can also be done here instead of with keyboard shortcuts.
Vertically striped flags: it's very similar to above. You would just make the rectangles taller rather than wider.
Tumblr media Tumblr media
Wavy stripes: first use the pen tool to create zigzags. (The pen tool works like a outline, so just click along the grid corners, and join the line at the end. The fill and stroke menu can be used to make it a solid colored shape, and remove/add outlines). The steepness/frequency of the zigzags is up to personal preference, they just need to extend off the page a bit. To create equally sized wavy stripes, have the all side lengths (highlighted in red) be equal except (depending on how you draw your zigzags) the first or last wave, which should have half the side length of the others.
Tumblr media
Select everything, and with the node tool, select all the zigzag nodes (the corners don't need to be selected), and click make selected nodes smooth (half circle with point in middle symbol, at top of screen). (It'll likely look like it has weird lines in-between the waves, see glitch section at the end for how to fix that.)
Tumblr media
Then resize it all to the height of the canvas. And done :)
Tumblr media
This can of course be vertical too.
Tumblr media
Gradients: You can use the fill and stroke dialogue, gradient tool, or mesh tool to do this.
To create the gradient, select the object, click the linear gradient symbol (gradient box) under fill and stroke. Or dragging / double clicking with the gradient/mesh tools. (The mesh tool is what I used to create the square gradient.)
To change the colors, click on the arrows or circles under fill and stroke, or by clicking the points on the shape, to select the nodes. Then use fill and stroke to change the colors.
To create new colors/stops, click on the plus+ symbol under stops (under fill and stroke), or double click on the gradient. Edit the new colors in fill and stroke again.
To change the location of stops, use stop offset under fill and stroke, or drag the nodes on the gradient. You can also move the end points on the object to make the gradient slanted or vertical.
Tumblr media Tumblr media
Symbols: I make my own when I can (like the demi- triangle can be drawn with the pen tool, and resized to the correct proportions). When the symbol is too complicated, I import a .svg of it. Wikimedia commons is a great resource, and the popular twemoji comes in .svg format too. You could also edit it on over the .png in a rastor program if need be.
The align and distribute tab can be used to center symbols (or any other selected object). Select page for the relative to option, and use the symbols underneath to center/align it however you want. (You can also use different relative to options, like last selected, if you want to align it to an object instead.)
Deleting imported reference images: you can do this before saving it as a .svg, if you don't want to keep them / want to clean up the .svg file.
Antialiasing: an option that blurs things basically. A image with antialiasing off will be sharp pixels, while a image with antialiasing on will have transition colors between the main colors.
Below is an example. The left side is without antialiasing, and the right side is with antialiasing.
Tumblr media
I can see why it might be preferable to have it on (like for diagonal shapes), but antialiasing can make recoloring .png (not .svg) files hard. The extra different colors messes with fill tools. I also think it looks cleaner without, so I prefer it off.
Exporting glitch: sometimes an exported image will have a thin line between the stripes, despite the fact the stripes are perfectly next to each other. (This seems to not just be a problem with Inkscape, but with vectors in general.)
Below is a zoomed in example of what it'd look like. The left side shows the stripes are all next to each other, but the right image has a transparent line in-between the stripes.
Tumblr media
This can be fixed a number of ways.
You could select all the objects, and duplicate them twice.
Tumblr media
Or overlap them. The stripes will still be the same size when overlapped, but they will technically be behind each other, so there will be no gap.
Tumblr media
Tumblr media
With all the different stuff mentioned, you can basically think of them as building blocks with the grid as reference. They can all be mixed and matched together.
I didn't mention all the options, just because there's that many different things you can do in Inkscape. I'd encourage you to play around with all the different options/tools yourself.
There's also some great Inkscape guides on YouTube, it's where I learned how to do a lot of this from (even if they're not for flags specifically, the concepts in those videos can be applied to flags).
Tumblr media
Here's an overly elaborate flag I made, just to demonstrate some (but not all) of the things that can be done.
Tumblr media
Anyways what a long post haha. But maybe this will be helpful for anyone interested in making (pride) flags.
204 notes · View notes
domaystic · 2 years ago
Text
Domaystic 2023 is back!
Tumblr media
link to bigger image: click here
[Image description: a blue clothes hanger with clips where socks are drying under the sun; among the socks the word domyastic is separated in three parts and hanged as well. On the right side: the list of 31 prompts and 5 alternatives.]
Hello! This is THE post for DOMAYSTIC 2023 :D
Domaystic is the combination of “domestic” and “May” and it's a prompt event run on May based on the domestic trope: anything inside, outside, beside the house or that has that normalcy flavor of everyday life.
If any of these prompts inspire your muse, please, don’t hesitate and join!
Text prompts
01 Housewarming   02 A stash of...   03 List   04 Packed lunch    05 Learning something new   06 Under the same umbrella    07 Stained clothes   08 The things in that drawer    09 Mistaken identity   10 Bath   11 Volunteering   12 Crisis    13 Taking turns   14 Parade   15 Junkmail    16 Sleeping habits   17 Marked date on calendar    18 Discount at favourite store   19 Police at the door    20 In the nearby park   21 Handmade gift   22 S/o on the local news    23 Small couch   24 Secret language   25 Misdialed calls    26 Sounds from above   27 Passage through a fence 28 Recycling   29 Lottery   30 Feeling of doing nothing    31 Midnight snack
Alternatives
A. No, no, don't lift it!   B. There's a ... in the room! C. Stop the car, now!   D. Look, I made it work! E. Oh, I can't wait to do it!
Text prompts in German: click here Text prompts in Spanish: click here Text prompts in Italian: click here Text prompts in French: click here
Lots of text under the cut!
General rules and guidelines
All fandoms or original content are welcome.
Any kind of media is welcome: fanfiction, fanart, fanmixes, puzzles, diy art, quizzes, podfics, edits, fic recs or whatever it is you feel like doing. That’s all good.
No restrictions in ships, size, min/max word count or the language you want to write into.
As last year, feel free to mix the domestic prompt with anything you like: more drama and lots of crying? YES! The thrill of an investigation for the disappearance of your characters’ fave socks? YES!
There's one prompt for each day for a total of 31 prompts + 5 alternatives with an exclamation point at the end (predictable!).
You can share your work on any platform you like. If you share it on tumblr and tag the blog, I’ll reblog it.
Combine more prompts together? That’s fine but I will reblog the entry only once here on tumblr.
Combine these prompts with another event? Fine too.
You don’t have to do all the prompts to join the event. Do the ones you enjoy.
The event is consistently checked upon during the month of May, but in case you want to share your creation at a later date, you can. I just reblog on a lower pace after May is over.
As for the reblogs, last year I gave myself a bit of an headache, so this time I’d like to try it this way: once the day of the corresponding prompt comes, people will post their work and then I’ll reblog it when that day comes for me too. Does it make sense? I hope so. I’ll miss the world clocks but let’s just trust each other.
AO3 collection
The domaystic2023 collection is open from May, 1st: click here - all the info and prompts are also on the profile page of the collection.
In your tumblr post I ask you to:
Mention the blog in your post @domaystic - tracked tag: #domaystic2023
State clearly the fandom name or if it is original content
State clearly if it is sfw or nsfw
State clearly which prompt you used
In case of lengthy posts, use the “read more option”: ctrl-shift-k on rich text; [[*MORE*]] on html (remove asterisks)
Please, TAG PROPERLY. If there are any trigger warnings, I will base my own reblog on your tags so, please, take even a moment longer to carefully tag it. I hope all participants to stay safe in this event.
Here’s an example:
blablabla my story is beautiful, look @domaystic ! 
#domaystic2023 #day1 #[extraA - E if alternative prompt is used] #[fandom name or oc] #[sfw or nsfw] #[trigger warnings that I get from your post] tw
If you have any question feel free to send an ask, inbox is always open. :D
Hi, @thebigbangblogproject​ can you reblog this?
360 notes · View notes
tommykinard · 1 year ago
Note
Hi! Very embarrassing gif-making question, feel free to ignore if it's too complicated, but how do you layer two gifs on top of each other like that? Whenever I try, one of them always freezes
Hi anon! Not embarrassing at all, I'm happy to show you how I layer two gifs on top of each other. I'll be using this gif from my recent ineffable husbands set as an example:
Tumblr media
You'll need a basic knowledge of gifmaking and photoshop, and I'll put the rest of this under the cut in case it gets long.
Creating your gifs
So to start off, you want to create both your gifs in separate documents. Most of my gifmaking process happens in timeline mode, and you want to make sure that both your gifs are smart objects.
I like to have both gifs open side by side in windows so that I can make sure that my colouring is consistent and that both scenes have a similar brightness when I'm done colouring. This is important because to overlay/blend gifs, they need to have similar lighting for best results. (If your photoshop opens up the gifs as tabs, just click on where the file name is and drag the tab anywhere outside of the top bar so that it opens up as a window).
This is how my gifs look before colouring, and how each of the layers panels look (I've already added my sharpening, which is why each gif has two smart object layers).
Tumblr media Tumblr media Tumblr media
And this is how my gifs look after I add my base colouring + the yellow for this gifset:
Tumblr media
2. Making groups
Now from here on it's fairly simple. First we want to put all our gif layers in a group so that it's easier to transfer them to the same canvas while still keeping them easy to edit in case we need to make adjustments afterwards.
So select all your gif layers by holding the shift key and clicking on your first and last layer.
Tumblr media
Then to make a group you can either use the command + g keys (ctrl + g on windows) while all the layers are selected, or you can click on the little folder icon at the bottom of the layers panel.
Tumblr media
You can then double click on the group that was created and rename it. I like to put a word or phrase that describes the scene, so I've named these 'bandstand' for the gif on the left and 'car' for the gif on the right. At this point, your gifs are still in separate documents.
3. Overlaying the two gifs
Now all you have to do is copy and paste one of the groups onto the other gif's canvas. For me, it doesn't matter which group I copy, so for this I'm going to copy the 'car' group by selecting the group in the layers panel and using the command + c keys (ctrl + c).
I then click over to the other gif's canvas (you should see the other folder name in the layers panel, so in this case I'll see it say 'bandstand'). To paste, you just need to use command + shift + v (ctrl + shift + v). The shift key ensures that the positioning of your gif stays the same.
So now you should only see your second gif on the canvas, and both your groups in the layers panel, like so.
Tumblr media
Making sure your top group is selected, change the blending mode of the group to either 'screen' or 'lighten' depending on your preferences (if you're working with really bright scenes, it might also be worth trying out 'multiply'). Your gifs should then overlay on top of each other, and play simultaneously when you scrub through the timeline and save the gif.
Tumblr media
And this is how the gif looks when saved:
Tumblr media
4. Final touches
If you're not happy with how the overlay looks, you can do a bunch of things to make it appear the way you want. I use a combination of resizing, layer masks, and painted layers to hide/show different portions of the gifs. You can also modify the colourings at this point, add text/overlays, adjust the brightness, and add painted colour layers. At the end, just convert back to frames and adjust the speed.
After all this, I end up with the final result which is this. As you can see, I darkened the side of his face in the smaller gif and made the brighter part stand out more clearly. I also adjusted the shade of yellow using an extra hue/sat layer.
Tumblr media
I hope this helps anon! Please let me know if you still have questions or if you run into any trouble!
Here are some other blending/gif overlay tutorials that I found very helpful as well: 1, 2, 3
171 notes · View notes
dqmeron · 2 years ago
Text
Tumblr media
some quick info: ↳ this is specifically for the screencapping method. i use mplayer osx extended to get my caps, but there are a few other programs you can use as well. i’ll specifically be going over mplayer here. ↳ i’m using ps 24.4.1 on a 2020 m1 macbook air
[tysm to @kyubinz for looking this over and adding some things ily]
☆ feel free to send me an ask/message with any questions you have! ☆
「 setup 」
1. finding videos
one big thing to remember is that the overall file size of your video will impact the quality of your gif. the larger, the better. i almost never use anything below 1080p, and try to use 2160p whenever i can. 4k video downloader is the program i use for downloading videos from youtube, it’s free to install and works great! because of how large some files can be, i always store any media on my hard drive. i highly recommend using one if you plan to keep lots of files on hand. 
.mkv files are best, but .mp4 works fine as well (.mkv files are usually bigger aka better quality).
2. getting your screencaps
after downloading mplayer, go to the top bar and click file > open. open the video you’ll be screencapping. 
you can either drag the little time indicator or using the arrow keys on your keyboard to move to the spot you want to capture. the > key can also be used to move forward frame by frame. to start capping, pause the video and press shift + cmnd (ctrl if you’re on windows) + s to take a screencap. i usually just hold it down until i’ve gotten all the screencaps i need. 
by default, screencaps go right to desktop. you can set up a folder for them to go to automatically by going to settings > general and then selecting a spot in the menu under “interface”, but i just let them go to desktop and then sort them into individual folders so they’re easier for me to find while i’m giffing. in general, i try to stay under 80 frames so my gifs fit into tumblr’s 10mb image size limit. 
3. importing screencaps into photoshop
to import your caps into ps, go to file > scripts > load files into stack. this window should open:
Tumblr media
click browse, and navigate to the folder with your caps in it. select all of the caps you want to import, and then click open.
click ok to create a file with your caps, and then wait until it’s finished loading your caps into the layers tab. once they’re loaded in, this is what your screen should look like:
Tumblr media
(if you aren’t seeing the timeline at the bottom of your screen, go up to the top bar and go to window > timeline)
click create frame animation, then go to the hamburger menu at the top right of the timeline and select make frames from layers. once your frames have loaded in, select the same menu again and click reverse frames. play through your gif to make sure everything looks good. 
if you were to save your gif at the speed it’s set at now, it would be way too fast. to fix this, you have to set the frame delay. do this by selecting all your frames in the timeline using shift click, and then clicking (on any frame) where it says “0 sec”. select other from the menu that comes up, and you should get this popup:
Tumblr media
the general rule of thumb for gif frame delay is 0.05 seconds. there are some cases — certain animated movies or video games, for example — where other delays are best, but for the most part, 0.05 is what you want to use (0.05 can slightly slow gifs, and sometimes using 0.04 better matches the clip's original timing. this is really a "train your eyes" thing, and picking the best delay gets easier as you gif for longer). you can set this by typing the number into the text box and then hitting the ok button or enter on your keyboard. 
at this point, i’d go ahead and save your file. you can go to file > save in the top bar, or just hit cmd/ctrl + s on your keyboard.
「 making your gif 」
1. sizing
after your frames are ready, the next thing is to size your gif. to crop your gif, press c on your keyboard to open the cropping tool. white borders will show up around your gif.
before doing anything, i would suggest making sure “delete cropped pixels” is unchecked. this will allow you to drag your gif around later if you want to reposition. you can find this option at the top of your screen. drag the borders on either side until you have the area you want selected. mine looks like this:
Tumblr media
once you’re happy with your selection, hit enter on your keyboard to finalize it. 
the tumblr image guidelines require gifs to be 540px across (here’s a post detailing this). to change your gif’s image size, go to image > image size in the top bar. you’ll get this popup:
Tumblr media
instead of setting the width right to 540, i’ll be setting it to 544, and then trimming down the edges using canvas size. this makes the quality just a little better, and also prevents any weird borders being made around your gif on the off chance photoshop decides to add them. this isn’t necessary at all, you can absolutely size right to 540, but i just like doing this. if you choose to do this, open canvas size right after you set image size (image > canvas size in the top bar), and trim your width down to 540 and your height down a few pixels as well. 
2. sharpening & other filters
sharpening is essential for good-quality gifs. the first step to this is converting our timeline from frame animation to a video timeline. select this little icon in the bottom left of your screen:
Tumblr media
this is what your timeline will look like now:
Tumblr media
you can use the little slider with mountains on either side to change the width of your frames in the timeline for easier access when editing. now that we’ve got all this set up, we can sharpen! i use this action pack to sharpen my gifs in addition to a few of my own settings (here is a video on how to install actions into photoshop). go to window > action in the top bar if you aren’t seeing the action tab. 
i’ll be using the sharper action from the pack. to use an action, select it from the list and press the little play button at the bottom of the panel to apply it.
in addition to this, i usually also add unsharp mask at 50% amount with a 0.5px radius:
Tumblr media Tumblr media
there are a few other filters than can be helpful when giffing:
a. add/reduce noise noise (aka grain) can be added with “add noise”. go to filter > noise > add noise.
these are the settings i usually use, but the amount depends on the gif (i don't ever go over 3.5 for the most part):
Tumblr media
(if you want a grain effect but moving noise doesn't work for the gif, you can also add a grain overlay and then mess with blending mode and layer opacity until it looks how you want)
reduce noise can be used to remove some of the pre-existing grain on a clip. go to filter > noise > reduce noise. here are my settings:
Tumblr media
leaving reduce noise on its own at 100% is a bit too much, so double click this icon and change the opacity (i usually do around 45):
Tumblr media
b. gaussian blur if your clip is a bit pixelated, gaussian blur can help with smoothing it out a bit. go to filter > blur > gaussian blur. my settings are 1 pixel radius w ~20% opacity (this changes based on the gif).
3. coloring
time to color! i want you to keep in mind during this section that everyone likes different colorings, and this is just my process! please don’t feel pressured to follow exactly what i’m doing, the best way to find what you like is to just mess around and experiment!
i like to start off with lighting adjustments: brightness/contrast, levels, exposure, and curves. 
a. brightness/contrast i usually start out with this first, just because brightening the gif right away helps me start thinking about how i want to color! here are my settings:
Tumblr media
b. levels/curves levels and curves can either be used interchangeably or together. i usually use levels to adjust lighting and curves to adjust color values, but i’ll go over using both for lighting as well as using curves for adjusting color values. 
for both of these adjustments, i use the eyedropper tools to pick out white and black points. for levels, the top eyedropper tool to the left of the graph is used to pick out a black point. i do this first. use the tool to pick a spot on your gif that you want to be the base for black values. for me, that’s the shadow inside rey’s hood. the bottom eyedropper tool picks white point. use the tool to pick a spot on your gif that you want to be the base for white values. i chose the outside of rey’s hood. make sure you’re doing this on a new levels adjustment layer.
now, on to curves. you can either use the same eyedropper method or manipulate the graph directly. using the eyedropper is the same as levels, so i’ll just go over graph manipulation. 
shade lightens as you move to the right along the x-axis of the graph — black is the far left, white is the far right, middle is the midtones. generally, i don’t work with midtones.
i’m going to use levels for this gif’s lighting, and curves to adjust color values. here’s how to do that:
curves can be used to adjust the amount of a certain color in different lighting areas of a gif. for example, i can specifically decrease the amount of green in the gif’s whites. to edit these values, select the rgb drop-down menu and adjust them one at a time. here are my final graphs:
Tumblr media Tumblr media Tumblr media
c. exposure this one’s pretty straightforward. the exposure slider adjust general exposure. the offset slider adjusts how dark your dark points are, and gamma correction can be used to lighten/darken scenes as a whole. here’s my settings:
Tumblr media
d. color balance color balance is used to adjust overall tint of a clip. this is in general pretty simple, but i do want to point out that using the shadow and highlights tabs in addition to just the midtones can really help. here’s my settings:
Tumblr media Tumblr media
e. channel mixer channel mixer is one of my favorite tools in ps, especially for coloring scenes that are a pain in the ass without it. to avoid taking up too much space, here’s a great tutorial covering channel mixer. here’s my settings:
Tumblr media Tumblr media Tumblr media
[at this point, i’m noticing my gif is still a bit darker than i’d like it, so i’m adding just a bit of brightness/contrast to fix it. there’s also a patch of blue over one of rey’s eyes, so i’ve used a hue/saturation layer to get rid of that bit and masked it to her eye. i’m not going to go over masking here, but there are lots of great tutorials out there!]
f. selective color selective color can be used to adjust the amount of specific colors within a color. for example, if i were to go into the red tab and take out cyans, the reds would become more red. if i were to add yellows, the reds would become more orange, etc etc. this can be especially good for color manipulation. for this gif, i’d like to make the background more blue, so i’m going to use selective color to do this. here’s my settings:
Tumblr media
g. color lookup color lookup uses 3dlut files to remap gif colors (it’s a preset — think instagram filter or something similar). i don’t always use these, but when i do, i almost never leave them at 100% opacity. color lookup is great for giving gifs a film-type look if you want to do that, it’s got loads of different options. here’s my settings (adjustment layer is set to 20% opacity):
Tumblr media
atp i’m pretty much done with coloring! i usually end up doing a few extra little lighting adjustments at the end. for this gif, i added some brightness/contrast at +8. i’ve also noticed that my gif’s looking a bit grainy, so i’ve added some noise to lean into it. this is usually the way i fix it, but you can definitely do reduce noise/gaussian blur as well if you don’t want a grainy look. 
here’s my fully colored gif + a process gif (fast images warning):
Tumblr media Tumblr media
「 saving gifs 」
1. frame rate
one thing you may have noticed is that my gif is looking a bit choppy. photoshop has a tendency to mess with frame delay after gifs are converted to video timeline. here’s how to fix that.
select all of your layers and convert them to a smart object (right click > convert to smart object). next, click on the hamburger menu in the top right of the timeline and go to convert frames > flatten frames into clips. now we need to change the timeline from video timeline to frame animation. click the little 3 boxes symbol in the bottom left corner of the timeline:
Tumblr media
go to the hamburger menu again and select make frames (this is the same one you used earlier), then go through your frames and delete any duplicates. the first frame usually needs to be deleted specifically. once you’ve done that, set the frame delay back to 0.05 the way you did earlier. 
2. exporting
once you’re happy with how your gif looks, go to file > export > save for web (legacy). 
these are my export settings, but feel free to experiment with the menus where i have selective and diffusion selected, different settings work best for each gif. in general, most gifmakers only use selective/adaptive and diffusion/pattern because they generally work the best for tumblr. before saving, make sure your looping option is set to forever:
Tumblr media
gif size for tumblr has a 10mb limit. my gif is under this, so i don’t need to make any changes, but if yours is over, you can either delete some frames from the beginning/end of your gif and/or adjust the height of the gif (width needs to stay 540px so your gif doesn’t get stretched/compressed on tumblr, but height is fair game). 
here's my final gif!
Tumblr media
happy giffing, and please don’t hesitate to send me any questions you have! ♡
326 notes · View notes
aashiqeddiediaz · 8 months ago
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:
Tumblr media
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.
Tumblr media
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:
Tumblr media
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.
Tumblr media
For this, I'm using an aspect ratio of 540 x 400:
Tumblr media
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.
Tumblr media
Now, you want to make sure you can add the timeline. In the top bar, go to Window > Timeline
Tumblr media
This will bring up the timeline.
Tumblr media
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:
Tumblr media
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"
Tumblr media
That looks like this:
Tumblr media
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."
Tumblr media
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"
Tumblr media
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.
Tumblr media
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."
Tumblr media
This is what it'll look like:
Tumblr media
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."
Tumblr media
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!
37 notes · View notes
triplesnet · 6 months ago
Note
a gifmaking tutorial would actually be super appreciated :)
Okay, this is gonna get long and it might not be great but I will do my best to make it understandable.
Put under a read more cause we're not forcing anyone to look at all this.
We're gonna make this gif:
Tumblr media
First of all you'll need 3 software programs downloaded.
4k downloader (to download videos)
Gomplayer (to get the frames from the videos)
Photoshop (I pay for it but there are other ways)
Some things to keep in mind
better quality video = better quality gifs
if you want videos in 4k you have to download them in MKV format as MP4s can't be 4k.
gifs can only contain 256 colours so gifs with a lot of different colours might get grainy.
if you use low quality videos or upscaled videos they sometimes have duplicate frames which will make the animations look weird, but you can easily remove those extra frames.
tumblr only accepts gifs under 10mb in size so all gifs have to be less than that (photos less than 20mb)
you can put up to 30 gifs/images in one post
ok here we go
Step 1: Download video
Step 2: Get the frames from the video
You will play the video using Gomplayer
Find the part you want to GIF
Press CTRL + G to bring up this menu
Tumblr media
I haven't experimented much with these settings but you'll want to choose the place you want your frames to end up so you can find them later
4. Have the Capture all frames box checked (unless it's 60fps then do 0.03). You can capture up to 999 frames in one go.
5. Press "burst capture" and it will start getting the frames (video has to be playing) it will look like this.
Tumblr media
6. Great you have your frames.
Step 3. Making a GIF
Open Photoshop
Load Files Into Stack
Tumblr media
This will open the folders on your computer so navigate to where you put your frames and select the frames you want by clicking on the first and holding shift while clicking on the last.
3. Wait for PS to load the frames
4. Once it's all loaded the first thing you'll do is crop it. Press 'C' on your keyboard. There are a couple presets you can use or you can 'clear' that and crop however you wish.
Tumblr media
I always crop out at least a little of the top and bottom cause there can be dark lines there.
Tumblr media
5. Resize: for optimal quality on tumblr there are three sizes to keep in mind.
Tumblr media
For sets like this with 3 gifs next to each other the width should be 177p, height does not matter.
Tumblr media
For sets like this with 2 gifs next to each other the width should be 268p
Tumblr media
And for a set like we're doing today with just 1 gif it's 540p
You'll want to memorise these numbers for future use.
177p, 268p or 540p will be the width of your gifs.
To open the resize menu you press CTRL + ALT + i
Tumblr media
Change the width to in this case 540p (p as in pixels)
Tumblr media
It will auto match the height to keep the same proportions.
Click OK and wait until it's done.
6. Make sure you have the 'timeline' window up at the bottom of your photoshop
Tumblr media
7. Click 'create frame animation' (button might say video timeline but change that by pressing that little arrow next to it)
Tumblr media
8. Press the button with three lines in the top right of the 'timeline' window and press 'make frames from layers'
Tumblr media
9. The frames will have loaded in in reverse order so open the same menu and click 'reverse frames'
Step 4. Blurring the logo/text (optional)
Since we have a logo in there I will want to blur it but you might not have one or you don't care if there's a logo or text in your gifs.
First we have to make the gif into a smart object.
Select all layers by pressing CTRL + ALT + A
Convert into a 'video timeline' by pressing the button in the bottom left of the timeline window
Tumblr media
3. Right click on your layers and click on 'convert to smart object'
Tumblr media
4. Press Z to switch to the zoom and zoom in on your logo/text.
5. Press L to switch to the lasso tool and select your logo/text
Tumblr media
there should now be a line where you selected.
6. Open 'Gaussian Blur'
Tumblr media
7. Click OK
Now we have to get our GIF back to the frame timeline.
8. Click 'flatten frame into clips' using the timeline menu
Tumblr media
9. Press 'delete' once to remove the smart object
Tumblr media
10. Convert back to frame animation
Tumblr media
11. Make frames from layers
Tumblr media
No need to reverse this time. But now your logo/text is blurred, as long as it doesn't move but that's a topic for another day.
Step 5: Sharpening
If you didn't have something to blur let's go over smart objects again.
Select all layers by pressing CTRL + ALT + A
Convert into a 'video timeline' by pressing the button in the bottom left of the timeline window
Tumblr media
3. Right click on your layers and click on 'convert to smart object'
Tumblr media
5. Camera Raw Filter (Optional)
I use this for base editing of colours and the overall clearness of GIFs, it's not made for that tho it sometimes gets buggy. Works best on photos.
Press CTRL + SHIFT + A to open this.
Tumblr media
It's best to do as little as possible in here as it can bug out.
I mostly mess with the effects, light and detail settings in here, don't touch the sharpening though cause we will use smart sharpen for that.
6. Smart Shapening
Most people have a sharpening action they use, including me. But you can also do it manually. You can find my actions in here.
To do it manually and make your own settings. This is how you open smart sharpen.
Tumblr media
If you use my sharpening action remember it can be a bit much sometimes, in that case hide the second layer
Tumblr media
Use an action or mess around to find a sharpening setting that looks good on your gif, usually don't need much.
Now we have to get our GIF back to the frame timeline.
7. Click 'flatten frame into clips' using the timeline menu (I'm low on images to use check the blur section for images)
It might take a minute since it has to process the new settings.
8. Press 'delete' once to remove the smart object
9. Convert back to frame animation
10. Make frames from layers
11. Select all your frames to set the framerate
Tumblr media
You can click on any frame for this. Click 'other' and set it to 0,06.
12. Press CTRL + SHIFT + ALT + S to open 'Save for Web'
Tumblr media
these are my save settings.
Click save and name and place it wherever you want it saved.
Tumblr media
Congrats you've made a gif.
Step 6: Colouring
Now we have a problem cause there's already 30 images in this post.
For colouring I have a psd I use and adjust to the individual set. It's in my google drive you can find it here along with my actions.
If you're making several gifs from one video you'll want to adjust to the first and then copy that over to keep things matching.
We can go more in depth on this but that would have to be a different post since I can't put more images in this one.
Step 7: Watermark (optional)
A lot of GIF makers have watermarks these days as there's a lot of people who repost GIFs without credit. Make your own so people know the GIFs are yours even when posted elsewhere.
Step 8: Post
Post your hard work on your tumblr, use a bunch of tags so people have a higher chance of seeing it.
I hope this post was understandable and clear, let me know if you have any questions and if you want a proper colouring post.
27 notes · View notes
mspaesthetic · 1 year ago
Text
Tidbit: Persnickety About Posters
If you want to avoid overly dark or blurry posters in your fan adventures, then follow my lead:
1) Download JPEG off of Google Images.
Tumblr media
2) Import, scale down, and skew/shear it. Use an interpolation method such as Bilinear or Bicubic Sharper. Doing both transformations at once is better than repeatedly transforming the image (i.e. resizing it, applying the transform, and then skewing it), as it helps prevent the image and edges from becoming too blurry. This will be important later.
You can hold down Ctrl + Shift to constrain the Move tool along a single axis so it won't go out of alignment as you're skewing it. If you don't see the Transform Controls by default, enable it in the tool options bar at the top, or go to Edit>Free Transform.
Tumblr media
3) Desaturate it. Desaturate means to turn color grayer, until it becomes black and white.
Tumblr media
4) Adjust the brightness and contrast using the Levels adjustment tool. It's much too dark as it is! In Photoshop, it is located under Image>Adjustments>Levels..., but I recommend creating an adjustment layer from the bottom of the layers tab instead. Doing so will allow you to make edits non-destructively, meaning you can go back and change any parameters until it looks right.
Tumblr media
You could use a Brightness/Contrast adjustment with "Use Legacy" enabled instead to achieve a similar effect, but it won't clip the shadows and highlights as easily. You would have to create an additional duplicate adjustment and turn the brightness and contrast way down on the first one to do so. It's somewhat easier to use but less efficient than Levels in this case.
5) Apply a simple sharpen to the image as it is still too blurry for our purposes. In Photoshop, it is located under Filter>Sharpen>Sharpen... Do not use any other filter, such as Unsharp Mask, unless you absolutely have to in lieu of a basic one. If you must, turn down the radius a bit and the threshold all the way to 0.
Tumblr media
6) Make a selection around the image. Ctrl + left click on the layer's thumbnail to make a selection around it. Doing it this way makes it inherit the level of transparency any pixels have. If you can't, use the Magic Wand tool with "Anti-alias" enabled to select the transparent area outside, then invert it using Shift + Ctrl + I, or go to Select>Inverse.
Create a new layer above the image, then go to Edit>Stroke... and add a black stroke with a width of 2px located Outside. Leave everything else at the default. Doing it this way will create a stroke with anti-aliasing based on the selection you made. This should generally turn out pretty sharp if you follow my advice from Step 2. If you had used the Stroke Effect available from the Blending Options' layer styles, it will always result in a very smooth outline instead. You do not want this.
Tumblr media
Voila, and Bob's your uncle, you're done!
Tumblr media
The instructions above are Photoshop specific, but it should still be pretty software-agnostic. Here is the recreation PSD, and below the read-more link are additional notes, such as transferring the steps to something like GIMP.
ADDENDUM
You may be questioning why I deliberately made the stroke anti-aliased. "Isn't that an MSPArt cardinal sin??", I hear you clamoring. Well, my dear readers, let me briefly elucidate you on why your ass is wrong. Exhibit A:
Tumblr media Tumblr media
The clearly semi-opaque pixels that can be found in every poster outline, which is especially pronounced here in the Little Monsters poster. I can also see that Hussie actually created a stroke on the same layer as the poster and merged it down into the white background like a dumbass. I omitted this in step 6 for the sake of convenience (and also the fact that you can't add a stroke to a smart object in Photoshop without rasterizing it first).
He had to use the magic wand tool in order to extract it from the layer for this panel, and then fill it in with the paint bucket tool. I can even tell he had the color tolerance set up very high on the magic wand to grab all those near-black and very light gray pixels, AND he had anti-alias enabled and the tolerance on the bucket tool set to be at least higher than 0 to tint similar colors. Exhibit B:
Tumblr media Tumblr media
I also didn't address exactly how to desaturate something in Photoshop. Honestly it was because I was feeling pretty lazy. I would have had to rewrite step 4 to not include redundant information about adjustment layers. You can add either a Black & White adjustment layer or a Hue/Saturation one and turn the saturation all the way down to 0. The resulting tones will be slightly different from each other but I'll explain why that is in another tutorial.
Speaking of another tutorial, read this one if you believe this post is missing the step of using a posterize filter.
Now onto applying some steps to GIMP.
RE: step 2) In GIMP, there is a dedicated Unified Transform tool separate from the Move tool, unlike in Photoshop where both features are combined into one. This is how you scale and skew (AKA shear in GIMP) both at the same time, among other things such as rotating.
You'll also find that instead of any interpolation methods labeled "Bilinear" or "Bicubic", there are only ones named "Linear", "Cubic", "NoHalo", and "LoHalo". Basically, Linear and Bilinear are the same, so are Cubic and Bicubic, naturally. I guess NoHalo would be similar to Bicubic Smoother and LoHalo would be kind of similar to Bicubic Sharper as well. It's not an exact 1:1, though.
Honestly it doesn't really matter what you use to reduce the size as long as it isn't None/Nearest-Neighbor. You're going to have to sharpen it no matter what. This applies to Photoshop as well.
RE: step 3) Go to Colors>Hue-Saturation... and repeat turning the saturation down to 0, or go to Colors>Desaturate>Desaturate... and select the Lightness (HSL) method.
RE: step 4) Go to Colors>Levels... or Colors>Brightness-Contrast... The Brightness-Contrast adjustment tool already functions almost exactly like in Photoshop with "Use Legacy" enabled.
RE: step 5) In GIMP 2.10, the developers squirreled away the basic Sharpen filter, making it inaccessible from the Filters menu. To use it, hit the forward-slash (/) key or go to Help>Search and Run a Command... to bring up the Search Actions window and type in "sharpen". Select the option that just reads "Sharpen..." and has a description of "Make image sharper (less powerful than Unsharp Mask)". I find that using a sharpness value of around 40 to be similar to Photoshop's sharpen filter.
RE: step 6) Instead of holding down Ctrl, you hold down Alt and click on the layer thumbnail to make a selection around it. Make a layer underneath the image this time since there isn't an option to place the stroke outside the selection rather than the middle. Go to Edit>Stroke Selection... and create a stroke using these settings:
Tumblr media
I recommend keeping anti-aliasing disabled however, as GIMP produces lines that are a little too smooth for my taste.
Tumblr media
With "Antialiasing" enabled
Tumblr media
Without
If you're using a program that doesn't have a stroke feature available, you could draw a straight 1px thick line across the top of your poster, duplicate it, and move it down 1px. Merge them together, duplicate it again, and move it all the way down to the bottom of the poster. Then repeat the exact same process for the sides. I used to do this before I even knew of the stroke feature, haha.
Another reason I had to do it this way was because my dumb ass did the thing I said not to in step 2, scaling down the image with the scale tool, and then shearing it separately with the shear tool. This caused the edges to become too blurry to be used for a stroke automatically. Oh well, live and learn.
140 notes · View notes
eddiediaaz · 2 years ago
Note
hi alie! how are you? i was wondering if you could explain, or link a tutorial that does, how you did the first gif and the checkmarks on this (/post/713604672591659008/pscentral-event-14-your-url-insp) beautiful gifset please?
hello!! i'm good, thank youuuu ♡ and yeah, sure i can! i didn't follow any tutorial for this gifset, so i'm gonna try to explain my process as best as i can.
the first gif is fairly easy, it's just a bit time consuming. the second one for the animated checkmark uses some keyframes. i use photoshop cs5, which is rather old, so hopefully my directions still work for more recent ps versions!
tutorial for these two gifs under the cut:
Tumblr media Tumblr media
gifs in text
i'm gonna assume you already have basic gifmaking knowledge, so i'm gonna start from this base gif already colored:
Tumblr media
i started by finding a big and very thick font that i liked. for this gifset i used a font called barle. i placed my text the way i wanted it, but i used one text layer per letter, because i wanted one different gif per letter. once i had my 9 text layers placed, it looked like this:
Tumblr media
then, you need to create a group with a layer mask for each letter. for this, i simply hold the ctrl/command key and click on the letter layer's thumbnail. it will create a selection of the letter.
Tumblr media
with this selection on, i click on the folder button to create a new group, then on the add layer mask button. it will create a group with your letter where you can put anothet gif in.
Tumblr media
then you just need to rinse and repeat for every letter.
Tumblr media
once you have all of your letter groups done, you can select all of the text layers and put them in another group. we'll use these layers again later.
then you just need to bring your second gif onto this canvas and put it in the right group/folder. i usually just bring a smart object gif onto my main canva, slide it in the right folder, then resize, sharpen, and color the second gif in there.
you can just drag this layer once it's inside the group to position it the way you need it. and also use ctrl+T to resize it (drag the corners while holding shift to keep the right propertions). once the gif is positioned, you can go ahead and disable the E text layer you used to create the mask (but don't delete it!). i kept the coloring very minimal since it's a black and white gif, and the layers should look like that:
Tumblr media
and this is the gif so far with the first E done:
Tumblr media
then you just need to do the same for all other letters, pretty straight forward! for the first D letter, i wanted eddie's face to show instead of using a different gif, so i simply put a black and white layer in that D group. my gif looks like that at this point:
Tumblr media
then what's missing is the outline, and it's pretty easy to make. go back to the text layers you created at the beginning. enable them all, and make sure they are on top of everything else. double click on that first text layer to bring in the layer style options, and add a 1px stroke with the color and blending mode you want. I went with yellow and the hard light blending mode. these are my settings:
Tumblr media
back to the layers panel, keep the text layer's opacity at 100%, but bring the fill to 0%. this will make online the online show up on the gif.
Tumblr media
to apply this setting to other text layers, you can right click the first text layer and select "copy layer style". then select all of the other layers and right click one of them and go "paste layer style". once all the text layers have their outline it should look like that:
Tumblr media
to move the outline a bit, make sure they are in a group and select this group (i renamed mine "outline"), then just nudge it by a few pixels with the arrows on your keyboard. i transformed the outline group by about 4px left and up on mine. i also duplicated the whole group because i wanted a deeper color for the outline.
and this is my final result!
Tumblr media
animated checkmark
starting with my base gif, i added some animated text and a little box for the checkmark to go in (drew a shape with the rectangle tool and gave it a stroke, the same way i did it for the previous gif):
Tumblr media
for the actual checkmark, you can try to find a brush or shapes to download, but i didn't feel like looking it up lol, so i drew the shape myself with a regular brush that comes baked in with photoshop. the best way to draw a custom shape, in my opinion, is to draw the shape as a layer mask on a color fill layer. that way you can always change the color or add layer styles later (like i did).
so on my canvas, on top of everything, i created a color fill layer (layer > new fill layer > solid color) with whatever color i wanted (you can change this later if you need). you will get a new color fill layer, with a layer mask already attached to it. i put this layer at 75% opacity so i can see the gif under it and it's easier to draw the shape in the right spot:
Tumblr media
i then selected the layer mask thumbnail and the brush i wanted to use, one of them (not sure i remember which one, sorry haha!):
Tumblr media
with the black color selected, just go ahead and draw a checkmark where you want it on the canva. you can always use the brush in white to erase it and start over with the black color if you're not happy with it. but once you have a checkmark you like, it should look like this:
Tumblr media
now you just gotta invert the mask so the checkmark is colored, to do this just click on the color fill layer mask you just drew on and hit ctrl/command + i. the mask will get inverted and it will look like this:
Tumblr media
then you can add whatever layer style you'd like to the checkmark (and put the layer opacity back to 100% if you want). i added a gradient and a drop shadow to mine, and changed the blending mode from normal to difference to make it match with the text, so now it looks like that:
Tumblr media
animation time! this is where you need to use a bit of keyframes, but i promise it's not complicated.
for this animation i wanted to mimick a checkmark being drawned. when you draw a checkmark, you usually do it in 3 steps right? your startung point, then a line down, and then another line up to the end point. it's what i tried to mimick here.
to animate it that way, you need to draw a shape that will hide the checkmark and then move it around to mimick the drawing animation. to do so, create a new group (i've named mine "checkmark") and add a layer mask to this group. you also need to unlink the mask by clicking on the little chain icon next to the mask thumbnail:
Tumblr media
now the next steps are a bit of trial and error until you get what you want, i'm gonna try to explain it as best as i can (bear with me haha):
1- go to where you want the animation to start, aka where you want the checkmark to start appearing. for me it was a few frames after the start of the gif.
2- then, with a black brush that wasn't too big nor too soft, i brushed a bit over the checkmark to erase it for now (you may have to go back and edit this after the animation is done). no need to do a huge shape, just big enough to cover the checkmark. if you go back to the move tool and click on the mask thumbnail you have just created and click and drag in the canva, you should be able to move the mask around. this is what you want for steps 5 and 7. basically, on your mask thumbnail on the checkmark group, what is brushed in black will erase what's in the group, and the white part will reveal what's in the group. for now just make sure the shape you just drew is covering the checkmark.
3- once the checkmark is hidden, click on the stopwatch icon next to layer mask postion to start the animation. this will automatically create a keyframe where your cursor is on the timeline (the yellow diamond)
Tumblr media
4- once your starting point is done, you want to go a bit further on the timeline with your cursor.
5- then move the mask shape so it reveals just the smallest part of the checkmark (make sure you click the checkmark group mask thumbnail first before moving the mask). once you move the mask with the move tool, a new keyframe will automatically appear where your cursor is on the timeline (another diamond). make sure you drag the shape down the checkmark to mimick it being drawn.
Tumblr media
6- go a bit further again on the timeline, where you want the animation to end.
7- and move the shape again to reveal the checkmark (make sure you click the group mask thumbnail first before moving the shape). again, a third keyframe will be automatically created. i dragged the shape up from the bottom of the checkmark to mimick the drawing of the checkmark.
Tumblr media
your animation should be done here after these 2 movements, so play it in a loop and see if you are satisfied with the animation you have created. if you don't like it you have options:
you can go back to the group layer mask and edit it with the black or white brush;
you can also go back to each keyframe by positiong your cursor over it and move the mask around in a different way;
and you can select the keyframes (yellow diamonds) and move them around on the timeline. if you push the keyframes closer together, the animation will be faster, and if you space them out more, the animation will take longer. it's up to you!
this animation thing is really just trial and error. you could probably do the same animation with a checkmark you find online, as long as the image file is in a group and the animated mask is applied to the group. and don't forget to unlink the mask before animating a movement or it won't work properly!
and this is what my animation looks like:
Tumblr media
that's about it, i hope that was clear enough omg. never realized how hard it is to explain these things in english lol. let me know if you have any questions! ♡
291 notes · View notes
otterloreart · 8 months ago
Text
the donut tutorial is too long so heres the abridged version
thought i would put my money where my mouth is and make my own donut tutorial. google blender donut tutorial if you want to see the original i dont need to give that guy any views lol.
Tumblr media
left click new file
Tumblr media
select box, press x, delete
Tumblr media
*Shift*+a -> Mesh -> Torus
Tumblr media
In the torus menu make the donut littler
Tumblr media
left click the arrow at top right, check X ray box
Tumblr media
left click this at top of screen. it will make a ring around your cursor when editing. see later on.
tab -> edit mode, numpad 1 to go to front view
Tumblr media
double left click to select the middle line
Tumblr media
ctrl + b to make more lines
Tumblr media
double left click the middle line and hold S. scroll the mouses to adjust how much the nearby lines are changed
Tumblr media
tab -> object mode, right click donut, left click Shade Smooth in menu
tab -> back to edit mode
Tumblr media
used ctrl + b to add more lines at the top and bottom
Tumblr media Tumblr media
left click and then use g to drag random vertices to shift parts of the donut and make it look authentically uneven (tm). scrolling while holding g makes the circles bigger and allows me to drag more vertices.
middle mouse button to rotate, shift + m button to move view to help see all around the donut
Tumblr media
tab -> object mode, look at the beautiful donut
ok back to tab -> edit mode
Tumblr media
numpad 1 for front view. drag left click to select the top half of the donut. shift + d to duplicate. right click to cancel move (when something is copied, "g" or "move" is automatically performed after that to move it)
Tumblr media
press P, left click selection. you have removed those vertices from your object and made them a new object, see in viewer:
Tumblr media
the duplicate object is named .001
tab -> object, select torus.001, tab -> edit.
Tumblr media
click these buttons. this will make the vertices magnetically attach to the nearest object when you press g and move them.
Tumblr media
left clicked the arrow at the far top right and hit random under color so i could see the difference between the frosting and donut
Tumblr media
left click vertices and press g to pull them down to form a wave pattern around the donut. hold middle button to rotate and be sure to get all angles
Tumblr media
just keep going
Tumblr media
click 3 vertices in a row and drag them downwards to *e for extrude to* make a drip
Tumblr media
each drip is about 3 extrudes long. g used to grab the vertices afterwards and shape the drip.
Tumblr media
click the little wrench on the side for modifiers, torus.001 is listed at the top (aka frosting)
Tumblr media
left click add modifier, click solidify
Tumblr media
change the thickness to .02m (or whatever else looks good) and offset to +1.0000
Tumblr media
left click add modifier, click subdivision surface
Tumblr media
now things are smooth
Tumblr media
apply solidify using this arrow. then apply subdivision.
tab -> sculpt mode
Tumblr media
left click the lil inflate brush, uses on the tips of the drips to make them bulbous.
ok, to be continued.
31 notes · View notes