#clicking from frame to frame with the arrow keys

[emberwritesinsight]

Someone needs to make an Utena AMV to Penelope Scott's "Papayawhip (God or whatever)" or my editing-software-illiterate ass is going to have to do something unspeakable

[strayrockette]

Haunting at Arrow House: Chapter 2

Thomas Shelby Masterlist

Masterlist

Summary: The mysterious door is finally opened and unfamiliar face enters the mix.

Warnings: Some weird sounds and touches from the resident ghostie woahstie, tension, rising fear and paranoia

Pairings: Thomas Shelby x reader

A/N: Another fic I can finally get rid of after almost 2 years of sitting inside my drafts and head.

—

I made my way to the kitchen, thoughts of last nights events playing on a loop in my head—the thumping noise from behind the walls, the cold that had seemed to seep up through the very floor, and that unmistakable scent of whisky and cigarettes that had hung in the air, long after I’d searched for its source. None of it made sense. I tried to reason with myself. It had been a long day of unpacking and moving in. My mind was tired, overwhelmed by the unfamiliar. It wasn’t unusual to imagine things when you’re that exhausted.

But the thoughts persisted, swirling in the back of my mind like shadows refusing to settle.

As I moved around the kitchen, making coffee and preparing breakfast, my gaze kept straying to upstairs, where the large oak door taunted me—the one Jake had pointed out was stubbornly locked. I hadn’t given it much thought yesterday, too focused on unpacking and settling in, but now my curiosity had been fully piqued. What could be behind that door? A forgotten storage room? An old office? The more I tried to push it out of my mind, the more it called to me, an unanswered question hanging heavy in the air.

For now, I shook the thought away and focused on the tasks ahead. The day promised to be productive, and after breakfast, I threw myself into organizing the rest of the house. Arrow House, with its high ceilings and large windows, had a strange beauty to it, despite the dust and the echoes of age that clung to every corner. By midday, the kitchen was neatly stocked, and the living room had begun to take on a cozy warmth. I had even found a place for the old typewriter Anne had been so spooked by. I set it on a vintage desk I’d discovered tucked away in the attic, its keys silent, waiting.

As I moved through the rooms, tidying, arranging, and trying to settle into this new life, the hours slipped by quicker than I expected. Before I knew it, the sun had moved high in the sky, casting long shadows through the windows. That’s when the doorbell rang, the sound sharp and sudden, pulling me out of my thoughts.

I opened the door to find Jake standing there, toolbox in hand, his smile warm and easy. He looked out of place against the looming backdrop of the house, like a spark of life in an otherwise forgotten world.

“Ready for round two?” he asked with a grin.

“Absolutely,” I replied, returning his smile. “I’m dying to see what’s behind that door.”

We walked together down the hallway to the oak door, its worn surface and heavy frame feeling more imposing now than it had before. Jake set his toolbox on the floor and knelt to inspect the lock. As he worked, I kept busy with small tasks, arranging books on the shelves and straightening the pillows on the couch, but my mind was elsewhere. My ears strained for any sign of progress.

After a few minutes, I heard the faint, satisfying click of the lock disengaging.

Jake turned to me with a triumphant look. “We’re in business,” he said, standing up. “Let’s see what this door’s been hiding.”

With a slow, deliberate motion, he pushed the door open. It creaked loudly, as if protesting the intrusion after years of silence. I peered inside, my breath catching in my throat. The room was dimly lit, with only a thin beam of sunlight filtering in through a small window on the far wall. Dust hung thick in the air, disturbed by our movements.

The space was sparse—a large mahogany desk sat near the center, an old leather chair behind it, and bookshelves lined the walls. Most of the books were hidden beneath layers of dust so thick I could hardly read their titles. The air inside felt stale, as if the room had been sealed off from the rest of the house for decades. The silence in here was different from the rest of the house. Heavier. More oppressive.

Jake stepped inside first, his footsteps leaving imprints in the dust on the floor. “Looks like it hasn’t been touched in years,” he remarked, running his hand over the desk. His fingers came away gray with dust.

I followed him inside, my eyes scanning the room. I couldn’t shake the feeling that something was off. The hairs on the back of my neck stood on end, though I couldn’t pinpoint why. I pushed the unease aside, focusing on the task at hand.

We started clearing away the dust, opening drawers and sifting through papers. There wasn’t much to find—old invoices, receipts, and correspondences from the previous owner.

Jake’s voice cut through the silence, “Hey, check this out,” he called from one of the bookshelves.

I hurried over to find him crouching by the bottom shelf. He had discovered a hidden compartment, cleverly disguised behind a row of old, forgotten books. Inside, we found a small collection of photographs and documents. Some were of the house itself, its once-pristine exterior gleaming in the sun. But others were of people—people I didn’t recognize.

One photograph, in particular, caught my eye. It was a faded image of a man standing in front of Arrow House, his face set in a stern, almost grim expression. There was something eerily familiar about him—the sharp jawline, the piercing eyes. He looked so much like Thomas Shelby, though younger and maybe harder in some way.

I held the photo out to Jake. “Does this man look familiar to you?”

Jake studied the picture for a moment, his brow furrowed. “That’s definitely a Shelby,” he said slowly, “but it’s not one of the brothers I know. Could be a relative, maybe from way back.”

A cold chill ran through me as I looked at the photograph again. There was something about the man’s eyes, something that unsettled me deeply. I could almost feel them watching me, even from the faded image.

As the afternoon stretched on, the sense of unease in the room grew. I could tell Jake felt it too, though neither of us said anything. There was something about this house—something lurking just beneath the surface, waiting to be uncovered.

Jake finished up his work and packed away his tools. “We’ve found enough for one day,” he said with a grin, though there was a tightness to his voice. “I’ll come back soon if you need any more help.”

I thanked him and saw him out, but my thoughts were still racing. The typewriter, the photograph, the hidden room—it all felt like pieces of a puzzle, but I didn’t yet know how they fit together.

That night, as I climbed into bed, I couldn’t shake the feeling that the house was watching me. The silence felt alive, like it was listening. I pulled the blankets tighter around me, hoping the warmth would chase away the chill that seemed to settle in my bones.

But sleep didn’t come easily. Every sound felt amplified—the groaning of the old timbers, the distant rustle of the wind against the windows. Shadows seemed to shift and move on their own, flickering just at the edge of my vision. I lay there, eyes wide open, staring into the darkness, until finally, exhaustion began to pull me under.

Just as I was on the edge of sleep, I felt it—a soft touch on my shoulder, so real it jolted me fully awake. My heart pounded in my chest as I turned my head, but the room was empty.

“Hello?” I whispered into the darkness, my voice shaky.

No response. Only silence. The kind that presses in from all sides.

I reached out, my hand brushing over the spot where I had felt the touch. Nothing. But I knew what I had felt—it had been too real, too tangible to be my imagination. I sat up in bed, scanning the room, but all was still.

It took a long time for my racing heart to calm, and even longer before sleep finally claimed me again. And even then, my dreams were restless, filled with half-formed images of the house and its secrets.

tag list: @mysticalpandora @ultimatreality @lovecleastrange @watercolorskyy @rockerchick05 @lyarr24 @queenlondyn @sl-ash-er er @literishdegree99 @kimi01985 @literishdegree99 @psychadelichues @embystarr-blog

[otterloreart]

Blender: Which Buttons Do I press? (Part 1)

There are a lot of tutorials where you already need to know how to "do the basics" like "maneuver the camera." So this tutorial is focusing on the Buttons- not on the sculpt or the object, just on the buttons and shortcuts that I personally use in Blender.

Note: You will need a mouse with 3 buttons / scroll wheel for this.

Before we start, I'm going to explain which shortcuts I use in this, but, not to make myself redundant, there's a shortcut for seeing shortcuts: Press Spacebar + Shift to see all available shortcuts in each mode.

I'm using Blender 3.6 for this tutorial. I recommend you use the same. It's completely free and has a lot of great features! For this tutorial though, 3.4 will likely work as well.

Click "General" under New File.

Your screen should look like this. There are 3 default objects in the file: Camera, Cube, and Light source.

