#font-size: 70%;

[robin-buckely]

hello! I love your edits and I wanted to know, for the "Steve Robin and Nancy" Gif you posted.. How would I go about doing something like that? More specificly, the bottom two where it says "Height Difference" and where it labels them as "Princess, Jock and Loser"

Thank you! Sorry this took a while to answer. I finally had time to sit down and write this. Link to original post.

Quick notes: I'm using Photoshop 2021 on Mac and working in video timeline. Must have basic gifmaking skills and know how to use layer masks. This is primarily a gif layout and text tutorial.

Fonts used in first gif:

Pea Wolfe Tracks — link here

King & Queen — link here

Fonts used in second gif:

Kiera — link here

Post — link here

Ellianarelle's Path — link here

Heina's hurry — link here

I used a light leaks/film texture, ripped paper textures, folded paper textures, and transparent pngs (arrows + post-it notes + smiley face).

We'll start with this gif.

Make your gif! The gif here is 540x600px. I color and sharpen it to my liking. Go to image > canvas size > change height from 600 to 770px. I left the anchor in the middle, though it doesn't really matter.

I drag and drop my folded paper texture and change the layer order so it's under my gif. Then I change the blending mode on my gif to Screen so the texture shows through the gif, but I keep the texture at 100% Opacity and Fill.

Now I move my gif around and add my ripped paper textures. I wanted to give it a sort of poster-like feel to it, so I made more room on the bottom for my main text and ended up with something like this. Blending mode is set to Lighten for the ripped paper textures.

I then use layer masks to hide what I don't want shown and add my light leaks/film texture. Blending mode on light leaks/film texture set to Pin Light, Opacity: 50%, Fill: 70%.

I use Levels and Brightness/Contrast adjustment layers to darken the gif up a bit more, then I add a patterned paper texture. Blending mode for patterned paper texture set to Lighten, Opacity: 100%, Fill: 75%. Result:

Now on to the text!

I'm going to be honest here, a lot of this was clicking around until I settled on something I liked. There's three layers to create this text effect. The font used here is King & Queen.

