#text colour tutorial

[valentine-cafe]

﹙ cafe v. ﹚ ─── A guide for tumblr text colour 𖹭 ݁

It is quite simple actually! 𖹭 Three big steps ( with some sub steps guys, you can do it, I believe in you ) is all you have to go through for you to find the colour for your blog aesthetic!

step 1 ) find a colour

first, you find the colour desired for your blog.       You can do this by looking up sites such as:

HTML colour codes

colour designer ( you can play around with this one a lot !! )

or by simply looking up the hexcode of your desired colour if you already have one or more!!

step 2 ) formatting the colour into your posts

You guys still with after step 1? You're doing great! Gold star for you alright! you got the colour you want for your blog aesthetic! now, this is where it might seem a bit intimidating, but we assure you, it is not!

now, we are all excited to put in the colour,    and we'd think: "it's time to put it onto tumblr!" but then suddenly you notice, that doesn't work?

that is because to put things into tumblr with colour. You must use a formatter site. odd, we know

the one we here at valentine café use is ( drumroll )

Roleplay formatter

let us show you how it is done with some small screenshots!

oh hey! good job you got on there with me! now just follow my steps, and you'll be good to go on your aesthetic adventure!

ready? okay let's go :DD !!

first, you write a little sentence ( you know, when eden first taught me this. I thought it'd be so complicated and hard, my brain couldn't comprehend it. I love my wife guys )

you then select your text, and then go to the little A in the corner! this is where you will find the colour options for your text, then at the bottom of the colour palate, there is an option that says "more colours"

jingle jingle jingle, pay attention. are you with? okay good! I give you a cookie and a gold star.

now that we are on more colours, you see the selected colour option in the corner! you paste the hexcode, right there <3

WHAPEESH, you got dat smexy colour down on your text now! What you do next, is perhaps the most intimdating of all. . . HTML ( screams of tired agony from Eden at 3AM )

You go up to the big tempting button that is called: "Source" and then you click on dat and-

oh my god bro. . . what IS THAT. That, my darling, is HTML and it looks like the link to hell I know. but this is what you use when you go to tumblr and go on the options button on post

Step 3 ) put the text into tumblr

okay guys, ( sobs ) it's been a journey. I'm so glad I can teach all of you about HTML and colour :,)) This is the last big step. . . Putting it into tumblr!! YIPPEE

What you will do now, is make the post for your fancy new text and smack that HTML onto it! But how do we do that?

It's not too hard, don't worry, just a little clicking here and there you go onto the options and then right down by text editer!

After that, your posting pop up on tumblr will tell you that you can copy the HTML you have onto the page and whambam thank you ma'am, you'll have that fancy schmancy text spread out on the paper sheet! You can sprinkle some more aesthetics onto the post even more for some extra good stuff!!

we really hope that this was of some help to those curious on how to make their blogs fit their own aesthetics more!

let us know if it helped!

[dodgesgirl]

how do you get your text that soft pink shade? tutorial?

BABY PINK TEXT TUTORIAL !

hi babe!! here's a short and hopefully easy to understand tutorial for the text i use in my posts ᥫ᭡

also, just a little disclaimer: the images on this post might not be visible because they exceed the limit of 10 images per post on mobile app. should be fine on a laptop or pc though!!

okay firstly, make sure you're using a laptop and open your post in one tab and in a seperate tab open jsfiddle.

you should be able to see this coding somewhere on your screen:

you're gonna replace the two hex-codes (highlighted text) with whichever colours you'd like. to do a gradient, like this, the two codes will be different, but i like to do a solid colour like this so my codes will be the same.

the hex code i use for the baby pink is D2A3BE, or you can use your own. if you don't have a hex code you like yet, you can use the colour picker on this site to find one!

just copy and paste the hex codes into the code so it looks like this:

make sure it looks exactly like this. you still need all the spaces, quotations and other code. only change the hex codes.

in the top left of your screen, there should be a "run" button, and when you press it, the colours in the bottom right should change from the default ones to the ones you chose.

next, you're going to open your tumblr post in your first tab.

your post will start like this. you'll go to the settings button in the top right (circled) and change the post from rich text to HTML

this will enable coding on the post. you'll still have 'preview' where it will look normal and you can still type and edit the post as you usually would.

once you've typed something it will show it in the HTML option just in a different way:

you want to go to the preview page and make sure you've got the text looking exactly as you want it (bold, italic, small, etc.). also note that colours look especially good and show up well when the text is bold. i set mine to bold as an example.

when you switch to HTML it will look something like it does above.

next, you'll copy the text between all the coding prompts (e.g. <p><b> and <b><p>). only copy the text you want to be pink or another colour!! don't highlight any of the coding. then paste it this top box on jsfiddle so it looks like this:

press "run" on the right, and it will spit out a line of code in the second box that will look something like this:

you're gonna copy that line of code and switch over to your tumblr tab. on your HTML version of your post, find the text you're changing and highlight it. then paste the code into that spot. make sure not to highlight any of the surrounding code - only the text you've written and want to change.

it will look super weird and long because it's colouring each symbol and letter, if you look closely, each letter of "example text" is separated and surrounded by code. when you switch to preview it will look like this:

for gradient, the process is the exact same, but on jsfiddle, when you're replacing the default hex codes with yours, the second hex code you plug in will be different to the one you start with. for example:

this second colour is C45494 btw!!

to do specific text in a paragraph as if bolding it (which i do in a lot of my posts), you just want to find that text in your HTML post, and copy and paste the specific word/s into your top box on jsfiddle, and then proceed as normal. example:

hopefully this helped!! let me know if you have any questions or need me to go over anything ( ˘³˘)

[sleepyangelkami]

hiii, I am writer 2 and I wanted to know how to get my colors like that, to fade and look different like yours

hello angel! I use this website (click the word 'this' it'll take you to it) you pick your colours, type out your words and click generate colour faded text. then you're gonna wanna go ahead and copy the long link in the box it generates. when you switch back to tumblr, create a post and click the little settings button. here, you can scroll down to text editor and change "rich text" to "HTML" and only then do you paste your long link. click back to rich text and everything should be perfect!! 🩷

[riacte]

hi! i love reading your fics but i specifically love the social media shenanigans in dearly beloathed. i was wondering how you would feel if i took some inspiration from that for a fic of mine because i would love to write something that's very similarly formatted but i wanted to make sure you were fine with that (cause i'm assuming it took some time and effort to come up with) before i did. anyways your writing is awesome and i love reading it