3. This bar indicates that you are in Object mode. This menu will allow you to go into other modes depending on the object you have selected.

4. Lets talk about shortcuts. You can zoom, rotate, and move the screen using buttons at the top right, but I haven't marked those because I will teach you a better way. Feel free to click them all and see what they do, but I assume you're here because you don't want to explore every button in this godforsaken program the hard way.

Below, the Left and Right buttons are marked as a reminder as well as the Middle button which is also the scroll wheel (press down to click it)

Left click: Select an Object Left click and drag: Selects multiple objects Scroll Wheel: Zoom in and out Middle Click and drag: Rotate your view Shift + Middle Click and drag: Move your view Right click: Brings up a menu that won't be relevant here. Shift + Right Click: Moves the 3D cursor. Not important for this tutorial, but I do it on accident a lot. Hit Shift + C to reset the cursor and also to reset the viewer position to see all objects at once.

Move the viewer around as practice! You're gonna need to do it a lot while modeling. If you have a keyboard with a Numpad (the calculator-looking thing on the right side, says Num at the top) you can use Numpad 1-9 to automatically adjust the view to front, left, right, backwards, and different angles. If not, test out the rotate tool at the top right which does something similar.

There's a helpful menu I use to switch between Modes (if you hit the dropdown menu where it says "Object Mode" you can do this without the shortcut); click Preferences to enable it.

Hop over to the Keymap section and check "Tab for Pie Menu"

And then close the window. No "Save" button is needed.

Now that you have the shortcut enabled, select your box with Left Click, hit Tab and Left click "Edit Mode"

And yes, this is just like the Animal Crossing tool ring:

Now that you're in Edit Mode (You can swap back anytime by hitting Tab -> Object Mode), click arrow at the top right to open a menu where you can check the "X-ray" box. You'll be able to see through your cube. As a reminder, Spacebar + Shift will show you the available shortcuts in this mode, but I'll go over the important once momentarily.

What is a 3D object made out of?

This box is made out of vertices, and each face of the cube has four vertices at each corner- a triangle with three vertices also works, but we'll stick with squares for this tutorial. Moving the vertices will change the shape of the box, like a piece of stretchy fabric over a wire frame.

From now on, I'll be calling the vertices dots, because I hate reading and typing the word vertices over and over again.

5. By all means you can fiddle with the buttons over here but I'm gonna show you the shortcuts I use and the buttons you'll actually need. Don't get intimidated by the amount of buttons. Also press the T key and the toolbar will go away!