For the first text layer, the font color is set to black (#000000), font size: 87 pt, leading: 80 pt, tracking: 25.

Layer styles used here are stroke and drop shadow.

Text Layer 1

Stroke settings:

Size: 1px

Position: Outside

Blend Mode: Hard Light

Opacity: 40%

Overprint: unchecked

Fill Type: Color

Color: #5911ed

Drop Shadow settings:

Blend Mode: Difference

Color: #2d5ba8

Opacity: 85%

Angle: 70°

Use Global Light: checked

Distance: 7px

Spread: 0%

Size: 6px

Contour: Cone - Inverted

Anti-aliased: unchecked

Noise: 0%

Layer Knocks Out Drop Shadow: checked

Blending mode for text layer set to Overlay, Opacity: 100%, Fill: 85%.

Warp text settings:

Style: Wave

Horizontal: checked

Bend: +60%

Horizontal Distortion: +10%

Vertical Distortion: 0%

With all those settings applied, the first text layer looks like this:

Duplicate the layer, clear all layer styles, and change the color for the second text layer to white (#ffffff). All other text settings (including warp settings) should stay the same. The only layer style then applied to this text layer is stroke.

Text Layer 2

Stroke settings:

Size: 1px

Position: Outside

Blend Mode: Difference

Opacity: 100%

Overprint: unchecked

Fill Type: Color

Color: #d48f16

Blending mode for the second text layer is set to Difference, Opacity: 90%, Fill: 100%. Nudge the second text layer a bit so the first text layer is a little more visible or move to your liking.

With both those layers active, it looks like this:

Duplicate the second text layer, clear layer styles, and change the color of this third text layer to a dark grey (#1a1919). Again, all other text (and warp) settings should stay the same.

Layer styles applied to this layer are stroke and gradient overlay.

Text Layer 3

Stroke settings:

Size: 1px

Position: Outside

Blend Mode: Difference

Opacity: 100%

Overprint: unchecked

Fill Type: Color

Color: #d48f16

Gradient Overlay settings:

Blend Mode: Difference

Dither: unchecked

Opacity: 100%

Gradient: #cd3f00 > #ffdb5d

Reverse: unchecked

Style: Reflected

Align with Layer: checked

Angle: 90°

Scale: 100%

Blending mode for the third text layer set to Exclusion, Opacity: 100%, Fill: 100%. I also moved the third text layer around, down and to the right a few pixels to give it that 3-D Word Art effect.

With all three text layers active:

Next are the arrows.

Take your transparent pngs and place them to your liking. Blending mode for these is set to Difference, Opacity: 100%, Fill: 100%.

Command + click on an arrow thumbnail to select all the pixels in that layer. This is why the image must be transparent!

With that selection made and on a new blank layer, right click the selection and click on stroke. Settings for that are width: 2px, color: white, location: center. Move that a couple of pixels over.

Do this for all arrows for a total of 6 layers for arrows. I group them together to keep my workspace clean, then I duplicate my arrows group with no further changes made to the second group to get what you see in the final gif.

Next is the smaller text. It's three separate text layers for each word, so I can move each of them around to my liking.

Font used is Pea Wolfe Tracks, font color: white (#ffffff), font size: 24 pt, leading: 6 pt, tracking: 25. Bold and italic options checked. I set the blending mode to Difference, Opacity: 100%, Fill: 100%.

And that's it! That concludes the tutorial for this gif!

Now on to this gif.

We'll start with the background gif. There are three separate gifs. You could make them one gif, but I wanted the option to order them differently if I needed to.

All gifs in the background are the size of the canvas: 540x770px. Color and sharpen to your liking, but keep them all black and white. To get the blurry effect go to filter > blur > guassian blur. Set radius to 7.0 pixels. Add this to all three gifs.

Then I add two folded paper textures. Blending mode for one set to Lighten, Opacity: 60%, Fill: 100%. The other set to Screen, Opacity: 70%, Fill: 90%.

I found this tutorial a while back for a halftone effect. They include links to the halftone pattern used here as well as textures and gradient maps not used here.

I'm only using the halftone pattern here.

Pattern fill settings:

Angle: 66°

Scale: 8%

Link with Layer: checked

I also added a gradient overlay layer style to the halftone pattern which gives the gifs the color you see above.

Gradient Overlay settings:

Blend Mode: Overlay

Dither: unchecked

Opacity: 100%

Gradient: #0059ac > #a33600 > #e6b801

Reverse: unchecked

Style: Linear

Align with Layer: checked

Angle: -100°

Scale: 100%

Now on to the square shapes with rounded corners. In the interest of keeping this tutorial short(er), I found this tutorial on youtube that explains how to make squares with rounded corners.

I set my stroke size to 6px, stroke color to white (#ffffff), and fill to no color. I don't use the stroke layer style to make the borders of the shape like in the video! I'm only linking the video to show how to curve corners with square shapes.

Note: Be sure you know how big or small you want these to be and how they're going to fit on your canvas in order to make all the shapes and edit them. It can be tedious to change the settings.

Duplicate and resize to your liking.

In this instance, I wanted to make three squares total, so I had to duplicate twice and resize until I had something I liked.

Settings for the shapes used here are:

Innermost shape: W: 200px, H: 280px, corners: 50px

Middle shape: W: 220px, H: 300px, corners: 60px

Outer shape: W: 240px, H: 320px, corners: 70px

Once I have the size I want for all three shapes, I group them together to make a set and duplicate that group twice, then adjust each set on the canvas for my layout.

What the sets look like all together:

Colors used: orange #e47100, blue #0062d1, yellow #ecac00

To add color to the shapes, either change the color of the shape itself or use layer styles. I used layer styles.

Note: I didn't add the colors until the end after I knew what gifs went where and what color scheme I wanted, but I don't want to add more images than I need to here.

To keep this short, I found this tutorial on youtube that explains how to wrap text around a shape. However, I wanted the text to align on the outside where the white line is and not the green line (left image):

So I created another shape just inside the innermost square and used that as a path for my text (right image). Adjust the text to your liking until you have your text where you want it. Refer to the video tutorial if you need help moving the text along the path!

You don't need the shape path once you have your text where you want it, so use the layer visibility tool to hide it. You can hide your other shapes too so you can work with your text.

Do not delete your shape path!

I duplicate it once I start working with my "jock" text since all the sets are the same size. The "loser" text has to be worked a little differently, but we'll get to that later.

For the princess, jock, and loser text, there are two text layers to create the overall effect. For both layers, font used is Kiera, font color set to white (#ffffff), font size: 60 pt, blending mode set to Normal.

I added a gradient overlay layer style to the first text layer which I'll call the base layer. Opacity for this layer is 100%, Fill: 100%.

Base Layer

Gradient Overlay settings:

Blend Mode: Normal

Dither: unchecked

Opacity: 100%

Gradient: #f0b002 > #e7f0fd

Reverse: checked

Style: Diamond

Align with Layer: checked

Angle: 90°

Scale: 100%

The second text layer is your stroke and drop shadow layer. For this layer, opacity is set to 100%, Fill: 0%.

Stroke and Drop Shadow Layer

Stroke settings:

Size: 2px

Position: Outside

Blend Mode: Linear Light

Opacity: 100%

Overprint: unchecked

Fill Type: Color

Color: #0064cb

Drop Shadow settings:

Blend Mode: Difference

Color: #fb7c00

Opacity: 100%

Angle: 30°

Use Global Light: checked

Distance: 5px

Spread: 0%

Size: 0px

Contour: Linear

Anti-aliased: unchecked

Noise: 0%

Layer Knocks Out Drop Shadow: checked

End result looks like this:

When I make my shapes visible again (minus the one I used as a path), I get this:

The shapes are clearly in the way of the text, whether they're above my shapes layer or under it. I use layer masks to hide what I want, so the text is legible. It looks cleaner this way and I wanted the text to be a part of the shape itself. I do that for each rounded square.

Now on to my smaller gifs. I like to crop, resize, sharpen, and color separately because my laptop and Photoshop would kill me if I tried to do it all on one canvas. I use the size of the middle shape for my gifs (220x300px), so I can have a little wiggle room when adjusting. I then use a layer mask to hide the parts of the gif that are outside of the shape.

A quick way to do this is to command + click on the thumbnail of the innermost square. With that selection made, I got to my gif layer and add a layer mask. Sometimes you need to invert it. Use command + i with the layer mask selected (not the gif) to invert the layer mask.

I repeat this process with my Steve and Robin gifs. I have to go back and forth with all the layer masks to hide parts of the gif/shapes I don't want for each set. It's kind of a long process, but not all that difficult. I label and group my layers together as I work to keep things clean and it helps me keep track of what I edited and what needs to be edited when it comes to things like this.

The picture below shows where I hid the bottom right corner of Nancy as well as the shapes that make up her set using layer masks. I also did this with the Steve and Robin sets, hiding the bottom left corner of Steve.

Similar text settings used for jock. The gradient overlay layer style for this base layer is different than that of princess because of the positioning of the text. Again, same as princess, two text layers are used here. Blending mode, opacity, and fill for both are the same as the princess text layers as mentioned before.

Base Layer

Gradient Overlay settings:

Blend Mode: Normal

Dither: unchecked

Opacity: 100%

Gradient: #007aec > move bottom middle dot to 80% > #e7f0fd

Reverse: checked

Style: Diamond

Align with Layer: checked

Angle: -140°

Scale: 100%

Stroke and Drop Shadow Layer

Stroke settings:

Size: 2px

Position: Outside

Blend Mode: Linear Light

Opacity: 100%

Overprint: unchecked

Fill Type: Color

Color: #a05700

Drop Shadow settings:

Blend Mode: Difference

Color: #ffba00

Opacity: 100%

Angle: 30°

Use Global Light: checked

Distance: 5px

Spread: 0%

Size: 0px

Contour: Linear

Anti-aliased: unchecked

Noise: 0%

Layer Knocks Out Drop Shadow: checked

Image 1: We start with Robin.

Image 2: To make the loser text, I had to create a new path.

Image 3: I make it so the text is on the inside of the path instead of the outside. (Hint: Refer to video tutorial if you don't know how to do that.) I then adjusted the tracking between the letters in the word "loser" so they didn't look so squished together.

Image 4: Then I use layer masks to hide the parts of the shape I don't want shown.

You can then hide the path or delete it. You only need it if you want to adjust the placement of the text. I keep it (hidden) just in case.

Text settings for loser are just like those for princess. Blending mode, opacity, and fill are also the same.

Base Layer

Gradient Overlay settings:

Blend Mode: Normal

Dither: unchecked

Opacity: 100%

Gradient: #eb6400 > #e7f0fd

Reverse: checked

Style: Diamond

Align with Layer: checked

Angle: 90°

Scale: 100%

Stroke and Drop Shadow Layer

Stroke settings:

Size: 2px

Position: Outside

Blend Mode: Linear Light

Opacity: 100%

Overprint: unchecked

Fill Type: Color

Color: #e1a900

Drop Shadow settings:

Blend Mode: Difference

Color: #0068de

Opacity: 100%

Angle: 30°

Use Global Light: checked

Distance: 5px

Spread: 0%

Size: 0px

Contour: Linear

Anti-aliased: unchecked

Noise: 0%

Layer Knocks Out Drop Shadow: checked

Next are the post-it notes! This is probably the easiest part of making this gif. You just have to repeat this process for however many post-it notes you're making.

Image 1: To start, place your transparent post-it note where you want it. You can also rotate it if you'd like.

Image 2: Then create a text layer and write what you want. Font used here is Post. I wanted this text underlined to give emphasis, so I click on the underline option. I also adjusted the leading because I wanted more space between the word and the line. Rotate the text so it looks like it's written on the post-it note. Note: It looks better if you choose a font that looks handwritten.

Image 3: I wanted another line to give emphasis to the "Dingus!!" text and make it seem more handwritten. I use the line tool to create another line.

Image 4: Then I adjust that line to my liking.

Fonts used for notes: Post, Ellianarelle's Path, and Heina's hurry

Repeat this process for all post-it notes!

That finishes the tutorial! (And I hit the 30 image limit lol.) I hope this helps. If you have any further questions, feel free to send an ask or IM and I'll try to answer to the best of my ability.

Happy photoshopping!

[elemom]

hc:

As an apology for ruining Zane’s original pink apron, the ninja all independently decided that they were gonna buy him a bunch more various pink aprons. After that hilarious coincidence, they ended up making it a tradition. it’s become a thing they do during the holidays, and they’ve even started (trying) to make em themselves, eventually making it a contest to see who can find the silliest/best/coolest apron.

so far he has:

- a classic “kiss the chef” apron

- a bunch of actually normal ones the ninja got him before they started competing

- “this machine kills fascists”

- a bootleg apron with a funny typo

- “I <3 NNC” (he got this one some time after season 2)

- a really, really ugly one from the 70s/80s. like an ugly christmas sweater but an apron. it has garland

- one with a fake tuxedo printed on it

- “autism be damned, my boy can work a grill”

- “I died and all I got was this lousy apron”

- “I died twice and all I got was this lousy apron”

- “I died three times and all I got was this lousy apron”

(After this, they just decided to keep a tally and add new deaths in sharpie.)

- one that’s just COMPLETELY bedazzled

- “Why do they call it oven when you of in the cold food of out hot eat the food”

Some additional things i thought up:

One year, he got a ridiculously complex smart apron made by Nya and Jay. It connects to him via bluetooth and has a built in timer, a thermometer, a pH probe, multiple headphone jacks, a disc drive, a screen display, and more. (Jay used that display to play Bad Apple, once. And yes, it can also connect to Zane and run doom.)

Kai and Cole made him one poorly put together out of quilt patches. The front of it had his name in a different font and size for each letter, as though Kai and Cole had just grabbed whatever they could. Somehow, it came together really well, and they won the competition that year.

Lloyd once gave him a normal white apron, in which he hid a bit of red dye. Lloyd forgot to mention that it needed to be washed alone. Insert Pink Gi Part 2

Wu gave him a magical apron that can never get dirty. *With his permission this time,* Zane and the others tested it out. They ran over it with their vehicles, used kai’s power to light it on fire, and reenacted their food fight scene (this time with the leftovers from the last time Cole tried to cook.) It never got dirty. Wu was so smug about it.

[dreamstar-moonlight]

Hey! I was wondering where I can find that drive for CaffeinatedFlumadiddle fics? I've been looking for a fic for about a year now and thought I was going insane, I just learned about the situation, it's so awful.

Hey anon!!!

First off, I'm SOOOOOO EXTREMELY SORRY for replying to this so ABSURDLY late -

I never imagined someone would send in an ask - to me, of all people! Because I've only ever seen Important People on Tumblr being sent asks, and I'm definitely not one of them!

So, uh - I actually made a detailed post with all the links to the now deleted fics, which you can find here,

But in case Tumblr messes up, and the link doesn't work, lemme copy-paste the contents of that post below:

1) Son of Sea Foam, originally published on Ao3

SoSF Google Doc Part 1 | Part 2

SoSF in pdf format

2) Descendants of Olympus, originally published on Ao3

DoD Google Doc Part 1 | Part 2

3) Highway To Hell (fic)

4) Hello Ocean, My Old Friend (fic)

5) Fishing in Alaska (epub) | archived Ao3 site

6) Stealing Shells (fic)

7) Google Drive folder of a bunch of fics and one-shots | 