Yes sure of course! I took inspiration from ao3 fics (F1 fandom in particular is stunning at formatting, I have so much respect for their dedication), such as this one (I basically took the formatting from this) and this Twitch streamer AU. If you're posting on ao3, there's the option of playing with HTML/CSS for a more "realistic" socmed interface, for example this one for Twitter which is magic to me. This one is an extremely impressive Discord mockup. An Unauthorised Fandom Treatise is a nice look into mid 2010s Superwholock era fandom whereas F1 rpf and indeed mcyt / streamer stuff is more "modern". Anyways yeah there's a lot of potential in this genre of fics and loads of stuff to check out on ao3 if you wish :) I love scrolling through the Unconventional Format tag because people are just so creative. Good luck with your writing!

[domokunrainbowkinz]

Uh oh!!!!

[mariaashby64]

Does anyone know any good tutorials on how to colour characters with dark skin?

Like, just a few shades lighter than black, kind of dark.

My preferred style is very comic-esque black linework with cell shading - so it's very easy for details to get lost. It's also hard for me to translate things like undertones, from real life references into flat colouring.

Also anything on colouring lips (any skintone honestly). Since they're part of a character's face and thus stick out very obviously when you do them wrong.

[hollygl125-gif-love]

#how to gif:

This is a side-blog for all the helpful resources + pretty samples I’ve come across while learning to make GIFs. Welcome!

In late October 2023, I finally decided to learn how to make GIFs, using instructions from blogs on this website. (I hadn’t used Photoshop before. I had a lot to learn.)

I saved a lot of different resources (tutorials, samples, etc.), and I wanted to put them all in one place (here!). There are a lot of (really helpful! wonderful!) resources on this website, so I have outlined below the method I have been following, which is kind of cobbled together from different tutorials (all referenced), under the cut. (This is as much for my own reference as anything else!)

The tags on this post are to help me (maybe you?) navigate to the various tutorials/resources I have reblogged here. (I was really good with tagging in the beginning but not so much lately, so I need to catch up!)

All these resources (listed on this post and not) are really wonderful and helpful, and I am incredibly grateful to the kind and talented people who have generously taken the time to share their brilliance on this website—thank you so much to all of you!

@hollygl125

FOR REFERENCE

Screencapping:

I follow the instructions on screencapping from this post (#1), except that I use the latest version of MPV and I incorporate the additional lines for the mpv configuration file from this post (#2). Several times I tried checking for duplicate frames, as per the instructions from this post (#3), and each time the first frame was duplicated but no others. (As far as I can tell, none were missing?)

Gif-making (basic):

I have been following a mishmash of the instructions from this post (#4) and this post (#5) for basic GIF-making and initial colouring.

For making the initial GIF, I wanted to stick with the load files into stack method that most people seemed to use, so I mostly follow the instructions from this post (#4) for steps 4 (importing to Photoshop), 5 (cropping & resizing), 6 (animation), and 8 (sharpening) but with some alterations based on the instructions from this post (#5):

I add a few extra pixels to my initial crop size then after the initial GIF-making reduce the canvas size by that number of pixels, to eliminate the small white border that seems to show up otherwise. (See this post (#5) for much more detailed information.)

I do not play around with the initial GIF speed. (Again, see this post (#5) for more information.) The caveat on that is that, for whatever fun PS reasons, my initial frame has a 5-second delay while the others have no delay, so I change the initial frame to have no delay as well. Then at the very end, when I am exporting the GIF, I use the second action from this post (#6), which gets everything ready for export and puts all the frames to a nice 0.05 second delay. The downside is that, while I am preparing the GIF, it looks faster than it will upon export.

I use the following smart sharpening settings (sharpening twice): (1) amount: 500%, radius: 0.3 px; (2) amount: 10%, radius: 10 px. (Initially my first smart sharpen was at 0.4 px, but I found that was too sharp for some GIFs, so now I start with 0.3 px as the default and occasionally remember to check whether 0.4 px would work.)

Actions:

When I first started, I did not use any actions apart from the save action mentioned above because I wanted to understand what was going on/what I was doing. Once I had that memorized to the point that it was becoming tedious, I made my own action—which, it turns out, is really, really easy and makes the initial process way, way faster (like, almost instantaneous)! (You basically hit record, go through all your steps, then hit stop—super, super easy. But go check out this post (#7) for more detailed information/instructions.)

Colouring (initial):

This is for initially getting the colours to the right spot (i.e., something realistic).

I started by generally following the guidance from this post (#5), and I made myself a psd based on that, and then I make other adjustments from there. I have tried some other suggestions from other tutorials, but mostly I end up going back to that psd with adjustments for the particular scene/GIF.

Fonts + typograph:

After I had made my first GIF, following these initial steps, I tried adding some text, and my GIF looked... terrible. So I downloaded a bunch of fonts recommended in various places on this website then tried some different text options.

The following resources below were helpful for fonts, typography, text colouring, etc.: #8, #9, #10, #11, #12, #13.

Blending:

Though it is not what I used, this post (#14) looks like a good tutorial. This post (#15) also gives a tutorial on some gorgeous blending.

Colouring (fun!) and key frames:

This is for when you want, e.g., everything to be tinted in purple.

I really love the colouring method from this post (#17). This post (#16) talks about colouring with gradient maps and how to use key frames (for adjusting the placement of masks—for when you want Sara Sidle to have bright purple-tinted hair but not bright purple skin!), so it is also excellent.

Effects + special effects:

For clipping masks and putting multiple images in one, see this post (#10), this post (#20), and this post (#21).

For a tutorial on how to use overlays, see this post (#19).

Resources I have found particularly useful (or essential!):

gif tutorial by kylos

additions to mpv configuration file by castiel

duplicate frame deletion by laurabenanti

gifmaking for beginners by hayaosmiyazaki

giffing 101: a comprehensive guide by redbelles

action pack #2 by anyataylorjoy

actions (how-to-make) by hayaosmiyazaki

text/subtitles by hayaosmiyazaki (I have not actually made subtitles yet, only fun text—yes, the dopamine quest continues)

typography by momentofmemory

kate’s quick text styles tutorial by aubrey-plaza (which also very helpfully taught me about clipping masks)

basic gradient text by anya-chalotra

gradient text with blending options by anya-chalotra

difference/exclusion text colouring effects by yenvengerberg

how to: gif blending tutorial by delphines (not what I used but looks like a good basic intro)

double exposure/blending tutorial by yenvengerberg

how to: coloring gifs with gradient maps by delphines (taught me how to use keyframes for masks—actually very easy, even though I kept putting it off—don’t put it off!)

becca’s mega coloring tutorial by yenvengerberg (have used this a lot for making fun colourful gifs—both obviously colourful and less obviously so)

a few little tricks and tips to really make those colours pop by yenvengerberg

new & improved overlay tutorial by rosamundpkes

tutorial on how i use layer masks and clipping masks to get ‘multiple gifs in one’ by yenvengerberg

grid overlay effect by thereigning-lorelai

how to fix grainy gifs by kangyeosaang (have not used this yet but want to try it)

the beginner’s guide to channel mixer by aubrey-plaza (have not gone through this thoroughly yet but want to do so)

[misslollypopsims]

🌙SERENITY SHADER PRESET🌙

Here it is, finally, my newest shader preset, Serenity. This shader focuses on smooth and not oversaturated colour with a balance of shadows that work in all forms of gameplay. These presets are compatible with GShade. I've included 2 of the presets specifically modified to work for gameplay or screenshots and you can install both.

RELEVANT SITES & DOWNLOADS

Software

Gshade Download

Clean UI

Presets

Serenity Preset [Gameplay] - A gameplay-friendly preset which also includes an additional flair for CAS.

Serenity Preset [Screenshots] - A preset made specifically for taking screenshots.

THINGS YOU NEED TO KNOW

You can install both of the presets and swap between them.

Turn off EDGE SMOOTHING in your game settings to use MXAO and SAA shaders. Note: This will also make your text in game fuzzy and shadows appear behind the game UI. Unfortunately, it’s just a side effect of MXAO but the clean UI download fixes this!

The presets were made to work with GShade Version 5.0.2 so I cannot guarantee the presets will work for previous or future versions.

To get the game to look the exact same as mine you will also need my lighting mods: Northern Siberia Winds In-Game Lighting (average base) & Softerhaze's Sunblind

TUTORIAL

[wileys-russo]

tiny red hearts II a.putellas

tiny red hearts II a.putellas

amid the pandemic everyone picked up a hobbie in lockdown.

if it be knitting, dancing, pottery, reading, cooking, puzzles. you name it, someone had likely perfected it as an art form during those weeks and weeks locked away from society.

for you it was no different. you'd tried cooking, reading, jigsaws, colouring in, sudoku, even gardening but nothing really clicked.

until one day you were endlessly doom scrolling your various social medias as again, everyone was, when you stumbled across a nail art video. intrigued you'd watched it, then another, and another, and another, the worm hole you fell down was one that was long and steep and swift.

then before you knew it you had package after package arriving on your doorstep, much to your girlfriends confusion at your sudden online shopping habits. normally you were quite the stickler for the 'its a want not a need' type attitude, but with the packages snatched up and hidden away in your room the days melted into weeks as you worked tirelessly to perfect your new art.

and a week of hard work and countless hours spent watching youtube tutorial after youtube tutorial later holed up in the guest bathroom, you'd done it.

that wasn't to say your clear dedication to your new hobbie was one your girlfriend enjoyed, forever trying to bait you into doing something with her but you'd just brush her off, eyes glued to your phone screen which was propped up against a bottle of shampoo.

which is how you came to be sitting on the floor of your living room weeks and weeks later, bottles of polish sat in perfect colour coded order on the coffee table with all your little brushes and tools neatly lined up in front.

your bottom lip was firmly between your teeth, eyebrows furrowed deeply with concentration as your eyes squinted and your hand moved slowly and precisely.

your girlfriend of two years whom you shared your home with and whom you'd been locked in with for the horrendously active period of this ghastly pandemic lay stretched out on the sofa behind you, toned tanned arms crossed firmly across her chest.

her face was stoic and seemingly stern as ever, you'd forever nag her about the frown lines she was embedding into her beautifully smooth skin with the scowl she'd not even clock was on her face nearly all the time when she found herself deep in thought or lost in her own mind.

but she'd merely brush it off with a wave or a hum, nothing unusual when she was reviewing game footage and given she wasn't currently able to play her studying of games when she could had only increased.

you were off in your own little world and she was in hers, you coexisted but knew how not to be codependent, something which had surprisingly caused your relationship to stay just as strong if not more so during this lockdown together.

one of the key things that made your relationship healthy was the fact that despite how long you'd been seeing one another you still spent time apart, and despite not being able to leave the house much you still had different hobbies and interests to preoccupy your time.

you would go shopping or out for drinks with your school friends you'd known for years, as alexia would often go for dinner or hikes with some of her own childhood friends, well that was when she wasn't chasing after ball and getting grass stains all over her legs.

but that's not by any means to say you weren't positively and certainly head over heels infatuated with one another, and whenever you did spend time apart you were increasingly clingy that night once you were reunited, but when out you knew to respect one another's time and space and didn't feel the need to be texting one another the entiere time.

after all there was seldom you loved more than laying down with alexia of an evening, the two of you knew how to treasure quality time and found that so long as you were together you could be doing nothing at all and still perfectly content.

with her body warm and strong it pressed against yours as you'd lay down squished on the sofa, soft gentle kisses littered across your shoulders as your fingers intertwined and you'd take turns filling one another in on how your days were since you'd spent them apart.

back to present day sat on the floor you gave a small exhale of relief when you finally finished the intricate design you'd been working on, your frown of concentration switching quickly into a grin of delight as you slipped your hand into the UV nail lamp and waited for them to dry.

as you had been every now and then you leaned your head back to rest against the couch, knocking it back into alexias good knee and puckering your lips expectantly.

then with a smile and a small chuckle your girlfriend pulled herself up to sit with a quiet grunt, leaning down and rewarding you with a soft kiss before returning back to her previous position.

punching the pillow behind her head and wiggling slightly until she was comfortable, her foot poked at your shoulder every now and then as if to reassure her you were still there without needing to look.

since a young age you had been known to daydream.

it got you into a fair deal of trouble in school, forever having a teachers hand or a heavy textbook slammed down onto your desk with a loud bang to snap you back into reality, your peers giggling and cheeks flashed bright red as you'd smile sheepishly and do your best to focus on your lessons.

your girlfriend however had always found it adorable as much as amusing as you'd zone out from reality and go somewhere she never understood.

sometimes as you drifted away into your own head alexia would just watch you with lovesick puppy dog eyes, filled with nothing but pure adoration that was so sweet it could give someone a tooth ache, though always in the privacy and intimacy of just one another's company.

after all the big bad la reina couldn't be known to be so whipped for her girlfriend (everyone already knew she was).

case in point right now where you'd clearly drifted off somewhere as the footballers eyes glanced down toward you and her hardened features softened, corners of her mouth curled upward into a smile.

"hola, princesa." you snapped right out of it as her foot moved to poke at your cheek this time, dragging you back down to earth as you pushed it away and sent her a playful glare, pulling your other hand out and flicking off the lamp as both of them were now dry.

"look amor!" you leapt up eagerly and dropped down on the lounge next to your girlfriend, sat practically on top of her, wiggling your fingers proudly at the blonde who hummed.

"muy bien beb��." alexia complimented, leaning up and softly kissing your cheek before turning her attention back to the television where the match had resumed, as did the stoic expression on her face.

"alee." you started with a coy smile, grabbing her hand and interlacing your fingers with a gentle squeeze. "mm?" the midfielder hummed, eyes unmoving from the screen.

"can i paint your nails cari?" you asked hopefully, alexia only letting out a puff of air from her nose as she chuckled, shaking her head. "por favor you know i am good and they will look good!" you pleaded, squeezing her hand again and even kissing over her knuckles a few times.

"no mi amor, no nails." alexia shook her head as you huffed, moving to rest your chin on her shoulder, lazily kissing her jaw. "sí nails. sí, sí, sí, sí, sí-" you repeated over and over, peppering kisses across her face.

now as much as alexia could be at times be a fierce woman, driven and passionate and willing to do absolutely anything to achieve whatever she set her mind to, she had a fatal soft spot.

you.

alexia would do nearly everything that you asked of her, especially with a few choice sweet words in her ear and a charming smile you had the catalan wrapped around your little finger, and you reveled in it.

so of course it was with a deep sigh that alexia inevitably gave into your demand, wordlessly placing her free hand in your lap as you beamed and perked right up.

clapping happily you sat up properly and grabbed her chin in your hand, pecking her lips a few times and reveling in the slight pink blush which coated her cheeks.

"tan lindo." you cooed, pinching her cheeks as her eyes rolled but she made no move to argue which only caused your elated grin to grow.

you moved her hand and sat back down on the ground, staring carefully at the arsenal of colours at your disposal, taking a few moments to decide what you wanted before nodding happily and grabbing what you needed.

you settled back down on the lounge as again alexia moved her hand into your lap, eyes glued to the match as her eyebrows turned downward in frustration at a fumbled tackle and an easily preventable shot at the barcelona goal, a shake of her head and an annoyed grumble under her breath.

"you will get wrinkles corazón." you teased, smoothing out her eyebrow with your thumb as the tiniest of smiles flickered across her face just for a moment which wasn't missed by you.

"déjame en paz." the footballer muttered as you chuckled and kissed her palm sweetly, turning her hand back over and adjusting your position a little.

warning her to stay still you placed her right hand down on your knee and grabbed the first colour, tugging the coffee table closer so everything you needed was well within reach to avoid anything being knocked or falling.

much as alexia might bend over backwards to do as you asked you knew well enough if you spilled even a drop of polish on the carpet or the sofa you knew you'd be hearing about it for weeks.

as you set to work your girlfriends face remained blank, but her bright hazel eyes flickered down to you curiously every now and then, corner of her lip curling upward at the look of sheer concentration on your face and the way the tip of your tongue poked out of the side of your mouth.

finishing one hand you blew gently on the nails, unable to use the machine which was plugged in on the floor and just out of reach. though not in any rush you awaited her first hand to dry as you kept a cautious eye that she didn't move as your head dropped to her shoulder.

there was a comfortable silence between you, the only sound the occasional grunt of frustration from the taller girl whose side you were curled into, a shake of her head and something mumbled under her breath at every costly mistake.

her first hand drying you tapped her knee, gesturing for her to swing her legs into your lap so you could reach her other hand. shuffling her body she did as you asked, sliding down a little as her head thumped backward into the soft cushions behind.

you couldn't do anything to keep the smile off your face as you worked on your girlfriends nail design, incredibly happy with how it turned out as again you gently blew on her other hand, settling it back into her lap to dry same as the first one.

warning her once again about not moving you crawled up the lounge and wedged yourself into her, sitting half on top of her much to the older girls amusement as you pulled her other arm to drape across your shoulder allowing you to tuck yourself even tighter into her side.

checking a few moments later you were happy they were dry and sat up a little, shrugging off your girlfriends arm and eagerly taking her hands in yours.

"listo!" you announced happily as alexia's eyes moved from the tv to her hands which made yours seem tiny, your own gaze falling to admire both the size difference and the small 11 tattooed on the back of her palm.

"i did more of a pale pink because i know you do not like them too bright, but i did tiny red hearts on each nail for barça!" you explained with a beaming smile, alexia melting at the confession as she stole a glance toward you and softened even more seeing the clear and pure joy in your eyes.

"muy perfecto bebita." your girlfriend gave you a small smile not giving much away, one of her hands slipping around to cup the back of your neck and bringing you into a tender kiss.

"can i put them on my story? i think these are some of my favourites." you asked hopefully as alexia shrugged, eyes having returned back to the final few minutes of the match, seemingly unfazed.

grabbing your phone you positioned her hands on her knees, taking a few photos and editing your favourite before adding it onto your instagram and curling back up on top of your girlfriend who held you tightly, eyes flickering down to her nails with a small hidden smile every few minutes.

~

that next day at training was a very different story though as alexia couldn't wait to show off her nails to the rest of the team.

the morning was spent with the midfielder very proudly boasting how good you were and that you were completely self taught, ignoring all the teasing remarks thrown her way about how she'd gone soft.

when you'd come to collect her that afternoon having dropped her off and borrowed her car for the day as yours was being serviced you were overwhelmed as a small group of the girls suddenly swarmed you in the carpark.

"hey hey hey back up!" alexia warned protectively, moving in front of you with a mean stare as a few of the younger girls cowered and hurried off to their own cars as the rest rolled their eyes, knowing that really she was all bark and no bite.

"me next amiga! maybe little black hearts? or...letters!" mapi beamed, eyes flickering toward her girlfriend who caught onto what she was wanting and blushed as you laughed.

"get your own! este es mío." alexia huffed, wrapping herself around you as her chin hooked into your shoulder and she sent her best friend a glare.

"tomorrow? but you must cook me dinner as payment maría." you offered with a grin, mapi agreeing eagerly as you promised to also do ingrid's nails when you caught her frowning at you over her girlfriends head.

"sí, sí! before the next game chicas, promise." you laughed as pina, salma and cata swooped in next undeterred by the murderous glare given by your girlfriend, who refused to unwind her arms where they wrapped tightly around your torso holding your back flush to her front.

"we are going! relax capi, you will get wrinkles." cata smirked as alexia's eyes narrowed even further and the three sprinted off and away.

with a small laugh you craned your back back staring up at your girlfriend with a wide grin.

"see amor? i warned you about the frown wrinkles."

~

you expected alexia to allow the nails for a couple of days before she'd want to return back to normal with a clean set again, so you were surprised when anytime you'd offer to help her take it off she seemed to come up with every and any excuse not to.

by the end of day five with the rigorous gym program and workouts needed with alexia's recovery the polish was cracked and chipped, most of it worn off and faded, hearts now barely recognisable as just small red blobs.

it was that night alexia finally seemed eager for you to wipe them clean, again swinging her long bare legs into your lap and settling her hands on her knee for you to work on.

the removal process compared to the creation was next to nothing and before even five minutes had passed you were finished, tapping her legs to let you up to move your things back to the bathroom where they normally lived.

when you returned it was to an empty and dark living room, so changing route you followed the light at the end of the hallway where you finally found your girlfriend once more.

you held a hand over your mouth to stifle the loud boom of laughter you wished you could get out, the catalan having fallen deep asleep on top of the bed, one of your favorite dramas playing in the background where she'd clearly intended the two of you to lay in bed together and watch.

with a small sigh of amusement you flitted back around the house ensuring everything was locked before you returned, closing the bedroom door behind you with a gentle click.

the room now only illuminated by the dim glow of the tv you flicked off the downlight and you made you way around to her side of the bed and crouched down.

"amor. amor. alexia!" you called out softly, moving one arm to shake her lightly when there was no response, the blondes chocolate brown eyes fluttering open tiredly once you shook her a little harder.

"hola bebé, into bed?" you ran a hand through her mane of hair, moving a few loose strands off her forehead with a soft smile as the footballer sighed tiredly but sat up with a curt nod as you tugged down the covers allowing her to slip in properly.

already showered and changed you ducked off to the bathroom to brush your teeth before joining her, chuckling as once more she was seemingly dead to the world, mouth ever so slightly ajar as her blonde hair sprawled across the pillow.

though as the mattress dipped, never the heaviest of sleepers alexia awoke a little, turning around to her other side and shuffling down the bed as her face pressed into your neck and her long legs tangled with yours, feet rubbing against one another.

you felt an i love you mumbled against your skin as her arms wrapped tightly around your torso, latching her taller body firmly onto yours making you smile and tangle a hand in her hair, lips lingering against the warm skin of her forehead.

"te quiero más."

~

a few days later you'd removed your own nail design and sat down to try a new one, having spent a few hours scrolling through for inspiration before it struck and within minutes you'd grabbed what you needed and settled.

though before you could even glance to the bottles of polish a body dropped down next to you and suddenly strong hands were on your hips lifting you up.

"ale!" you laughed as she set you down on her lap, long legs stretched out straight as you wiggled a little to get comfortable. "my turn first please." the girl spoke in her adorably accented english, hands moving around you and placing themselves on your knees.

"oh your turn?" you asked both equally pleased and surprised, turning a little so you could look at her properly. "sí, mi novia so my turn." alexia grinned, pointing to you and then back at herself before moving her head to press a soft and tender kiss against your lips.

you smiled as you pulled away, a hand softly carressing her cheek as your thumb pulled at her bottom lip, pressing another tender kiss against them with a lovesick sigh.

"of course mi amor whatever you want. so, what colour?"

[reignpage]

Beginner's Guide to Tumblr

Choose an aesthetic!

℘ As you can see on my blog, I've chosen a brown and yellow/orange cafe vibe. Before that, it was a sunrise with an overflow of yellow, and before that, it was purple and pink cyberpunk.

℘ The great thing about Tumblr is how easily you can decorate your blog and make it truly yours to reflect your personality, so you can have a home to get all comfy in

℘ I recommend going on Pinterest or your favourite blogs for ideas. Choose a colour scheme (pastels, maroon, black and white, foresty green etc), a vibe (warm, exciting, dark, light, angelic, witchy etc)

℘ Play around with dividers which you can make on Canva, or other platforms -- there are many tutorials out there! You can also use other creators' but follow their rules (most will want to be credited via a tag or by reblogging their works, please be sure to respect their wishes) I use @/enchantings very often but these days I'm trying to make my own

℘ You can also use fun colours and different layouts for your post. Pick and choose the things you like to make your own but be sure you don't copy other people. If you like gradient text (like the one I use for my title), you can use stuffbydavid.com (@/screampied has a tutorial in their faq)

℘ If you want to have cute little symbols like these: ℘ ✧˚ ⋆｡˚ (≖_≖ ) use cool symbols.top . Play around with it.

℘ Be original!

Make a Navigation post!

℘ This is important, even if you have no plans of posting your own creations, because it is a further reflection of who you are. If you want to have followers, you'll need a Navigation post for them to refer to. It's your blog's headquarters.

℘ A Navigation post is your pinned post and it contains preliminary information about yourself like your age, your rules for interaction, your masterlists, your faq etc. If you're a creator, tell people what it is you predominantly do, the way I've said I write for JJK mostly

℘ You can decorate it too, reasserting your aesthetic and the vibe you want to go for. Show off who you are and what you want people to know!

Tumblr rules!

℘ Always credit other people you take direct inspiration from

℘ If you don't like a post, scroll on. Sometimes things just aren't for you. And you can always filter tags you don't want to see or block the creator

℘ Don't argue with people in the comments, others have a right to express their thoughts, whether you agree or not, the same way you do

℘ Put your age in your bio. Especially if you interact with nsfw/18+ content. Most creators have rules and boundaries in place where they only want 18+ individuals to interact so for your safety and for their comfort, clearly outline your age please.

℘ When interacting with a creator i.e. through their messages or inbox (maybe to say thank you or to make a request) please read their rules first. This is imperative because you'll otherwise never know what their boundaries are but they are there for a reason. We all have to do what we have to do to ensure Tumblr is a safe space for us. Please respect that the way you'd want to be respected.

What, other than writings and art, can I put on my blog?

℘ You can reblog other people's works with your own comments and thoughts! Contribute to threads and conversations. Reblogs are always appreciated for creators too because it gets their work out there further

℘ You don't have to write fanfiction, you can also post food/restaurant reviews, pop culture news, memes etc.

℘ Just ramble about your interests, the world is your oyster!

[morebagels]

^ iterator projection tutorial!! ^

this post follows on from this one made by @prismsoup, intended to cover my slightly more extended process (including post-processing)

step -1 : pre-requisites

this tutorial is designed around clip studio paint for PC because its what i work with. its probable that whatever other program / platform you're using has these features but under different names

i use a rainworld typography font for text. find it here (or do it yourself)

i use scanline textures as a part of this. find them here

step 0 : select a base image

maps, blueprints and diagrams are favourable due to lots of detail without it derailing into noise. get experimental though, my favourite one came out from a picture of a nebula, and another from a friends factorio screenshot

step 1 : binarise & flip

this command can be found under edit > tonal correction (D) > binarization. this forces every pixel in the image to be either black or white. adjust its sensitivity to your liking

step 2 : remove background

add in a black layer below (not just paper layer, as will become important later). wand select the background colour and delete it. if the remaining colour is black, CTRL+I to invert it to white

step 3 : add details

replace any text with rainworld font or simply remove it. add in blueprints or other complex decals (drawingdatabase is a decent source). during importing remember to binarise (after resizing). for "lower layer" elements such as contour lines create outlines for higher layers to retain clarity

step 4 : add multiply layer(s)

if you want to have multiple colours, put everything in the "higher" layer into a folder and set the top multiply to clipping above it

step 6 : post processing setup

copy all existing layers, create a new folder on top, and paste into that folder. right click the folder and "merge selected layers" set the resultant layer to add(glow). copy+paste and hide duplicate for now. from filters > blur apply a guassian blur with a strength of 130-170 (this creates the base bloom layer). set opacity to ~50%

step 7 : chromatic abberation

unhide not-blurred layer. guassian blur with a strength of 2. duplicate again. select top layer and move 1px up and 1px left (with arrow keys). CTRL+U then change the hue by 30. select bottom layer and move 1px down and 1px right, CTRL+U then change hue by -30.

stronger chromatic abberation can come from stronger gaussian blur and more change in hue

step 8 : scanlines

add the scan lines on top, invert so that they're white and set to add(glow). copy a multiply layer over it and make sure clipping is on. decrease layer opacity to ~10%. if it does not cover the whole image initially, paste more in and merge them together into one layer

tada! you now have one iterator projection. if you want to give it an extra affect, re-import the final PNG and filter > distort > convert to panorama. set distortion to 10 and scale to 101 (note that this drastically blurs the image)

[hel1houndz]

Apps we use as a system !

Simply plural!

Simply plural is a great app for Systems! it allows you to track who's fronting, add more in depth information about who's fronting, Sort headmates out into groups, it also has a chat function.

Negatives: whilst it is a great app! it is more ideal for Smaller to medium sized Systems or Systems that switch solidly or for longer periods of time, as a bigger system outself, we find it quite difficult to use Sometimes, as it can be difficult for us regrading having to get up and log things.

they are also supportive of endogenic "Systems" and their resources do contain misinformation.

Octocon!

octocon is very similar to simply plural!

you can add headmates, categorise them, it also has a bit directly in discord, so it could be easier for some systems to use! It also has a diary feature! we have less to say about this as we personally don't use it, but it could be helpful for other systems!, it is currently only on andriod but will be releasing on IOS late 2024/2025

we feel that the app is quite clunky and can be difficult to use, especially if your already using apps like simply plural.

they also have a limit on how many alters profiles you can create to "limit the amount of fakers" - to specify direct quote from the official octocon server linked on there website, “the alter limit is to basically protect against ddos attacks, without the limit someone could take up an unreasonable amount of the bots resources and crash it. theres no way to go past it, and nobody so far has gotten close to going past the alter limit as far as we know.” I heard the term fakers being thrown around, I also assume that by “fakers” they mean endo “systems” but still the tone is there and it rubs me the wrong way considering systems that have high high alter counts (such as ourselfs) :)

Notion!

Notion is a great app! we personally dont use it to track our system but we know many Systems that do! it can easily be used for tracking fronts, alters, giving alters journal pages etc! it's very easy to use for beginners and there are many tutorials on YouTube about it! It is also used by a alot of singlets too!

our only criticism is that it isn't built for Systems! So you would need to build it all yourself or use templates if that makes sense which we know for Some Systems could be a struggle!

Mindly

Mindly is a very easy to use app, which is commonly used for making innerworld maps! It's very simply to visualise and understand!

Our negatives for mindly are that there is a limit on how many maps you can make, if you are like us for example and have different layers in your system you wouldn't be able to make multiple maps for those layers, also it is very limited on how you can customise your bubbles, with only the colour, text and emoji

Fortelling

Fortelling is a great app! you can use it to create innerworld maps every easily! being able to include images and in-depth describes also!, we also use it to create split/fussion maps, and you can also use it similarly to Simply plural as you can add in depth information and also custom fields!

Anytype

Anytype is a good app for creating private journal pages for headmates!

It's a great way to allow alters there own private space to express themselves

Our negatives is that it can be quite confusing when you first start using the app, and it could get confusing if you are a bigger System

Twinote

we love twinote! it's such a fun way to communicate with your headmates! the app is very similar to twitter but it's completely private! alters can completely create there own profiles and communicate with each other very easily!, we also know singlets that use it for role playing also! :)

Daylio

We use daylio well daily! it's a great way to track things like switches or Symptoms eta very simply! we also use it for non system related things just like sleep, school, our mood etc!! It's been so helpful for us and our doctors!

We use daylio well daily! it's a great way to track things like switches or Symptoms eta very simply! we also use it for non system related things just like sleep, school, our mood etc!! It's been so helpful for us and our doctors!

[greaseonmymouth]

As you've asked for asks!:

Do you have any quick-and-dirty book/fic binding methods a terrified-of-failure novice could use to bang something out to get over the first collywobbling step of Actually Doing The Thing? (this may be something I've been meaning to ask for ages)

yes! I absolutely do! in my opinion the best quick-and-dirty bookbinding method is a no-glue pamphlet: you don't have to mess with glue or measuring or cutting anything, all you need is your text, some paper, a needle and thread. you can use the same needle to punch holes if you don't have an awl.

this is going to be a little long but that's because I'm going to write out some fairly detailed instructions for an A5 sized pamphlet. If you don't want detailed instructions and think you can glean the necessary info from photos, just skip to the photos! I've also linked tutorials.

for preparing the text to printing, in whatever software you use (word, libreoffice, gdocs, whatever) make sure your document is set to page size A5. make it look readable. then save as/export that document as a straight-paged PDF. now go to the bookbinder JS tool (https://momijizukamori.github.io/bookbinder-js/), and upload the PDF. source manipulation: none printer paper size: A4 display unit (you can ignore, or choose cm if it gives you anxiety that it automatically displays points) printer type: select single-sided or duplex accordingly* rotate paper: ignore flip on long side: check if you are printing duplex and if your duplex printer flips the paper on the long side page layout:  tick folio page scaling: original page positioning: centered ignore the rest flyfleaf: ignore signature format tick: standard signatures. in the length drop down, this depends on the type of pamphlet you are doing. for folio i generally find 4-5 pages per signature a comfortable thickness. if you have 6 whole A4 pages you can still do that as a single signature or you can split it into two signatures 3 pages each. wacky small layouts: ignore this signature info click the generate preview button to see what your PDF looks like imposed! I love this step especially when I'm doing quarto (A6) or octavo (A7) sized books generate output - click this to generate an imposed PDF

for A6 and A7 sized books the instructions are much the same, except for these you make sure the page size is A6 or A7 in your software, and then you choose quarto or octavo instead of folio. for signature length drop down I keep signature length to 1 for octavos typically and 2 for quartos, as this still refers to sheets of paper, and for octavo 1 sheet of A4 paper will turn into 4 smaller sheets in one signature once folded and cut.

*if you don't have a duplex printer you will have to manually turn the paper to print on the other side. I cannot be arsed with this so I bought a printer capable of duplex printing (I didn't have a printer anyway). if you already have a printer check what it can do as you might be surprised and go from there.

now to the pamphlets! you don't need a cover - I have one for the long stitch pamphlet but for the saddle stitch one I didn't bother and just made sure the first page had a title on it. you can always take a different piece of paper and print a cover on or or just use coloured cardstock and create a simple cover, but a cover is not necessary unless you're doing a long stitch pamphlet. all you need to do is to punch holes and start sewing. there are a few different stitch types below, I wouldn't say any of them are more difficult or easier than others, but they do look different so...pick one you like the look of and go from there?

pamphlet stitch (uneven number of holes) I haven't ever done a pamphlet stitch but here's a tutorial for how to do it: https://www.starpointestudio.com/simple-pamphlet-stitch-book-step-by-step/

saddle stitch (uneven number of holes) I realised that what I was thinking of as a pamphlet stitch is actually saddle stitch, as in this A7 pamphlet:

here's a tutorial for how to sew saddle stitch: https://www.bookbindingworkshopsg.com/saddle-stitch-bookbinding-tutorial/ here's a video tutorial: https://www.youtube.com/watch?v=aWHkY5jOoqM (sealemon has a lot of bookbinding tutorials and I know many people who like her videos, I used her tutorial for coptic binding way back when I first made a book but I can't otherwise vouch for the quality as I haven't used her videos)

french link stitch (even number of holes) in this one I used french link stitch which I typically use for thicker textblocks that i'm not planning to use tapes with as the french link gives it some robustness, I used it here because I had never done it before and wanted to try it out. I am planning to take these stitches out and re-sew this pamphlet with a cover now that I've found a suitable piece of transformer fanart to use as a cover:

french link tutorial. it's quite long but it has a colour coded bit towards the end that shows how the thread is supposed to link which i find very helpful to visualise: https://www.handmadebooksandjournals.com/bindings/french-link-stitch-binding/

here's a video tutoral from DAS bookbinding (he is my go to for techniques and he has the most soothing Australian accent as well, though fair warning not all of his videos are for beginners): https://www.youtube.com/watch?v=O4ZPdbaM-Ws

long stitch (even number of holes) for this one I used long stitch and I had a cover. this one is my favourite variation because I can make these pretty and simple covers and the stitch looks nice on the outside as well, so this one scratches the 'i want to make a book' itch for me.

here's a tutorial that also includes a how to on a cover that is different from my cover: https://lccprintmaking.myblog.arts.ac.uk/files/2020/06/Long-Stitch-Tutorial-A4.pdf DAS also has a video tutorial for long stitch but it's like three videos long, maybe watch it later :'D  here's one I haven't watched but seems decent: https://www.youtube.com/watch?v=XnignTL_wDQ

you can use saddle stitch for this kind of pamphlet as well, that's what I did for dozens of ships and hundreds of souls (https://ashmouthbooks.tumblr.com/post/681587080267202560).

I hope this helped!!

[dalishious]

Gaming GIF Tutorial (2025)

Here is my current GIF making process from video game captures!

PART 1: Capturing Video

The best tip I can give you when it comes to capturing video from your games, is to invest in an injectable photomode tools - I personally use Otis_Inf's cameras because they are easy to use and run smoothly. With these tools, you can not only toggle the UI, but also pause cutscenes and manually change the camera. They are great for both screenshots and video recording!

As for the recording part, I personally prefer NVIDIA's built-in recording tools, but OBS also works well in my experience when NVIDIA is being fussy.

PART 2: Image Conversion

Do yourself a huge favour and download PotPlayer. It is superior to VLC in more ways than one in my opinion, but is especially helpful for its Consecutive Image Capturer tool.

Open the video recording in PotPlayer, and use CTRL + G to open the tool. If this is your first time, be sure to set up a folder for your image captures before anything else! Here are the settings I use, albeit the "Every # frame" I change from time to time:

When you're ready, hit the "Start" button, then play the part of the video you want to turn into a GIF. When you're done, pause the video, and hit the "Stop" button. You can then check the images captured in your specified storage folder.

(TIP: Start the video a few seconds a head and stop a few seconds after the part you want to make into a GIF, then manually delete the extra images if necessary. This will reduce the chance of any unwanted cut-offs if there is any lagging.)

PART 3: Image Setup

Now, this part I personally always do in GIMP, because I find its "Open as Layers" and image resizing options 100% better and easier to use than Photoshop. But you don't have to use GIMP, you can do this part in Photoshop as well if you prefer.

Open the images each as an individual layer. Then, crop and/or scale to no more than 540px wide if you're uploading to Tumblr.

(TIP: This might just be a picky thing on my end, but I like to also make sure the height is a multiple of 10. I get clean results this way, so I stick to it.)

If you use GIMP for this part, export the file as .psd when done.

PART 4: Sharpening

If you use GIMP first, now it's time to open the file in Photoshop.

The very first thing I always do is sharpen the image using the "Smart Sharpen" filter. Because we downsized the image, the Smart Sharpen will help it look more crisp and naturally sized. These are the settings I mostly use, though sometimes I change the Amount to 200 if it's a little too crunchy:

Here's a comparison between before and after sharpening:

Repeat the Smart Sharpen filter for ALL the layers!

PART 5: Timeline

First, if your timeline isn't visible, turn it on by click on Windows > Timeline. Then, change the mode from video to frame:

Click "Create Frame Animation" with the very bottom layer selected. Then, click on the menu icon on the far-right of the Timeline, and click "Make Frames from Layers" to add the rest of the frames.

Make sure the delay should be 0 seconds between frames for the smoothest animation, and make sure that the looping is set to forever so that the GIF doesn't stop.

Part 5: Editing

Now that the GIF is set up, this is the part where you can add make edits to the colours, brightness/contrast, add text, etc. as overlays that will affect all the layers below it.

Click on the very top layer so that it is the one highlighted. (Not in the timeline, in the layers box; keep Frame 1 highlighted in the timeline!)

For this example, I'm just going to adjust the levels a bit, but you can experiment with all kinds of fun effects with time and patience. Try a gradient mask, for example!

To test your GIF with the applied effects, hit the Play button in the Timeline. Just remember to always stop at Frame 1 again before you make changes, because otherwise you may run into trouble where the changes are only applied to certain frames. This is also why it's important to always place your adjustment layers at the very top!

Part 6: Exporting

When exporting your GIF with plans to post to Tumblr, I strongly recommend doing all you can to keep the image size below 5mb. Otherwise, it will be compressed to hell and back. If it's over 5mb, try deleting some frames, increasing the black parts, or you can reduce to number of colours in the settings we're about to cover below. Or, you can use EZGIF's optimization tools afterwards to reduce it while keeping better quality than what Tumblr will do to it.

Click on File > Export > Save for Web (Legacy). Here are the settings I always use:

This GIF example is under 5mb, yay! So we don't need to fiddle with anything, we can just save it as is.

I hope this tutorial has offered you some insight and encouragement into making your own GIFs! If you found it helpful, please reblog!

[misty-quigley]

hi! would it be possible to post a tutorial of how you created the shapes in this set /post/753222419295158272 thank you :)

sure I made the gifset a while ago so don't have the psds saved but i decided to make a new gifset with a similar shape effect and show you how i made that :)

tutorial below the banner/cut

first start by making and colouring your base gif as you'd like. for the example i'm making today i'd like a pink gif.

for simplicity i'll put all the colouring layers in a group so it is easier to see what's going on with the shapes, but this is not a step i usually take.

once you've got your base gif ready search for the image/shape you would like to appear on your gif. in this case i searched for glinda's crown :)

make sure the image has no background and save it. if needed go to https://www.remove.bg/ and remove the background from the image then save it.

open your saved image in photoshop and drag it onto your gif. typically i drag it on the gray area outside the image canvas so it will land in the centre of the canvas.

if the image is too big resize it by using the transform function (ctrl +t)

right click the image layer and go to "Blending Options" (you can also do this by double clicking the layer (but not on the layer name as this will prompt renaming the layer)

go to color overlay and change the colour to white with blend mode normal and click ok

convert the new image layer to a smart object by right clicking and selecting the relevant option

change the blending mode of the new smart object to 'difference'

go back into blending options now and change the color overlay to the desired colour with the blending mode set to 'color'

at this point you can also add a stroke and drop shadow

this results in the below result

i noticed a bit of background missed from remove.bg

so i now add a layer mask and mask over the errant mark

and that's the basics of how to make a shape like the one in the gifset you linked. you can now add any text or other embellishments you may like.

a few other tips:

play around with your stroke settings, i did this a lot when making the so highschool gifset (e.g. i think the basketball one used the centre option)

the stroke option will outline what doesn't have a solid fill. to get each part of the basketball outlined like it is in the gifset i used an image like the first one below where the lines on the ball were also transparent to get the strokes i wanted (if that makes sense). if the whole image was solid, like the second image the outline would just be a circle basically.

in most cases the method i showed here is the best method, but for the so highschool book image i did something slightly different where instead of doing a straight smart object i also duplicated the shape on top with all the details left in. i applied the same effects to the bottom layer as above and on the duplicated layer also set that to difference and added a color overlay like the above

gives a result like this:

you can tweak how this looks a bit by using a selective colour layer clipped to the top layer. i wanted a bit more definition on the hat so i ended up with this after tweaking the neutral and blacks channels

overall my advice is to experiment and see what you like as that is what i basically do :)

[kthecritter]

how do you make your userboxes? i've gone looking for tutorials before but the only one i found didn't work for me .::(

I use ibis paint x to make them! I also use this template

I usually get my images from pinterest and/or google, depending on what the request is for.

let me show an example:

I get my subject and my 2 pictures. the left one is for the icon, and the right one is for the background (credit to this post for the pet dreaming flag!)

I then import the template as a new piece.

I use the selection tool to select the icon box, and then insert the icon picture I want.

for the smaller rectangle, I select that rectangle and then fill it in with whatever colour fits the userbox (you can also lower the opacity to 80-90% if you want)

I then insert the background WITHOUT selecting the background. you do not need to select the background, but you can if you want. IF YOU DO, you’ll end up with a thin white line around where the template is.

this is what the layers should look like once you’re done the designing part

now you just gotta insert the text! just go to the text option, select “add text” and put in the text you want for your userbox. you can also change the font and size if you want (highly recommend this because the default font kinda sucks and you want the text to be big enough to read). if you want to have that little white border around the letters, just go to style and change the stroke colour/thickness (the FIRST slider, not the second one!!)

and there you go! you now have your userbox! just save it, and bam! here’s the finished product of the example.

hope this helps! feel free to leave any questions below; I’m free to answer any questions if anything was confusing or unclear :3