(Seriously, though, feel free to play around in this section as much as you want to, but we'll go over the shortcuts a few at a time with examples. at the end of this section will be a summarized list.)

6. Left Click one of the dots and press the G key. You'll see below a whole bunch of additional shortcuts show up at the button. Here are the ones I use:

G key: Grab and move around the dots

R key: Rotate two or more dots*

S key: Size two or more dots*; if two dots are selected, the distance between the dots will change but the angle between them will stay the same.

*Left Click and drag to select multiple dots!

CTRL + Z to Undo edits.

When you move a dot with the G key, imagine that the dot is against a piece of glass at a fixed point ahead of your viewer. The dot will not move farther or nearer to you, but will instead move parallel to your view.

As an example, if you press Numpad 1 and view the object from the front (The -Y green circle will be at front and center in the rotate tool), the dot will only move left and right (X axis) and up and down (Z axis). It will not move farther or nearer on the Y axis by default.

Play around with the G, R, and S tools before moving on.

This little X button at the top right will turn on symmetry. You don't need to use this, but it can be useful.

Left Click and drag so that an entire face (flat square) is highlighted and then press the E key to extrude. Extruding will add another set of dots that are automatically connected to the first set.

Ctrl + R adds a loop cut. This will divide the existing faces into two and add more dots. You can also drag loops to slide them to different positions.

The 3 key (not on the Numpad) will switch your Select Mode to Face Select. This is useful for extruding. Essentially it is simply selecting all the dots at the corners of the squares.

The 1 key will switch back to Vertex Select (or Dot Select) mode and the 2 key will switch to Edge Select (the least useful of the three, to me)

Before we go wild, there are a couple of additional things to know. For the tutorial, focus on working with faces, not vertices. If you accidentally pull a single vertex, select it and press the X key to delete it.

If you want to add shapes, I recommend sticking to cubes for now. Ctrl + A will open the Add Mesh menu and you can add a cube. Feel free to have complete cubes overlap for this tutorial.

Double Left Click will select a series of dots connected in a loop, and can be helpful for selecting areas all at once.

Ctrl + B is the bevel tool, and when a loop is selected it can turn it into two.

Here is a summary of all of the Edit Mode shortcuts:

G key: Grab and move around the dots R key: Rotate two or more dots* S key: Size two or more dots* *Left Click and drag to select multiple dots Double Left Click will select a series of dots CTRL + Z to Undo E key to extrude faces Ctrl + R adds a loop of dots Ctrl + B splits one loop into two X key -> Vertices to delete dots (vertices) 1, 2, 3 keys to switch Select mode Numpad 1-9 to move viewer automatically Ctrl + A to add a shape

Go play with them. See you back here in a while.

7. I used a single cube to make this figure. It's still very blocky, but that's fine. Loop cuts created additional faces which were extruded to create arms, legs, and a neck. Definition to the face was added by selecting individual dots. Remember, Ctrl + Z (undo) is your friend!

Once satisfied with the shape you made - a boxy figure or object is fine- continue on.

8. Press Tab -> Object Mode. Turn your attention to the right hand bar and make sure the Wrench button is selected. Note the Add Modifier Button.

There are a heck of a lot of buttons here that you don't have to worry about- just select Remesh.

Change the number under Voxel Size to .05m by Left Clicking and typing it (there is a slider, but I find this causes lag). Then, apply the remesh by clicking the down arrow and selecting Apply.

Your figure should be shaped similar to before, but have a slight "graininess". If you have added multiple cubes, it will seamlessly merge them into one. The smaller the Voxel Size you put, the more dots will make up your object. However, I suggest starting with something in the .03-.06 range. We will refine this later.

Press Tab and select Sculpt Mode.

This is a mode where I actually use the tool bar for modifying my sculpt, as there are a lot of brushes . The icons show roughly what the brushes do using small icons (note on adjusting this below)

9. Observe the Radius and Strength bars, which will adjust the... well, the size and radius. Note that although the "brush" looks like a flat circle, the affected area is actually a sphere. Select a brush with Left Click and Left Click and drag on the sculpture.

10. This is the smooth tool. I have smoothed out the right side of this figure. Note that I turned off symmetry to do this, but i usually have X-axis symmetry selected.

Although I am used to the small buttons, there is a way to change them. Hover near the toolbar to Left Click + Drag so you can see the names. Hold Ctrl + Middle Mouse button and drag to resize. You will be able to make the size of the menu much larger. This goes for many of the menus in Blender.

The above arrows point to the symmetry button (Top right) and Grab brush (bottom left). The Grab brush uses the shortcut G Key.

The lines point to which tools were used for each part of the sculpt. The Draw Sharp tool was used to mark out eyes. Clay strips made the hair texture. Round cheeks were added using the Inflate tool and a nose (and buns) were added using the Blob tool. The aforementioned Smooth and Flatten tools were used judiciously to remove sharp edges.

I don't have a shortcut list for you here, but here are all the tools I use the most:

You can hold the Ctrl key while using the brush to reverse its effects. For example, if you hold the Ctrl key while using the Inflate brush, it will deflate the shape instead, creating a concave shape.

As you can see, my figure is getting a little grainy. So, we're going to remesh this model again and add more dots and therefore detail.

This time, we're putting the Voxel Size to .01m. Apply the remesh as before. Now we have more dots to work with and we're just repeating the process, smoothing, and sharpening the lines.

I was going to add a bit about how to take a photo of your sculpt, but I ran out of photo space. I will add a reblog with this information.

I came up with this little lamb character on the spot because the clay strips created a nice texture. She's by no means perfect, but she did turn out pretty cute so i might make a cleaner version later on.

[eddiediaaz]

https://eddiediaaz.tumblr.com/post/720106767343878144/lgbtqcreators-bingo-challenge-35-headcanon

How did you get the lyrics to move and the sound bar to move if you don't mind me asking?

Such a cool effect makes it so much better!

ahhhh thank you!!

first of all, all credits go to Tiny for this amazing template! i just tweaked it a little to animate the lyrics and sound bar with position keyframes. here are the steps i've taken to animate the lyrics in this gifset (under the cut).

I. editing the template

first, you want to move the layer mask from the lyrics to a new group. to do so, select the LAYER named lyrics, and put it in a new group. i've renamed mine rolling lyrics. then, while holding CTRL, click on the layer mask's thumnail (what i circled in red). you'll see a selection appear (the "animated marching ants")

with layer mask selected, make sure the rolling lyrics group is also selected, and click on the add layer mask icon at the bottom of the layers (circled in red). your layers should look like that:

now you just gotta remove the layer mask on the lyrics layer. to do so, simply right click on it and go "delete layer mask". it should look like that:

II. lyrics

for this template, there are about 9 lines of lyrics that you can make fit. for the rolling lyrics effect, you want to add a bit more. 2 to 5 more lines of text should be enough, depending on the length of the gif and the animation speed you desire.

so put all your lyrics in there, and make sure that when you are on the first frame in the timeline, the lyrics are what you want. keep in mind that the first line of lyrics will be gone quickly since it'll be animated from the start.

III. keyframes

animation time! still on the first frame in timeline mode, go to the lyrics LAYER's animation panel and click on the position timewatch (circled in red) to activate the animation and create the first keyframe.

then go to the end of the gif, select the lyrics LAYER, and with the move tool, make the lyrics go up with your keyboard's arrow key. it should create a keyframe automatically, and if you play your gif, you should see the text being animated and rolling up. it's that simple!

IV. refinements

so it's possible that you see lyrics peek at the top and bottom of the layer mask. to do so, simply brush some back with the brush tool onto the rolling lyrics group's layer mask until you don't see any lyrics peeking through.

also, if you want a quicker or slower animation, go to that last keyframe's position on the timeline and move the animation up or down with the arrow keys. if you right click a keyframe you can delete or duplicate it.

V. sound bar

for the sound bar it's a very very similar process to the lyrics. put the two song position bar layers in a new group (i renamed mine sound bar), make a layer mask so the shapes don't show up on the edges of the gif, and then use position keyframes to move the white bar around, like i showed for the lyrics. my layers look like this:

and that's it! :) i hope i was clear enough haha, i always feel like i babble too much in these

[whatdudtheysay]

Toji fushiguro x F!Reader

(Secret agent au) part 1

Requested by @whyaretoxicmen31

Context - You've finally woken up in an unknown room but because of your reluctance to answer questions they decided to get someone else to force the information out of you.

CW - edging, oral (f.recieving), spanking, Unprotected sex, creampies, heavy degradation and name calling, toji being mean asf, manhandling, (not proofread)

"Fuck you." You spat, glaring at the masked man in front of you.

You didn't know how you'd gotten tied to this chair, faded memories of the events of the night prior floating through your thoughts. Toji had definitely brought you here, alarm bells ringing when you saw your clothes had been changed once more.

The man in front of you was visibly annoying him, his tone becoming more threatening.

He continued to question you but you just shook your head, getting the stranger even more mad, so much to the point where he raised a hand to you. He would've stroked if it wasn't for the large metal door opening.

Both you and the stranger were shocked to see him. Toji in all his glory.

You hid your relief of his entry when his eyes landed on you, instead looking down at your lap.

Toji just silently walked behind you, large hands undoing the ropes that binded you to the chair, letting you rub your wrists.

"The hell are you doing fushiguro?" The stranger questioned.

"Boss could tell you weren't getting anywhere. So. I'm questioning her." He explained, grabbing one of your hands and placing a cuff around it before doing the same to the other.

The stranger complied, allowing toji to pull you up and out of the chair easily, guiding you out of the room. A minute passed and now you were being pushed into an elevator, toji pressing a key card against a sensor that closed the doors, the screen showing an arrow with text displaying 'T.F'

You glanced at toji to see his stoic expression fixated on the metal doors, arms folded as he rested against the elevator bars.

"Don't stare at me. It's creepy." Toji sighed, his eyes moving to look down at you.

You rolled your eyes, looking down at your cuffed hands.

"Ironic."

"Shouldn't you be a little more thankful? Took some convincing to let them allow me to interview you."

You scoffed. "I'd rather die."

Silence passed through the elevator as the doors finally opened, revealing a huge office, probably bigger than your former bosses.

"Who's office is this?" You questioned, walking into the area, admiring the polished dark oak tables and huge l shaped sofa.

"Mine."

Your head whipped round to face him, a small smirk on your face. "Don't make me laugh."

Toji rolled his eyes behind your back before walking over to you, pushing you down onto one side of the couch, sitting down a meter away.

"Alright. So are you going to comply or do you want to get killed off early?" Toji questioned, relaxing into the plushness of the couch, his eyes never leaving you.

You just rolled your eyes. "As if you'd kill me off. You guys need me for whatever those dumb questions were."

Toji just clicked his tongue before humming, a hand beckoning you forward. You hesitated before shuffling closer, toji's thighs spreading further. Before your reflexes could react, toji pulled you forward, pulling you over his lap, a large hand moving over your ass, pulling down your panties and the sweatpants that had been put on you. Before you could question him, a hand swatted down harshly against your rear, making you yelp out in surprise, pain surging through you.

"Wanna be a smart ass, hm?" Toji scoffed, watching your small frame writhe underneath him.

"Toji -! You bastard-" you screamed out once more when more slaps landed onto your ass, tears prickling at your eyes.

This was more than humiliating. You, a grade A agent being spanked like a child by your enemies hired assassin. Maybe you should've let toji kill you.

You were brought from your thoughts once you realised you'd been too zoned out to hear toji's question, causing more hard slaps to land against your ass.

You cried out, staring at the marble flooring as blobs of tears fell from your eyes, followed by your small sniffles.

Toji hummed, rubbing your ass that was now becoming a delicious shade of crimson. So delicious that he wanted to sink his teeth into you. But, toji had to contain himself. For now.

"Zoning out on me? You want more spankings?" Toji asked in a threatening tone, a hand moving to roughly grab at your hair.

He swore he felt his dick twitch when he saw your pretty face, tears streaming down your puffy cheeks whilst you glared at him from your beautiful lashes. You were making it so hard for him not to swallow you whole.

You avoided toji's gaze, not wanting him to see you so vulnerable.

"Don't be rude, little thing. Apologize to your elders." Toji spoke in almost a parental tone now. "Want another punishment?"

You quickly shook your head the most you could with toji's grip on your hair.

"-sorry! 'm sorry, please," you whimpered, humiliation surging through you painfully.

Toji smiled harder, letting go of your hair, your scalp finally getting relief.

"nice apology..." Toji hummed, pushing you off his lap to lay you on your stomach. "But, I'll take a better one."

You looked back slightly confused, a small moan leaving your lips when toji's thumb glided through your folds.

"Toji-" you mumbled, eyes moving from him to the elevator, scared that anyone could just walk in.

"Shut up." Toji stated, and your mouth shut immediately, instead biting your bottom lip and turning to face forward, hands gripping into the cushions as toji applied pressure to your clit.

Toji chuckled from behind you. "Got so wet from a few little slaps. Bet you'd cum if we were walked in on..."

You hated how your body responded to him so easily, your hole clenching around nothing at his lewd words, the thought of someone catching you turning you on more.

Toji raised your hips so your ass was faced up, not waiting for you to question him and instead focusing on your wet cunt, his tongue pressing firmly against your clit. You whined in unison with his moans, your front half pressing further into the couch as you called out his name. Toji ignored your calls for him, instead focusing on lapping at your wetness only stopping after you tried pushing your hips closer to his face.

"Still a fucking whore. If you want more then you're gonna have to comply." Toji huffed, rubbing a hand over the fat of your ass.

You stupidly shook your head. You weren't gonna give in that easily. "No way,"

You took in deep breaths, toji's silence frightening you more than anything. Luckily, that didn't last too long because you heard the sound of clothes moving. You peered behind you to see Toji, eyes locked on your dripping cunt whilst pumping his cock, beads of precum leaking from the tip.

"Since you don't wanna cooperate.." Toji began to line himself up with your entrance, bottoming out after with no warning, making you scream in pain. "I'll just have to make you more honest again."

"Toji-" you gasped, feeling almost all the air in your lungs leave. "Wait,"

But it's Toji we're talking about. He didn't let you adjust at all, instead thrusting deeply into your heat, saliva pooling in your mouth as toji ruthlessly pounded your hole.

"Fuck, you're tight- loosen up a bit," toji moaned, struggling to even pull out with how hard you're pussy clamped down on him.

You just whined in response, not able to do anything more than endure the abuse Toji was enforcing on your deepest spots whilst clawing at the couch.

The more you managed to relax the deeper Toji seemed to go, only when you felt his hips meeting yours, your arousal making the sounds even filthier.

"Shit... You're sucking me so good, slut." Toji moaned, his hands tugging you back onto his cock to meet his mean thrusts.

You on the other hand couldn't even talk, drool dripping onto the expensive couch, only moans and grunts leaving you as Toji's cock forced its way through your pussy, bullying your velvety walls. It felt amazing to you but you couldn't keep up with how roughly toji was pounding you.

"Toji, toji, toji, please," you whimpered, the overwhelming rush of your orgasm pooling in your stomach.

Toji just chuckled heavily, noticing how you greedily sucked him in. "Already, not having my dick for a day turned you into a cock hungry whore hm?"

You mindlessly nodded, your thoughts turning to mush as toji continued roughly fucking you. You were almost there. So, so, so close. But obviously Toji wasn't gonna let you cum that easily. He quickly pulled out and you cried at the feeling of your orgasm being denied.

Toji just laughed at your state, lazily pumping his cock.

"You really thought I'd let you cum? Stupid slut."

You felt tears saunter, threatening to spill as your orgasm depleted, leaving you uncomfortably unsatisfied.

"Quit your whining. You asked to be punished." Toji dismissed, pushing back into you without warning, your toes curling at this.

Toji's thrusts became ruthless and harsh to the point where your orgasm began to build up faster, but it was just hanging off the edge. You whimpered loudly, your ears ringing as you focused on the feeling of your neglected clit.

"Toji- please," you moaned, trying to focus on your impending orgasm.

Once again, you were ignored. The only sign of Toji actually listening being his hand moving to rest heavy against the nape of your neck, keeping you pressed down against the couch.

You could barely take it anymore, you wanted your release so bad. It was right there, taunting you. But anytime toji sensed you were about to cum he'd slow his thrusts, groaning deeply against your ear before laughing at your fucked out state, tightening the grip he had on your neck, causing your vision to blur.

"Shit-" toji grunted, "Gonna cum in this needy pussy. Bet you'd like that, hm, you fucking slut."

You shook your head, hips needily moving back onto his cock in hopes of chasing after your orgasm. Toji caught on quickly, this time pushing your hips down so you were flat on your stomach, using your pussy like you were a sex toy to him.

"Please please, pleasee-" you repeated, tears spilling uncontrollably as you finally felt your orgasm swelling in your stomach once more.

You were almost there. So close. But Toji wouldn't let you reach your release so easy. He came after a few deep thrusts, your body shaking at the feeling of his thick cum flowing into your pussy, toji's larger frame casing yours as he relaxed.

He chuckled mercilessly, pulling out of your heat slowly, watching the way his seed poured out of your twitching body.

"You're....a dickhead," you stammered, another orgasm ripped away from you.

"Well, I'm not the brat." Toji scoffed, large hands grabbing your waist to turn you over so you were flat on your back.

You narrowed your eyes at him, face blazing at how vulnerable you felt. Barely covered with his cum seeping out of your abused hole.

"Good sluts get to cum. Bratty sluts don't. You should be happy you got my cum at all." Toji panted, smirking at your unsatisfied expression.

"It's alright, princess. Just be good and answer a few questions. Then you'll get what."

❤︎❤︎

[dqmeron]

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:

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:

(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:

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:

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:

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:

this is what your timeline will look like now:

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:

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):

(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:

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):

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:

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:

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:

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:

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:

[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:

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):

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):