8) Another mini-google-drive backup of a few fics 

9) Even more fics (there’s 70 of them here)

10) Almost all PJO and Merlin fics in epub format! Estelle series has series order in metadata.

To read epubs, good apps are Moon+ reader for Android and Calibre for PC. epub is a reflowable format that allows changing the font size, background, margins etc, and has title/author/series into embedded and sortable. 

11) Roman Percy | V2

12) A bunch of archived Tumblr posts

13) The entire tumblr (but on the archive website)

14) OneDrive link to download PJO & Merlin fics. 

Once again, my HEARTFELT APOLOGIES for not seeing this sooner!

Edit: @cmxlkaze brought it to my notice that the link to “Descendants of Olympus” Part 2 had been broken It's fixed now, though it took me a bit – sorry about that! If any of the other links get taken down or appear broken, do let me know, and I shall fix them immediately.

[negg]

🌈 Rainbow Theme 🌈

Well, it took a year, but I finally ported the Rainbow Page Theme over to Tumblr due to popular demand. It's based on Gilbert Baker's rainbow flag from the 70's. Happy pride, everyone!

Features:

500px posts

Pride flag theme toggler

Optional jukebox/badges boxes

Custom audio player for posts

Customizable title + title font size

Support for additional pages

User can add a link to any song for jukebox