「 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:

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:

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!

happy giffing, and please don’t hesitate to send me any questions you have! ♡

[mspaesthetic]

Tidbit: Placronym Pixelation

So you got this fresh placroynm that you don't want engraved with a sophomoric name? Not a problem. You can reject that stupid shit with a pixelize/pixelate filter.

Photoshop

First, you will have to make two more duplicates of your name text layer, so three text layers in total. One for when it's first displayed, one for the first frame of pixelation, and one for the second frame.

With your first duplicate layer selected, go to Filters>Pixelate>Mosaic..., which is a terrible name for it, but hey, I'm no Photoshop developer. Set the cell size to 11.

For the second duplicate layer, set it to 14.

GIMP

Pretty much the exact same steps as in Photoshop, this time the filter is located under Filters>Blur>Pixelize...

I would suggest right-clicking on the text layer and choosing Composite Space>RGB (perceptual) instead of the default (Auto), or going to the top-right corner of the Layers tab and switching the group of blend modes from Default to Legacy. Basically, doing so will make the semi-transparent pixels as dark as they are in Photoshop, otherwise they will appear too light.

Check out the read-more link below for bonus information on easily animating the name being typed out in Photoshop.

ADDENDUM

Typing animation (Photoshop)

Photoshop's frame animation timeline makes doing this a breeze. First, add a layer mask to your text layer. This will add a white box next to the layer's thumbnail.

With that layer mask selected (click on it and it will be highlighted in the layers tab), use the marquee tool to make a rectangle selection around the text, then use the paint bucket tool to fill it in with the color black. This will make the text invisible until the layer mask is moved.

Go to Window>Animation if you do not already have the animation timeline open. Click on the little sticky note icon to duplicate the first frame. In newer versions of Photoshop, you will probably first have to click on a button that reads "Create Frame Animation", and the duplicate frames button icon is the "+" in a little square.

Making sure you still have the layer mask selected and not the entire layer, use the move tool and arrow keys to move it all the way to the right, revealing the text on the second frame you've just made. Don't move it too far off now.

Move the typing cursor layer to the right as well, except you don't have to move it all the way at the end, only where it will be last seen.

Make the typing cursor layer visible on the first frame, and not visible on the second.

Select the first frame the animation and click on the tween button. This will add all of the frames in between the first and the second one for you. Make sure you only have "Position" checked under "Parameters". For the numbers of frames to add, here's a neat trick for finding the right amount: count the amount of letters in the name. "ZOOSMELL POOPLORD" is 16 letters, so add 16 frames.

Most of the work is already done, though there might be a couple frames that will need some minor tweaks. Just use the move tool and arrow keys again to finetune the layers' positioning.

This is why it was important to not move the layer mask too far to the right away from the end of the text. Tweening the position spaces it out linearly, evenly, so the farther away the end goal is, the more space each frame will use. Thankfully the font this panel uses is mostly monospaced, and I got a little lucky with my positioning, so I needed to only adjust three or four frames. Way less tedious than having to create each frame of animation myself, at least.

To change the frame delay (the time duration each frame takes up) of the newly created frames, click on the first frame you want to retime, hold down the Shift key, and then click on the last frame. This will make a selection spanning all frames in between. Click on the little dropdown arrow and select 0.1 seconds (100 milliseconds).

Here's the original panel:

And here's my recreation:

Here's the PSD, too.

[poeticpains]

Poe's Giffing Tutorial (From One Beginner to Another)

Hey, everyone! So, I've been thinking about this for a while, and decided to finally make it happen. This post aims to be a giffing tutorial that isn't a bunch of technical jargon that nobody except experienced giffers understands. This is for the person that I was when I first started out: someone who wants to make gifs, for free, without having to learn the entirety of a new program. As such, if you're already familiar with the basics, this probably won't be super helpful to you.

In this, I'll cover the basics of actually capturing a gif, the how-to of color correction (though without getting into the nitty-gritty detail of it), some basic text effects, and some more decorative effects like overlays and ~fancy coloring. I'll also show you the program I use to resize gifs.

I don't have a fun quip to lead us into the next part, so, uh, let's just dive in.

Tools*:

A PC capable of handling heavy processor loads (I use a mid-range gaming laptop; it's a little slow sometimes, but it works)

Whatever you're giffing (obviously...)

ScreenToGif (a free, basic screencapture program)

Photopea (a free, in-browser Photoshop dupe)

RedKetchup (a free file resizer/converter)

*Note: These are not the end-all, be-all of gifmaking. They may not even be the best tools for the job! But they're free, they work well, and they're relatively intuitive.

Step 1: Capture your gif.

I'm going to use ScreenToGif for this. The first thing I do is open the program and click Recorder, which opens the recording interface.

I click and drag (or manually input dimensions in the boxes next to the recording button in the lower right corner) to set my dimensions, and then I press record. The red "Record" button will change to a blue square that says "Stop," and a timer will appear in the upper right corner, showing how many seconds your gif is.

Generally, I'll pause the video 5-10 seconds before my desired start time, to give myself a buffer (you'll be able to delete those frames later), start the recording, and then start the video. You'll probably find a system that works for you once you do it a few times.

Once the scene that I want to capture is done, I'll click the blue "Stop" button, and the overlay will close itself. A few seconds later, depending on how long/complex/large your gif is, the program will pop up with a new window where you can edit. Here's what it looks like:

You can do a lot with ScreenToGif, but we'll be using the dead simple stuff today. Click the "Edit" tab, fourth from the left, and this will show up.

"Delete All Previous" and "Delete All Next" are our friends here. Go to the FIRST frame that you want in your gif, using either your arrow keys or just dragging the slider, and select it. Then hit "Delete All Previous." This will make that frame the first frame of your gif. Then, go to the LAST frame of your gif, and hit "Delete All Next." This makes the last frame of the scene that you want the last frame of the gif. You can also use the "Delete" option to delete frames by selecting them with your cursor if you want a more manual option.

Now you have your raw gif! Go to the "File" tab, the first one on the left, and select "Save As" from the menu. You want to make sure that it's saving as a .gif file, not an .mp4 or .apng --- you can check this up at the top. Don't worry, though, as .gif is the default, so unless you change it, you should be golden. Select whatever folder you want to put it in, name it, and save it.

You could absolutely stop here. It is by no means required to color your gifs or slow them down or any other number of things associated with giffing. But if you want to, here's how I do it.

Step 2: Edit your gif.

Head on over to Photopea. You'll see this:

What we want is the "Open From Computer" option. Click it, and your File Explorer will show up. Navigate to whatever folder you saved your gif in and select it by double clicking or clicking once and hitting "Open."

It'll open in a new workspace that looks like this.

You may be saying, "Gee, Poe, that sure looks a lot like Photoshop!" Yes, it absolutely does. If you're familiar with Photoshop, you will most likely be able to find your way around Photopea just fine, and can probably go from here. But if you're not familiar with Photoshop, here's the basics.

First thing's first: gifs are frequently pretty fuzzy/blurry. Luckily, sharpening them is easy.

Select all your frames (the list on the right with all the numbered layers) by clicking one end, scrolling up/down, holding Shift, and clicking the other end. Then go up to the tabs and do Filter > Sharpen > Smart Sharpen. This will automatically sharpen each frame using a percentage; the default is, I believe, 150%, and this is usually what I use because I am fundamentally lazy.

If you don't select all your frames, only the one that you're currently on (the one highlighted in a lighter color) will get the effect applied to it. This goes for basically anything you do, so it's good to get in the habit of selecting all.

Now that it's sharpened, we can color it. Go up to the tabs again, and go to Layer > New Adjustment Layer > [whatever you want to adjust]. Most commonly in Escape the Night, you'll have to adjust brightness, because there's a lot of dark, moody scenes; Season 3 is also especially yellow/orange tinted, so you'll probably want to color correct it, too, using the Color Balance adjustment layer. This is a total guessing game based on the exact scene you're doing and my method is just selecting random things and adjusting sliders until it looks good (remember: fundamentally lazy). Honestly, I'm not an expert in coloring gifs, so I won't pretend to be — especially since people can and do write entire posts just dedicated to it. For this gif, I'm just lightening it a little.

And if this is all you want to do — no text, no effects — you're done! Go to File > Export As > GIF. It will take a few moments to load, so don't panic when your page freezes. A new window will pop up that allows you to do things like set looping, time, etc. but you can also just "Save" and you're done!

But let's say you want something fun. Maybe you'd like to overlay a quote or make it a cool color. If that's the case, continue on...

Step 3: Make your gif shine.

Three parts in this: text, fun colors, and overlays. You can combine these three to do some awesome things, and they're all very simple to do, once you know what you're doing. Think of them less like steps and more like a mix-and-match deal. You can use one, two, or all three!

So, here we go.

Option 3a: Add some text.

The easiest option of the three, this one works exactly like you think it does. The uppercase T symbol on the sidebar will create a new text layer where you can type something and set a font, size, and color.

I'll spare you the lecture on typography that I could give you — you can find better ones than I could make. Generally, though, you have a decorative/display font for headings and emphasis, and then a different, more generalized font for subheadings and other things. In this, the display font is Heavy Heap, which was used on the Season 3 tarot cards, and the general font is a relatively generic serif font.

(Sidenote: you can load fonts into Photopea! Just go to a font website like Dafont, download the font you want, and then open it as you would any other file by going to File > Open and selecting it from your files. You should get a message that says "Font [Your Font Name Here] Loaded," and then you'll be able to use it in your design. That's how I got Heavy Heap in there.)

You can change size and color with these, which will show up at the top when you select the text tool. Keep in mind that if you're making changes after you type something out, you will need to select (highlight) the text you want to change — it won't do it automatically.

I will admit that Photopea's text editor is not the cleanest, simplest, or nicest to use, especially at first. I came from Canva where it was much faster and easier. The downside, of course, is that Canva is highly limited with what you can do.

There are also ways to warp the text, change the blending, and do outlines, but I'll leave that for another time as to avoid making this any longer than it already is.

Option 3b: Make it a cool color.

You have a couple different ways to do this. Probably the most intuitive is to go to Layer > New Adjustment Layer > Photo Filter. Select the color box, pick the color you want using the picker or a hex code, select your desired density, and click OK. Boom, color over your gif.

It defaults to this vintage-y orange, but you can pick whatever color your heart desires.

However, I usually use a different method using Gradient Maps. This is also pretty easy; Layer > New Adjustment Layer > Gradient Map. If you leave it black and white, by the way, you get a B&W gif (you can also just select the Black and White option in the Adjustment Layer menu). Click on the gradient, select the white square on the right side of the gradient line, and then select the square down at the bottom of the window and change it to whatever color you want.

For this gif, I'm leaving it B&W.

(You can have a lot of fun with gradient maps. Play around with them!)

Option 3c: Overlay another gif on top.

Ooookay, so, this is the most advanced and tedious of effects to do (at least of the ones documented in this post), but it's worth it, I promise. For this, you'll need at least one other gif. I usually use a base gif that's relatively neutrally colored, oftentimes B&W but sometimes just faded or pastel, plus one (or more than one) colored, brighter gif. These are, of course, just guidelines — combine whatever gifs you want. The only real requirement, per se, is that they have the same amount of frames. If they don't, it'll look weird. (But if you do end up with two gifs that have different amounts of frames, you can delete the difference right in Photopea, so I don't stress about it too much.)

You also generally want to add text after this step, so if you're planning on doing this, save the text for last.

First things first: color your gifs the way you want and then save both of them. Then re-open them both in Photopea. Yes, this is annoying. I did say it was tedious.

So now I have both of them in my navbar, labeled as "tutorial base" and "tutorial overlay."