Optional links 4 + 5

Optional background image or color

Semi-transparent posts

Custom permalink icon + favicon

Notes:

The badges section was created with 80x15 web badges in mind, which you can find places like here. The theme also supports more traditional 88x31 buttons, which are definitely more abundant. There is a pride button collection here if you're feeling festive.

You can also make your own web badge here or an 88x31 button here if you can't find any you like.

For the jukebox...it can currently only support one song. If you want to use it, you'll have to upload your song somewhere like Dropbox and then add the link.

🍃 live preview + code 🍃

[gthiah-if]

Gone to HELL in a Handbasket - 18+ Interactive Fiction (wip) - by glucosify

tags : urban fantasy (inspired by late 70s / early 80s), romance, supernatural, mystery, satanic and occult themes, cults, 18+ rating for violence, sexual content, mental illness and more

A simple pizza delivery turns sinister when you find yourself trapped with 5 other strangers in a decaying place that hides a dark history and darker secrets.

Demo here on itch.io ⋄ last update: May 2023 ⋄ word count : ~7,400 (~13,100 with code)

Only the prologue is available for now, you won't play as the main character until chapter 1 :^)

Features :

a story that (loosely) takes place in the late 70s, in NYC

custom made UI : dark, light and retro themes, mobile friendly, adjustable fonts, font sizes and weights

customizable MC : play as male, female, non-binary, touch starved, touch averse.. and choose your appearance and personality

figure out the secrets left behind and find a way out - one way or another

choose to forsake an imminent evil or become part of something greater

decide if your companions are trustworthy or simply useful for your own goal

five gender selectable romantic options (male, female, non-binary) - choose their pronouns and appearances separately / romance is optional but will most likely be a big part of the story

Romantic Options :

Mahalia / Marlon / Mars "MOONLANDER" Harris : a sarcastic and pragmatic computer operator; they’re an arcade, tech and sci-fi lover through and through

Amélie / Alexandre / Astin "ACE" Beaulieu : a college athlete with a sunny disposition who's currently feeling lost and going through a difficult time

Gina / Gil / Gera "GUMDROP" Fernández Alfonso : charismatic and resourceful, this social work student's desire to help others always seems to break through their fear of letting people get too close

Ilona / István / Írisz "IRIS" Juhász : though they lack in life experiences due to a sheltered upbringing, they possess a gentle thoughtfulness and vivid imagination

Kat / Kit / Ky "KILLJOY" Miller : a reckless straight-edge hardcore punk with a sharp tongue and an honest heart

LINKS : FAQ ⋄ TAGLIST ⋄ MASTERLIST ⋄ GOOGLE FORM (feedback & bug report)​ ⋄ DISCORD (TBA) ⋄ PINTEREST (TBA)

This blog will be used to post updates and anything related to the IF - answered asks, scenarios, headcanons, short drabbles etc..

started in december 2022 - first update in may 2023 - b&w image from untermyergardens.

[shanicodes]

Alchemy Skin ($70, Unlimited) by Shani Codes

ALCHEMY is a responsive skin for JCINK forums coded specifically for Sandbox RPs and is optimized for Google Chrome. If you have questions about the skin, or seeing a full preview, feel free to join my support discord: discord[DOT]gg/G9zb4sQxdp

SKIN INCLUDES:

Two versions: One with pre-made Custom Profile Fields for plug-and-go usage and one with the option to add your own Profile Fields,

Character info replacement BBCode AND Avatar replacement code with either a single image OR a 4-image moodboard,

A main profile with sections for information about the writer, including preference sliders, and FizzyElf's automatic thread tracker,

A light/dark mode toggle and font size toggle,

Pop-out with navigation, updates, welcome section, and user links,

Full responsiveness for various screen resolutions, supporting both mobile and smaller screens,

Easy to edit member group variables,

CSS variables for fonts, colors, sizes, etc. for easy customization,

A filterable, searchable, and sortable isotope member list with counts,

And an included installation guide PDF with comprehensive instructions.

PURCHASE LINK: ko-fi[DOT]com/s/c2324c8862

[sourcreammachine]

LOONY PARTY MANICFESTO 2024 SUMMARY

[not a pejorative, party founder Screaming Lord Sutch was himself bipolar]

tdlr: “we are fighting this election on the basis of CHANGE… LOOSE CHANGE as this is all we’ll have left under a labour/conservative government”

💷ECONOMY

reduce taxes to 5%

get rid of value-added tax as it adds no value

ban the tipping of flies

convert number 10 and number 11 into a hairdressers called Government Cuts

abolish stamp duty because stamps are too expensive

fit airbags to the stock exchange, ready for the next crash

halve dole queues by making jobseekers stand two-by-two

improve quitters’ self-esteem by encouraging them not to start in the first place

🏥PUBLIC SERVICES

employ 80.00 teachers, police officers and nhs staff

reduce pregnancy from nine to seven months

reduce hospital waiting lists by using a smaller font

reduce class sizes by shrinking desks and making students sit closer together

glue unruly pupils together because if you can’t beat them, join them

give pensioners an ice lolly allowance when temperatures exceed 70°

🏠HOUSING

build five million new homes

aid “levelling up” by providing free spirit levels

🚄TRANSPORT

fill five million potholes

introduce an ROT to make sure all roads are carworthy

fit vehicles with a bungy rope to save fuel on the return journey

save money on paint by painting double-yellow lines where you CAN park rather than where you can’t

create the world’s biggest carwash by punching holes in the channel tunnel

👮FORCE

send all MPs who misbehave to rwanda

reduce net migration by making sure all nets are secured firmly to the ground

make terrorists wear little bells so we know where they are

replace border guards with GP receptionists to stop anyone getting in

introduce a court of human lefts

reduce prison overcrowding by releasing innocent prisoners

oppose capital punishment as it is not fair to londoners

🌱CLIMATE

wind farms to be constructed across the country where all will be encouraged to break wind

get more green cars on the road, with politicians having fluorescent green so everyone can see them coming

paint the grey squirrels red

greyhound racing will be banned to stop the country going to the dogs

puddles deeper than 7cm will be marked with a plastic duck

🗳️DEMOCRACY

MPs will have to sit in stocks during surgeries while constituents throw custard pies at them. companies to be encouraged to design new stocks, to be sold at the stock exchange

introduce a “cooling-off period” to allow voters to change their mind

replace the foreign secretary with a UK one

[gordonramsei]

𖥨 ̟⊹♡ a / s / l ?

wake up , babe ! a new gordonramsei page just dropped ! introducing a / s / l ? a javascript - free faq page ! the page is designed to be compact but still aesthetically pleasing with it's monospace font and script pairing ! there is unlimited space in the question container to fill with as much content as u desire ! i hope u all think she's as cute as i do ! as always , if u encounter any issue within the code , pls let me know and i will troubleshoot asap !

if u intend on using this theme or just want to be a supportive hottie , please give this post a like and a reblog ! stay hydrated and be sure to pet a cute animal today ! mwuah ! 🤍 🤍 🤍

ⅰ. PAGE FEATURES .

x. this page is 100% javascript - free x. full - height accent line on left side x. scrolling container for ur questions w/ aesthetically pleasing q & a formatting x. single icon sized at 70 x 70 px x. page must be edited in the html x. for a more detailed compilation of credits and features , please see the google doc containing the code

𖥨 ̟⊹♡ this page is a patreon exclusive : want access ? consider signing up to join the fam - a - lam to get ur hands on this page as well as my entire coding catalogue . click here to learn more !

source link directs to a live preview of a / s / l !

[sunveiledrp]

Hey sunlings! We're here with a skin preview!! Our skin was designed by the staff team here at Sunveiled and developed by Sage (@sagecodex). We've been working for months to get it perfect for you, so please bask in its glory as this is the first time we're showing it to the public!

Beneath the cut is the full list of our features. But some of our coolest features can't be captured by static pictures. So stay tuned for a video walkthrough with Sage to see some of our more dynamic details!

Forum features:

light/dark mode toggle;

scroll top/bottom;

adjustable font sizes;

forum colors change with the logged-in membergroup;

alert menu toggle;

popout side navigation;

subaccount switcher (with icons);

automatic thread trackers;

custom emoji;

an ever-growing amount of profile badges;

auto claims;

filterable member list;

linkable guidebook tabs;

recently active topics list;

different ic and ooc profiles;

autofill ooc profile fields from parent account;

popout profiles;

dynamic profile fields;

over 70 profile layouts to choose from;

over 110 posting templates to choose from;

over 90 of those templates available in bbcode menus;

topic tags (for cw's, mature content, open threads, rapidfire, etc.);

keyboard shortcuts for bold, italic, and underline;

99.9% mobile-friendly.

We fully expect our members to find bugs while we go through our initial opening, so please be patient as we work to fix any minor functionality issues.

[santmarc]

Forniture by Marcos Vidal Font

Silkscreen printed on cotton paper 70 x 50 cms (print size 51 x 37 cms) edition signed and numbered (55/85, 64/85, 66/85, 72-77/85, 79-83/85 and 85/85), 1997

[thedickcavettshow]

Hello everyone happy Monday. Your assignment for this week is to write an essay analyzing the classic movie Pat Garrett and Billy the Kid (1973). Minimum of two pages, single spaced, size 12 Times New Roman font, MLA format. You will be graded based on how closely your opinions match with mine. A score of less than 70% will get you softblocked.

[villainsrph]

003. PERFECTLY WRETCHED. rp icon & assorted use template. four options included, but completely customizable. simple and easy to edit. room for muse name, URL, or short quote, as well as muse initials. room to add small aesthetic images. compatible with gifs.

$4 or 320 points  —  available on payhip & deviantart ! (   contact me to purchase file directly if needed !   )  Fonts used — • black light  ( best used in lowercase letters. ) • laurens  ( best used in lowercase letters. ) • kannada sangam mn regular  ( best used in uppercase letters. )     —  should be included in PS, but linked just in case!

included is: 70 x 70, 50 x 50, double 50 x 50, & 100 x 50. • icon base and borders are completely adjustable. smaller and larger layout options provided to help keep proportions even when icon sizes vary, but are also adjustable!

- coloring psd is not included. - do not claim as your own or redistribute. - personal use only. do not use in commissions. - credit is mandatory and extremely appreciated! - canvas size is 540px width and varied height. - please consider reblogging or liking to help support my work!

don’t hesitate to reach out with any questions!  thank you so much !

interested in custom work?  I offer commissions !

[icantspellthings]

It's very hard to have any original or new thoughts about Star Trek because it's such an old franchise. You think you've made an interesting observation on the behaviour of a character, and then literally scroll down four reblogs to see a scan of a zine than an office lady from the 70s made that has an entire three page wirh 12pt size font and annotated diagrams and in text citations dedicated to what you thought was a "new" idea.

[archivist-dragonfly]

Book 475

Typographically Speaking: The Art of Matthew Carter

Margaret Re

Princeton Architectural Press 2002

Matthew Carter (b. 1937) is a legendary typographer whose name should be better known. The New Yorker once described Carter as “the most widely read man in the world,” owing to the ubiquitousness of some of his best-known fonts and type designs. Basically, everyone knows Carter’s work even if you don’t realize it. Verdana, Georgia, Tahoma, Galliard, along with scores of others—these were all created by Carter. But my favorite might be Bell Centennial, created in the 70s for use in phone books. On the occasion of their centennial, AT&T tasked Carter with creating a type that would use substantially less space than the then-current Bell Gothic without loss of legibility at the small sizes and poor printing process used for phone books. And even though I haven’t seen an actual phone book in years, I still have a clear memory of Bell Centennial and its clarity and functionality. Truth is, I think I kinda miss it. Phone books, too.

[khaleesiofalicante]

random question:

when you’re writing the chapter, which font and font size do you use? and what line spacing do you use?

cause i’ll see your 50, 60, or even 70 word docs and im in shock cause it never feels that long when im reading the chappys 😭

my font of choice is helvetica, 14pt, 1.5 spacing 🫣

Calibri (it’s my default font and I didn’t bother to change it).

I usually use 12pt. 1.15 spacing.

The page count is deceptive. I only look at the word count. Because some of my lines are shorter and for example if there are texts, shorter dialogues, etc in the fic, the page count will increase but the word count will remain low :)

[4noki-vns]

Polishing your Release: the Little Features that Could

This is a write-up for my Visual;Conference 2023 talk on polish: UX and accessibility.

I will discuss quality-of-life features and accessible design with engine-agnostic tips for implementation, walking you through case studies of existing visual novels.

This talk will guide you to answer the question: How do I give my players an improved user experience?

To create a polished visual novel is to deliver your game with both style and usability.

This talk focused on the aspect of usability and accessibility in your visual novel. How can you give your players a better user experience in terms of the following?

Core Visual Novel Experience

Accessibility

Extra QoL Features

-

I. Core Visual Novel Experience

You want your player to be able to read your narrative as conveniently for them as possible. Interactive components in your game application should mostly be there to enhance the player experience whether it is part of your narrative or there to give players more control.

I briefly touched on some common components/screens found in just about every visual novel.

Quick Menu

Be easy to click and inobtrusive

Be easy to understand

Convince your players that it actually works by providing feedback to button clicks

Text based quick menus are easy to understand, but take up lots of space. Icon based quick menus can be very abstract (what do the icons mean even if seemingly "obvious?")

You may want to consider a combination of both, but if using icon based quick menus, be sure to clarify the icons such as via tooltips.

Provide feedback when the quick menu items are clicked. Most actions just bring up a screen (obvious feedback). Skip will cause rapid movement of text on screen (easy). Auto is more subtle.

What can you do?

Change the auto button to an active state vs. idle state on press

Hide the CTC and/or quick menu on auto

Change the CTC to an "auto-mode activated" CTC

Etc.

History

Provide long enough history to backread

Provide utilities (e.g., if voice acting in game, allow voice replay)

Remember that rollback and history are two different things

Save/Load

Provide context of when and where

Provide sufficient slots for all choices without requiring player overwrite (visual novel players SAVE EVERY CHOICE)

Consider feature to indicate newest save, file deletion button, save file locking

To provide context, have a visual and timestamp, but also try providing chapter names or scene descriptions.

Configs

Provide reasonable default settings (e.g., audio at 70%)

Avoid overwhelming users by categorizing options and providing reasonable support (e.g., slider vs radio)

Provide previews

Single pagers and multi-pagers are both good. Make it easy for the player to get in, change the settings to their preferred values, and get back to the game.

Additional recommendations:

CTC icons

System sound

Splash screens (especially first time setting initializations)

-

II. Accessibility

Stating the obvious: start with good design :)

Make accessibility features easily accessed and support them:

Put it into your configs screen even if it's built in if you want to support it

Test and check that it works correctly (e.g., self voicing pronunciation, text size overflow)

Provide a reasonable number of options per feature. Whatever options you explicitly provide, you should actually be supporting them.

No one’s coming after you if the built in Ren’Py accessibility toggles overflow your textbox, but it sure will be a problem if the font sizes you’re explicitly providing are broken because that’s just a bug.

Recommended accessibility features: (italics talked about in presentation explicitly)

Self voicing

Image descriptions

Text options

Photosensitivity

Screenshake

Audio captions

Graphic images filter

-

III. Extra QoL Features

Not all features are great for all games, but some quality of life features can be very useful depending on your game. Therefore, you should know your game to know how to make the player experience better.

What's the genre?

How long is it?

What's the branching structure (if any) like?

Gameplay?

In this section, I briefly tackled exploring Aoishiro (highly recommend this game, by the way) and how some of its quality of life features are useful due to the type of game it is.

Genre?

occult fantasy, Japanese mythology

Having a glossary (with "new" indicator and alphabetization to make it usable) is very useful in game genres with lots of terms!

Length?

30+ hours (according to vndb. I took way longer, so pretty long)

Fourth item down in the first box is a togglable alarm for when skip ends! (Vibration mode, sound mode, both, or silent) Longer visual novels with large trunk portions of shared text that might get new unlocked text often need lots of skipping.

Branching?

56 endings, route unlocking mechanics

Aoishiro provides a spoiler option that lets you "mark unread content as read," unlocking content that you may not have actually been able to play through, whether it's due to difficulty or just laziness.

(This is also useful for remasters or sequels that contain previous game content but are not backward compatible save file wise.)

-

Conclusions

Make life more convenient for your players by keeping in mind UX heuristics such as:

Providing feedback & status

Error prevention & control

Recognition over recall

Consistency & standards

To polish your release, you want to make its features usable, accessible, and useful for your players!

Make baseline features with usability and accessibility.

Add additional QoL features depending on your game.

I hope this talk helps you make your visual novel a better experience for your players!