Go to your overlay gif and right-click on the gif folder. This is the top layer with a little arrow and folder icon next to the name of the gif.

Select "Duplicate Into" and then pick your base gif in the popup. In my case, it's named "tutorial base."

Now you'll click over to your base gif, and you'll see that your accent has been put on top of your base. Now you get to have fun with blending!

Right click on the overlay gif's folder again. Then, select Blending Options, which is the first menu item. It'll bring up a popup with all sorts of options for styling your layer.

The default setting is Pass Through, which is what we see here. If you want, you could just change the opacity to get your desired effect.

You could also play around with blending options such as Overlay, Color Burn, Lighten, and Screen. Every gif is different, and every gif will look different with different options, so experiment and see what looks best! You may have to go back and recolor it a few times, so I recommend just keeping the project open in your navbar for easy access.

For this gif, I think I'll go with Darker Color at 67%.

One last step, and then you're done with blending!

Go to Layer > Animation > Merge. This will merge each frame of your animation (the gifs) with each other, meaning that they'll play at the same time. If you forget this step, as I do frequently, you'll go to save your gif and find that it plays as a sequence.

Once you've merged your gifs, you can add texts, more effects, PNG overlays, whatever you want! Congrats! You did it!

Step 4: Resize your gif (if necessary).

Maybe you've made a gif, and it's beautiful, and it's amazing, and you wanna show everyone...but it's five million megabytes and you can't send or post it anywhere. Tumblr's max file size is 10 MB, while Discord's (standard) max file size is..7 MB, I think? Either way, if you try to upload something bigger than that, you'll get an error message and the familiar taste of disappointment.

Never fear, Redketchup is here!

This is Redketchup, and it's super simple.

Go to "GIF Resizer" under Animation Tools. Upload your gif, then scroll until you see the Resize GIF section. Input the percentage you'd like to reduce it by (presets are 25%, 50%, and 75% smaller, but you can set it manually, as well).

This is also the step where you can slow it down if you desire if you didn't do it in Photopea — it's in the next section down. Set the speed, if you'd like, and then go down to the bottom and hit Download.

It'll take you to a preview tab where you can check if your gif is small enough. If it is, hit Download again up in the top left, and that's that! Go share your gif with the world!

Conclusion:

Thank you for reading! I am by no means an expert gifmaker, but I want to spread the love and give other people the option to do it. I wouldn't know any of this stuff without the people who taught me, and I'll put a list of tutorials down at the bottom that I referenced when I was first learning to make gifs.

At any rate, if you use this post to make a gif, feel free tag me or send it to me so I can see! And for those of you who are on the fence about learning or starting to gif...

Do it. I double-dog dare you.

:)

References:

Blending Gifs by @the-mother-of-lions

Photopea Coloring Tutorial by @heroeddiemunson

Merging in Photopea by @bellamyblakru

And, though not a specific reference, I frequently browse @usergif for inspiration (they have tutorials there, as well, but I haven't checked them out yet).

[aashiqeddiediaz]

hello! im a newby gimaker and i want to follow your tutorial on sharpening but i dont know how you got to the photoshop page you started from where it looks like a video timeline. can you tell me how you got there? <3

Hey!!

Welcome to the wonderful world of gifmaking <3 yes i can lead you through to that point. I have a mac so this might look different for you, but all the steps stay the same - I just shifted from windows to mac so i know this xD

I'm going to show you how to do this on this gif:

I prefer to use screenshots for my gifs (I also don't know how else to make them), so I use Mplayer for that. I used to use MPV player but that stopped working with my new computer system.

First, you want to make sure that you're using a high-quality file. If 1080p is available to you, use 1080p at the very least. This will make sure your gifs are crisp and sharp.

Open your file with Mplayer. Then find the bit that you want to gif. I sometimes search forward by frame by using the ">" key. Once you're at the start point of your desired gif, pause the video. Then, Cmd/Ctrl + Shift + S to start screenshotting. The video will start to play slowly as the screenshots are captured. (They go to the desktop automatically but you can change that in interface settings).

The rest of the tutorial is under a cut:

Once you get your screenshots, you're going to go Photoshop. File > Scripts > Load Files Into Stack.

You're going to get a dialogue box. Click Browse and load the screenshots that you want. This is what that looks like when you finish:

Next, you're going to crop your gif, using the crop tool. You can press C on your keyboard for this or use the tool with this icon in the sidebar.

For this, I'm using an aspect ratio of 540 x 400:

Click that checkmark to crop. Once you do, we're going to resize the image. Use the Cmd/Ctrl + I function to bring up this box. For tumblr gifs, you want to change the width. The height doesn't really matter but if the width doesn't match up, Tumblr is going to fix it for you and it'll look funky. Per row:

1 gif , we use 540px

2 gifs, 268px each

3 gifs, 177, 178, 177 px

We're just doing one, so I'm using 540px.

Now, you want to make sure you can add the timeline. In the top bar, go to Window > Timeline

This will bring up the timeline.

From there, click "Create Frame Animation" (you might have to press the arrow in the timeline bar first.)

It's going to look like this:

We're going to use those three lines in the corner of the picture above. The first option we'll select is "Make Frames From Layers"

That looks like this:

Now, when these load in, you may notice that they're all in reverse. To make them go back in order, we're going to go back to that menu and click "Reverse Frames."

Then, in that same menu, click "Select all Frames." We're going to change the animation speed. You want to make sure you have the first frame selected. We're going to click the arrow next to the "0 sec"

When you click that, it will give you a menu. Click, "other..." You should get a dialogue box that says "Set Frame Delay", just like the one below.

You want to use anywhere between 0.05-0.1 seconds. I find that anymore more is just too slow, so I prefer 0.06. This is fully changeable at the end of my sharpening tutorial, and you can use what you want, but that's what I prefer.

When you do that, it'll change the frame speed of all the gifs.

Now, go back into that little menu, and click, "Convert to Video Timeline."

This is what it'll look like:

Now we're going to select all the layers in the right-hand pane. Once we do that, right-click and select, "Convert to Smart Object."

And you're there! Now you can use the sharpening tutorial to your liking.

Pro tip: Make an action with all these steps so you don't have to do them by hand with every single gif you make.

Hope this helps and it wasn't super long winded. Let me know if you have any questions <3 Happy giffing!

[nyssasims]

Hii! I'm absolutely in love of how good your screenshots are, both in game and in cas, I was wondering is it possible you could make a little tutorial on how you do it? Idk why mine always look like blurry or something idk it's very uninspiring

hi @simsinfinitylt. thank you so much 🥺! and please do not feel discouraged. it really is all trial and error, i promise. it definitely took me a minute myself to find what worked best for me. this is my current editing system:

chapter 1: a pc for me the most important thing is to have a good computer that can play the game on max settings. make sure all your settings are maxed out, with laptop mode and edge smoothing off. i also play the game in 4k resolution (3840 x 2160), the max for my monitor (but it might be different for you).

additionally, i use the graphics overhaul overrider by simp4sims, the 'ultimate quality' preset.

graphic overhaul: graphics rules setters

here are my pc specs...

chapter 2: maybe she's born with it. maybe... it's reshade reshade honestly does most of the work as well as the world lighting mods by @softerhaze. i hope to be able to find time to make my own preset one day, but for now, i use the daisies reshade by @breezytrait. here are my lighting and visual mods...

reshade: daisies (i tweaked the preset a bit, mostly increasing the mxao here) world lighting mods: twinkle toes, shadows for days light replacements: no glow v2, out of the dark, inner glow cloud replacement: studio ghibli clouds

chapter 3: say click. take a pic

i take all of my screenshots in tab mode. i find that it's best to go into tab mode further away than you want the picture, then slowly move the camera forward with the arrow keys to frame the screenshot. this is especially great for really up close photos of sims faces.

i capture all my screenshots with the built in reshade capture function and use the no drift camera mod to keep the tab camera steady

tab mode mods: no drift

chapter 4: call me by your lightroom

now that the screenshots are taken, off to lightroom they go. i honestly don't do much editing in lightroom in terms of color grading. i mainly focus on the details and lights sections. here are my settings...

here are examples, before and after, of what the edits look like on top of the reshade

these are the same settings i use for all my photos. with the exception of the 'contrast' slider which I sometimes bring up for sims with darker skin tones. and the 'shadows' slider i sometimes bring down for night photos.

chapter 5: shout out to picsart. gotta be one of my favorite genders

from lightroom, i'll then import the photos into picarts to finish them off with light leaks and dust particles (as needed). i use the 'detail' brush under 'retouch' to color in sims and objects in the foreground (rocks, plants, bottles, etc.) to make them pop even more.

i also use this app to blur things that the reshade dof couldn't get to. here are some finished examples before and after.

chapter 6: the sons of picsart

for overlay graphics and texts, i use photoshop and phonto. for the psds, i'll import them into photoshop first to make edits then send them off to picsart to add them to my image. i'll use phonto to add texts and sometimes doodles

here are links to some of my favorite psds and other useful resources

photoshop psds: moodlets, promotions, holiday, ui mockups other resources: sims 4 icons, text message

chapter 7: she doesn't even go here

for cas photos, since there is no tab mode, i just take screenshots as is, with the reshade dof from my preset on to blur out most of the background.

i use the cas lighting by @breezytrait to brighten the cas room up.

cas lighting: hard side light

then edit them in lightroom with he same edits as in-game photos (see chapter 4).

chapter 8: the bell doesn't dismiss you, i do

and that is how i typically edit my photos. i hope this helps inspire you for your future content... and was extensive enough. but of course if you have anymore questions feel free to leave them down below. my inbox is always open and i'm happy to help 😊.

[pestercide]

How do you make gifs?

Hi! The process I use is done completely online using several websites (which will be attached here). In fact my process probably makes things a bit more complicated than it really should but tbf I don't know how else to do it pff

First of all, you'll need to download whatever you want to make gifs from in a mp4 format. If you're grabbing a video off of YouTube there are plenty of YouTube to mp4 websites available online. However, if you were to download from a different website (such as Newgrounds, for example) then you'll likely have to install a browser extension to download videos. For example, since I use Firefox I use the Video DownloadHelper extension.

Once I have the video I need I drop it into Canva, though any video editing website/software works. All you need is a program that allows you to crop videos and export them in a gif format. If not then you can export the cropped video in an mp4 format and use a website/program that allows you to convert mp4 files to gif. I recommend the following sites: Ezgif CloudConvert FreeConvert

However, I'm going to use Canva for this tutorial since it's how I work.

First of all, you gotta upload your video to Canva (it will appear beside the blank 'canvas').

Once you've uploaded the video(s) you want to make gifs with, all you need to do is drag and drop them onto the blank canvas. It should automatically fit it to fill the whole canvas if you drag the video to the edge of the canvas instead of the middle.

All you have to do from here is figure out which part you want to crop out! The great thing about Canva (and some other programs, though not all) is you can search through the timeline frame by frame with the arrow keys to make sure you get the exact part you want (just make sure you click on the timeline before you start touching the arrow keys, because if the video is still selected you'll just end up moving the video across the canvas pixel by pixel).

Once you've cropped out the part you want, all you have to do is export it as a gif. You do this by going to 'share', 'download', and choosing gif under the 'file type' dropdown.

(Once you select the gif option, don't worry about adjusting the size of the video.)

Once you have your gif you can stop there! Unless you want to crop the gif to focus on a specific character or section of the scene, for example. If you plan on making a gifset just remember to keep the same aspect ratio for each gif.

I use Ezgif to crop my gifs. It makes the process extremely simple and has several presets for the aspect ratio too!!

And yeah! That's about it! I hope this tutorial makes sense,, it's my first time making one qwq but if you have any questions just lmk!!

[minty-frost]

Hi, i have a question, how did you make the animation in Photoshop? It's awesome how you made animation, I want to try my hand at animation now too 😎👍

(sorry for my bad English, it's not my first language 😅)

I'm not good at explaining, I'll try to show how I do it a little bit, but if you really want to learn, I advise you to look it up on Youtube, as that is how I learned. I'll put my quick explanation under the cut to not make the post too long.

First, in Photoshop, go to the line at the top of the screen and press "Windows", at the bottom there should be a button saying "Time Scale" or something like that. I don't remember what these are called in english, as my Photoshop is in russian. Then, a block of grey will appear at the bottom, and you should click the long button in the middle of it, it should say "Create time scale for video" or something similar.

See the three small lines in the top right corner of the video bar? Click it and set your FPS - Frames Per Second. If you decide to change your FPS after making video layers it gets a bit complicated, I keep forgetting how to do it myself, but I think I saw a Youtube tutorial for it too.

Now that the FPS is set, go back to the bar at the top, go to "Layers", then to "Video layers" and to "Create empty video layer". That's the layer you can animate on, it has frames. You can also use regular layers, to make backgrounds, or still frames.

There are a lot more things I didn't talk about, but mainly the "Onion Skin" that you can turn on or off in the little three-line menu where the FPS is, and being able to move from frame to frame with the arrow keys on your keyboard. To play the video, just press the triangle left and up to the block with blue and purple layers. Saving is harder, I only know how to save gifs, but you can save your project as a regular PSD file while you figure out other formats, it saves all the layers.

This is not really a tutorial, again, there are better explanations on Youtube, I just didn't want to answer this ask with "Look it up yourself". Overall, Photoshop is really not a good program for animating, but I have nothing better, so it works.

[classicintp]

When my family first bought a computer (1998?) there was an online, massive 3D chatroom called Active Worlds that my brother, our cousins, and I all participated in.

The aspect of the platform that appealed to us was you could build using the game's massive library of objects. Every object was basically a seed that pointed to the filename of a 2D or 3D model. You could right click on any object and a property menu would appear with the filename of the object model displayed as well as any special action code the object would execute.

Every wall texture was its own model, you'd just copy walls and move them with your arrow keys so they connected at the ends, flipped them to flat so you could make a floor and ceiling and voila you had a little house. Right click one of the walls and change its object code from wall12.rwx to something like arch01.rwx or door27.rwx, and now you had an entrance.

Despite the platform intended to be a 3D chatroom where people could meet in these prebuilt worlds and have conversations, and later evolving into something like a 3D internet browser where your avatar could walk into a building, click on a service or object to buy, and have your internet browser open up to complete the transaction, we just wanted to build.

Objects like picture frames or televisions you could embed an image or gif link into or buttons you could click on to execute the code inside another object meant we could build these elaborate houses. You'd approach the home and a mission impossible midi would play the moment you crossed an invisible threshold, you click a button near the front door and the door would rotate 90° on the Z-axis to show it "opened", but then intangible, shrunken cylinders colored red with a texture rewrite in the object properties would move back and forth each going in a different direction: security lasers! If your avatar came into contact, a different midi of an alarm would play and the door would close behind you. So that's what we did, we built elaborate homes and towns 11000+ coordinate units away from the main spawn areas.

Active Worlds is still a thing; Wikipedia lists its latest stable release in the middle of 2022. There are also some YouTube videos of people crawling through some of the abandoned worlds.

Your chat name that displayed on your avatar for all to see was changeable but I always logged in as Weird. Weird was my very first Internet pseudonym/username, and we played on this platform so much as if it were a game that I became very attached to that word. It always bothered me more when someone misspelled the word Weird than when they misspelled my actual name (probably because my name is commonly misspelled and Weird was a common word that I felt shouldn't have been misspelled— like 'really? you're gonna misspell 'weird' too? why do you hate me'). I wonder if anyone on the planet right now remembers playing AW and remembers the frequently active user Weird trawling across different worlds looking for an unclaimed plot of land to build his next labyrinth on.

[button-man-herald]

Styrax Dev Diary #3: Me and U(I)

Back during the first iteration of Button Man-- back when it was strictly a point and click adventure game via Adventure Game Studio-- the UI needs were fairly 'find and replace'. Point and Click Adventure audiences are not averse to change per se, but over the 40 year lifespan of the genre, some standards were expected. A semi-diegetic inventory screen which swipes into and out of shot, a cursor which changes shape or accompanying icon according to context, and a dedicated text description area for showing the names of objects/characters the player's cursor hovers over. But since the beginning, we also knew we wanted combat in Button Man. As a new team, the combat existed in a sort of theoretical space, which we would 'get to when we get to'. Pretty quickly, we got to it. So we started with a semi-turned based system, with icons surrounding the player which you would press via mouse click. Punch/ Block/ Use Item. But our ideas started to flow, and the combat became more interesting and intricate, but also became more... unrelated? It's one thing to marry Point and Click trappings to a modern combat system, but its another to require a whole new control scheme and frame of mind when switching between the two modes. But how to solve this combat conundrum? Coincidentally, for reasons I may get into another time, this moment of head scratching was followed by the first major shift in development: Side Scrolling.

The place where games are (sometimes) made You see, also at the start, the story and thematic elements were pretty set-in-stone. But what we did not have was a standardized art style. Much of the early artwork was strictly practical; a bench was a bench, there was no specific style applied. The breakthrough was the decision to establish an old pulp-comic style, in the image of Smilin' Jack and TinTin. With that style, it began to make sense to change the visual angle a bit, which in turn made a restricted horizontal movement style make more sense.

With that, we realised it also made more sense for the player to explore the world a bit more directly, via keyboard controls. WASD/Arrow key movement would add a sense of tactile immersion (you know, as far as these things go with a keyboard and a named character on screen).

And with THAT revelation... we arrived at the obvious answer for our combat-- Beat 'em up side scrolling. It fit perfectly with our protagonist, Bruce McKenzie, who is a former junior boxer and all around tough guy, and comics have no shortage of "BAM", "POW!", and "SMACK!" images called to mind. With a change to artwork and keyboard controls, the migration to a side scrolling adventure game inspired by point and clicks was complete.

Original Bruce, followed by the first pass at a comic Bruce.

Which brings me to the present moment. The road to the current look and feel was long and winding, as the Lead Designer (me) learned 3 separate engines during this time and spent a good portion of the last year trying to catch up to our Lead Developer's abilities and knowledge of Unity. I'm happy to report that I am competent and comfortable in the Unity environment now, but that means I'm now sweeping up after myself in the wake of all the education. So many factors and components were created as temporary measures; placeholder dialogues, placeholder location teleporters, placeholder animations, and placeholder UI. All of these components have had their own evolutions and iterations, as I learned what we are capable of producing. We now have an elegant character teleportation system, and excellent Dialogue Manager which is overloaded with functionality, and now its time to fully shift the UI away from the Point and Click to one befitting a side-scroller.

what a lovely gait

First and foremost, our artist, Sam Mameli, worked hard to make the locations look great-- lets not hide them with bulky, persistent UI elements! Today I am creating the animations to hide away icons when not in use.

We've also removed the Description bar from the bottom of the screen, which tells the player who or what they are about to interact with.

Instead, the interactable which the player is about to activate will animate or highlight, allowing the player to plainly see that they are going to speak with a character, for instance, without revealing their identity.

Next up, I'll be shifting our dialogue box from the wide format, bottom of the screen style, to one which emerges from the right side of the screen, creating a square on the left side of the screen in which to center the conversation. This means that the camera will have a clean, unobstructed view of the characters and the backdrop.

(The background artwork is outdate in the above image, but you can see the UI components which are about to be updated)

I hope to finish this all up in the next few days, so that our artists can go in and replace the placeholder artwork sooner than later, bringing Button Man one step closer to being Gamescom ready!

[swaps55]

Fugue - 14 - Remember We Flew

Pairing: mShenko

Rating: M

Tags: Angst, Grief, Major (Canonical) Character Death

Summary: Alchera, and the two-year gap.  

Chapter Summary: A familiar enemy reappears. Hackett uncovers a mystery. Kaidan does some reflection.

Thanks to @shadesofmauve for betaing!

Chapter 14: Remember We Flew | Read on Ao3

14 July 2184, Pylos Nebula, Nariph System, Jonus Orbit, SSV Ain Jalut

Finding Aslany in the medbay once he gets through decontamination doesn’t do much to improve Kaidan’s mood. His hands still tremble and he has to force his jaw to relax and his teeth to unclench as he walks in. His heart still beats in his ears. 

She sits on a biobed impatiently kicking her feet while the doctor, an older gentleman who’d served in the Blitz, runs a dermal regenerator over a bullet wound in her left arm.

“What happened?” Kaidan demands.

“Fucker knew the ship layout better than I did and doubled back on me,” she says with an uninterested shrug of her good shoulder. “Tagged me good, but I’ve had worse. And he got his.”

Kaidan scowls, trying to replay where and when it could have happened in those adrenaline-fueled minutes. “I never got a flag on your hardsuit.”

“Shut off the emergency feed.”

A fresh stab of anger runs him through. “That’s against protocol, Corporal.”

“You had your hands full,” she says, unfazed. “Just triage. Bullet wound wasn’t going to matter much if we all exploded.”

And they almost had. He shudders, shaking off the memory of the rush of dark energy across his nerves when the Normandy’s drive core had gone up.

But the Broken Arrow is still intact. So are they. 

He unclenches his jaw again.

The doctor eyes them both with the expression of someone who is used to overhearing sensitive conversations and has a lot of practice keeping his opinions to himself.

We have to work on our fucking communication, Kaidan thinks. Kara Pendergrass is his first project on that front, but not until he calms down enough to deal with her in a way that might actually be helpful for either of them. He closes his eyes and pinches the bridge of his nose. Work the problem right in front of you. Do your job. 

“All right. We’ll come back to that one later. What do we know about our captive?”

“He’s not Rumoi, and he’s not Eclipse,” Aslany replies. “He ain’t saying much. And he was wearing an insignia I didn’t recognize.”

“What was the logo?”

Aslany reaches for a datapad lying at the head of the bed, trying not to earn the doctor’s ire. Kaidan makes an exasperated sound and grabs it for her. She taps a few keys and hands it to him, a narrow white hexagon framed in orange bars displayed on the screen. He blinks at it, forcing the gears to turn until the answer clicks.

“Cerberus,” he murmurs.  

Read from the beginning | Read the rest on Ao3 | The Fugue Playlist

[wolfes]

hi, can i ask how u animated the highlighting in this set? it's so smooth!!

/wolfes/739978245525602304

Hi anon! It's actually super easy. I'm working on Photoshop 2022 in timeline mode. I'm on Windows, but you can use the appropriate shortcuts for Mac. See under the cut.

Going to start with my base gif. I have a layer under the text with the highlight (I made it with a brush and pressed Shift for a straight line):

Now the animation part! First things first we're going to make a layer mask on the highlight layer. I use the Rectangle Tool (shortcut U)

and create a black rectangle that covers all my highlight like so:

Then, I exit the rectangle tool and press Ctrl while I click on the rectangle layer so that it's selected. You'll know when you see the dotted lines on the selection. I press Ctrl+C to copy and exit this layer; then I press Alt and click on the highlight's layer mask (not the layer itself). You'll see an all white screen so you know you're on the layer mask. I then press Ctrl+P to paste and you'll see the rectangle is now on the layer mask. You can deselect with Ctrl+D, exit the layer mask, and go ahead and delete the rectangle layer because we don't need it anymore.

Your text should look like this; the highlight is now completely covered.

Now I'm going to do the animation! This is super simple, just make sure the layer mask is unlinked from the layer itself. Then you're going to expand the view of the highlight layer so you can see all the options like so. Press the Layer Mask Position option to get this yellow diamond so you know you've started animating.

Then I'm going to take the playhead to the frame where I want the animation to be finished. I went for this frame ~16 so you can see the highlight for a bit at the end of the gif.

Now, click on the layer mask and press Shift so you can move it in a straight line, and use the arrow keys or your cursor to nudge it so you can see all of the highlight again.

And that's it! You'll see another yellow diamond when you move the layer mask. When you're done you should be able to see the animation as you move the playhead along, for this finished product: