#ryanyflags

[ryanyflags]

Flag Making Tutorial

This will be a more technical step-by-step tutorial on how I make my flags (also a long post because I wanted to be thorough, plus I love flags lol).

The program I use is Inkscape, a free vector (.svg) editor program for pc.

I have templates set up, so the actual flag making process is pretty easy/quick.

Hotkeys/Locations/Other Reference

I'll be mentioning these options, so I thought to put them here all in one list. (They list the keyboard shortcuts first)

Snapping: magnet symbol (top right of screen), or under the adjacent arrow ◀️ symbol.

Document properties: shift+ctrl+D, or under the file menu (top left corner of screen). Display (1st tab) Guides (2nd tab) Grids (3rd tab)

Fill and Stroke: shift+ctrl+F, or under object (top of screen).

Layers and Objects: ctrl+shift+L, or under object (top of screen).

Align and Distribute: ctrl+shift+A, or under object (top of screen).

Import (Images): ctrl+i, under the file menu, or by dragging into the Inkscape window.

Save As: ctrl+shift+S, or under the file menu.

Export: shift+ctrl+E, or under the file menu.

Selector Tool: S, or cursor symbol (left side of screen). Click, or click and drag around the objects, to select them.

Locking a selection: lock symbol between the width and height boxes at the top of the screen.

Transform Selections: the width/height and x y position can be changed by typing in the X,Y,W,H boxes (near top middle of screen), or by dragging the corners/edges (resize) and inside the object (move).

Duplicate: ctrl+D.

Delete: delete key, or right click on the object.

Node Tool: N, or below the selector tool (left side of screen).

Rectangle Tool: R, or square symbol (left side of screen).

Pen Tool: B, or pen symbol (left side of screen).

Gradient Tool: G, gradient square symbol (left side of screen).

Mesh Tool: swirly square symbol (left side of screen).

Dropper Tool: D, or dropper symbol (left side of screen).

Undo: ctrl+Z.

Redo: ctrl+Y.

Creating the Template

Download Inkscape and open it, under the Time to Draw tab, click New Document.

First, snapping needs to be enabled, and under advanced mode enable grids and guide lines snapping. (This is crucial for making the stripes equally sized, spaced, and the overall flag in the right ratio.)

I'll be making a template with a 2:3 flag ratio.

Open document properties. (I like to move these types of windows to the right side.)

Under display, set the width to 42px and height to 28px.

Under guides, just click create guides around the current page.

Under grids, make sure rectangular grid is selected, and click new. (Grid units should be in px.) For the major grid line every option, change it to 2. (I also prefer to change the minor grid line color to be transparent.)

That's pretty much it, your template is done :D ! Just save it wherever you want. I like putting it in an easy-to-access flag folder, as it is needed to open it every time to make new flags.

You can use a different width / height / grid size / flag ratio if you want, these are just the numbers I'm comfortable with / used to.

Also, since this is a vector, the image can be infinitely big or small without any quality loss, so the small dimensions above don't actually translate to a low res image.

Creating the Flag

(I'll be using the rainbow flag to demonstrate.)

Start by having the template open.

You can import images (like .png/.jpg files) to color pick / reference if you want. Said images can be transformed (resized/moved) by selecting and transforming them using the options mentioned in reference. (This is optional, they should just be off to the side so they don't get in the way.)

To create the stripes, use the rectangle tool. Click and drag from one grid corner, to a lower grid corner.

While the rectangle is selected, use the dropper tool to pick a color from a imported image. You can also use the fill and stroke (shown on right) tab to create your own colors / edit colors / etc.

You can make these stripes however you want, they just need to all be equally sized. (They don't have to all have the same height, if you intentionally want that (like the demisexual flag for example).)

Then select all the stripes and transform them so that they fit the page.

All that's left is to save/export it.

To export it, use the export tab, under single file, page, adjust the width and height (in px) to however high res you want your image to be. (I usually do 3000 by 2000.)

Type in the desired file name in the box next to the folder symbol, use the folder symbol to choose its export location (which can also be used to determine the file name and save/export it), the adjacent drop-down-menu to select what to save it as (,png, .jpg, .svg, etc.), and the gear symbol to adjust other settings (I leave it as default, with antialias turned off (set to 0)).

And done, you've made a flag :D 🏳️‍🌈

Extra Notes

Layers and Objects: a menu that can be used to manage objects. Like their layering position (whether they are above or below another object), and other options can also be done here instead of with keyboard shortcuts.

Vertically striped flags: it's very similar to above. You would just make the rectangles taller rather than wider.

Wavy stripes: first use the pen tool to create zigzags. (The pen tool works like a outline, so just click along the grid corners, and join the line at the end. The fill and stroke menu can be used to make it a solid colored shape, and remove/add outlines). The steepness/frequency of the zigzags is up to personal preference, they just need to extend off the page a bit. To create equally sized wavy stripes, have the all side lengths (highlighted in red) be equal except (depending on how you draw your zigzags) the first or last wave, which should have half the side length of the others.

Select everything, and with the node tool, select all the zigzag nodes (the corners don't need to be selected), and click make selected nodes smooth (half circle with point in middle symbol, at top of screen). (It'll likely look like it has weird lines in-between the waves, see glitch section at the end for how to fix that.)

Then resize it all to the height of the canvas. And done :)

This can of course be vertical too.

Gradients: You can use the fill and stroke dialogue, gradient tool, or mesh tool to do this.

To create the gradient, select the object, click the linear gradient symbol (gradient box) under fill and stroke. Or dragging / double clicking with the gradient/mesh tools. (The mesh tool is what I used to create the square gradient.)

To change the colors, click on the arrows or circles under fill and stroke, or by clicking the points on the shape, to select the nodes. Then use fill and stroke to change the colors.

To create new colors/stops, click on the plus+ symbol under stops (under fill and stroke), or double click on the gradient. Edit the new colors in fill and stroke again.

To change the location of stops, use stop offset under fill and stroke, or drag the nodes on the gradient. You can also move the end points on the object to make the gradient slanted or vertical.

Symbols: I make my own when I can (like the demi- triangle can be drawn with the pen tool, and resized to the correct proportions). When the symbol is too complicated, I import a .svg of it. Wikimedia commons is a great resource, and the popular twemoji comes in .svg format too. You could also edit it on over the .png in a rastor program if need be.

The align and distribute tab can be used to center symbols (or any other selected object). Select page for the relative to option, and use the symbols underneath to center/align it however you want. (You can also use different relative to options, like last selected, if you want to align it to an object instead.)

Deleting imported reference images: you can do this before saving it as a .svg, if you don't want to keep them / want to clean up the .svg file.

Antialiasing: an option that blurs things basically. A image with antialiasing off will be sharp pixels, while a image with antialiasing on will have transition colors between the main colors.

Below is an example. The left side is without antialiasing, and the right side is with antialiasing.

I can see why it might be preferable to have it on (like for diagonal shapes), but antialiasing can make recoloring .png (not .svg) files hard. The extra different colors messes with fill tools. I also think it looks cleaner without, so I prefer it off.

Exporting glitch: sometimes an exported image will have a thin line between the stripes, despite the fact the stripes are perfectly next to each other. (This seems to not just be a problem with Inkscape, but with vectors in general.)

Below is a zoomed in example of what it'd look like. The left side shows the stripes are all next to each other, but the right image has a transparent line in-between the stripes.

This can be fixed a number of ways.

You could select all the objects, and duplicate them twice.

Or overlap them. The stripes will still be the same size when overlapped, but they will technically be behind each other, so there will be no gap.

With all the different stuff mentioned, you can basically think of them as building blocks with the grid as reference. They can all be mixed and matched together.

I didn't mention all the options, just because there's that many different things you can do in Inkscape. I'd encourage you to play around with all the different options/tools yourself.

There's also some great Inkscape guides on YouTube, it's where I learned how to do a lot of this from (even if they're not for flags specifically, the concepts in those videos can be applied to flags).

Here's an overly elaborate flag I made, just to demonstrate some (but not all) of the things that can be done.

Anyways what a long post haha. But maybe this will be helpful for anyone interested in making (pride) flags.

[themarshmush]

Made this cutie using @ryanyflags r/LGBallT-inspired Picrew!

[braindepo]

"This user is Wintervesi!" Animated Userbox

[allegoriesandepithets]

Large Pixel Size Loveflux A- Flags

[PT: Large Pixel Size Loveflux A- Flags]

Loveflux Ace ~ Loveflux Aro

Loveflux Apl ~ Loveflux Aqp

Loveflux Analt ~ Loveflux Asen ~ Loveflux Anae

Definition: One who is a- [attraction type], and whose ability to feel love fluctuates.

Credit to @transolar for the original aro flag and @ryanyflags for the ace and atertiary flags. I changed the aqp to a gradient as usual, and I also slightly changed the colors of the analt flag.

All flags are 3000x2000 pixels.

@tertiary-attraction-archive @orientation-archive @radiomogai @liom-archive @imoga-pride

[dragonpride17]

Could you do blinkies for annugirl, splintercat and sparkledog by @satyrradio , andersatyr, xenogenderthing and anonbinary by @ryanyflags , lilygirl, your star tmaingender flag, and the xenogender turigirl flag by @caeliangel ? Thank u :)

[ID: 14 blinkies of different pride flags, with the name of each label written in pixel lettering. In order, they are sparkledog (x5), andersatyr (x2), splintercat, xenogenderthing, anonbinarything, anonbinary, lilygirl, TMAINgender, and xenogender turigirl. /end ID]

i made an annugirl blinkie here (link), and here are the rest!

(i couldnt find the anonbinary flag you were looking for, hope these are ok ^^;)

[neopronouns]

flag id: two flags with 6 stripes. the left flag's stripes are pink, soft orange, golden yellow, light blue, dark blue, and very dark faded blue. the right flag's stripes are orange, golden yellow, pale green, sky blue, bright indigo, and dark faded blue. end id.

banner id: a 1500x150 teal banner with the words ‘please read my dni before interacting’ in large white text in the center. end id.

atertiary aroace flags for 🐛☀️ anon! the first is based on the original atertiary flag and the second is based on ryanyflags' version.

tags: @radiomogai, @orientation-archive, @ryanyflags | dni link

[artsyaech]

the deep MOGAI study

[PT: the deep MOGAI study]

i’ll be running polls (idk how many yet) on my blog. this is a study on the MOGAI community, i’d like for as big of a group as possible.

so i’ll be tagging a few blogs (ask to be untagged)

@mogaimagic @mogai-sunflowers @mogai-headcanons @objectum-gendersylph @rei-does-stuff @mogai-luigi @saintelia @mogaiadjacent @blood-moon-night-coining @julietianboy @ryanyflags @mogaiundead @horrormogai @revenant-coining @niyoneo @mogaicultureis @haunted-thing @local-yurei @genderstarbucks @leijonisms @a-quilted-milky-way @dreamythism @the-coiner-prince @genderyboy @tangymogais @themogaidragon @deertism @neopronouns @bored-coiner @gennerflooid and anyone else i forgot

[isobug]

Intertciaspec and Intertcingender

( ID 1: A flag with five horizontal stripes, in the following colors: dark purple, pink, yellow, turquoise and dark blue. In the center, there's a white circle outline with a yellow border around it. End ID. )

( ID 2: A flag with seven horizontal stripes, the middle stripe being thicker, in the following colors: white, pink, magenta, yellow, navy blue, teal and white. In the center, there's a dark purple circle outline with a yellow border around it. End ID. )

Terms and flags for those who are Intersex and Tciaspec / Tcingender, and / or are Tciaspec / Tcingender in an Intergender way / in a way which is caused by or inherently tied to being Intersex.

( If you don't want to use the combination terms you can just call them Intersex Tciaspec / Intersex Tcingender. )

Combining the Intersex flag by Morgan Carpenter with the Tciaspec and Tcingender flags by @ryanyflags. I thought the layout of those flags and the colors were incredibly pretty, so I tried to maintain that while still making them distinctly a combination / Intersex-focused.

Obviously these are intersex-exclusive but perisex folk are free to reblog or archive !! Free for anyone to use anywhere.

Taglist - @radiomogai, @revenant-coining, @interarchive

[garden-of-flags]

sapphboy flag compilation pt 1/2

sapphboy/saphboy/sapphiboy/sapphic boy: “a boy that experiences their gender and attraction as sapphic” or “someone who is sapphic and a boy in some way”

earliest mention: october 9, 2020 by @/xenoleaf (now deactivated) (archived link here)

(part 2 link here)

october 9, 2020: flag (and simplified flag) by @/xenoleaf (archived link here)

[ ID: in the center of the flag is a dark indigo circle. from near the center of the circle ten diagonal stripes extend outward. from the center stripes outward, two are light pink, four are green, and four are light blue. where the circle overlaps with these stripes they become varying shades of purple. the negative space behind the circle and the stripes forms a blue hourglass shape. /End ID ]

[ ID: a flag with seven horizontal stripes, with the center stripe being twice as tall. in order, they are: blue, light blue, green, pink, green, light blue, and blue. in the center of the flag is a medium-sized dark indigo circle. /End ID ]

september 19, 2021: alternative flag by @mogai-sunflowers (link here) (archived link here)

[ ID: a flag with seven even horizontal stripes, in the following colors: indigo, blue, turquoise, yellow, yellow, orange, and rose pink. /End ID ]

august 14, 2022: alternative flag (with and without symbol) by @thehealingsystem (link here) (archived link here)

[ ID: a flag with seven even horizontal stripes, in the following colors: pink, pastel red, peachy orange, white, pale lavender, magenta, and purple. in the center there is a pastel purple and yellow version of the sapphic violet symbol. /End ID ]

[ ID: a flag with seven even horizontal stripes, in the following colors: pink, pastel red, peachy orange, white, pale lavender, magenta, and purple. /End ID ]

october 16, 2022: alternative flag by u/maliicaii (link here) (archived link here)

[ ID: a flag with seven even horizontal stripes, in the following colors: deep pink, pastel periwinkle, pale sea foam green, white, pale sea foam green, pastel periwinkle, and deep pink. in the center, there’s a blue version of the sapphic violet symbol. /End ID ]

july 6, 2023: alternative flag by @/silakyu (link here) (archived link here)

[ ID: a flag with five even horizontal stripes, in the following colors: pastel pink, pastel purple, pastel green, pastel blue, pastel pink. /End ID ]

color meanings:

pink for sapphic/wlw attraction; purple for femininity/connection to womanhood; green for gender nonconformity; blue for masculinity/connection to manhood

july 19, 2023: alternative flag by @ryanyflags (link here) (archived link here)

[ ID: a flag with four even horizontal stripes, in the following colors: peach, pink-tinted white, turquoise and blue. in the center, there's a pink and yellow version of the sapphic violet symbol with a thick, pink-tinted white border around it. /End ID ]

september 18, 2023: alternative flag by @silliette (link here) (archived link here)

[ ID: a flag with five even horizontal stripes, in the following colors: pastel purple, light purple, light pink, light blue, pastel blue. /End ID ]

september 30, 2023: simplified alternative flag by @ryanyflags (link here) (archived link here)

[ ID: a flag with four even horizontal stripes, in the following colors: peach, pink-tinted white, turquoise and blue. /End ID ]

october 8, 2023: alternative flag by @/bigayasuka (link here) (archived link here)

[ ID: a flag with five horizontal stripes, with the center stripe being twice as tall. in order they are: red-violet, muted red, white, muted violet, and muted pink. in the center is a violet sapphic violet symbol. /End ID ]

october 24, 2023: alternative flag (with and without symbol) by @caeliangel (link here) (archived link here)

[ ID: a flag with seven horizontal stripes, with the center stripe being twice as tall. in order, they are: dark pink, pink, orangeish pink, almost white pastel yellow, blue, purple, dark pink. in the center, there's a magenta sapphic violet symbol with a slightly-transparent, off-white border around it. /End ID ]

[ ID: a flag with seven horizontal stripes, with the center stripe being twice as tall. in order, they are: dark pink, pink, orangeish pink, almost white pastel yellow, blue, purple, dark pink. /End ID ]

march 4, 2024: alternative flag by @noxwithoutstars (link here) (archived link here)

[ ID: a flag with seven even horizontal stripes, in the following colors: muted dark blue, muted blue, sea foam green, green, pale yellow, orange, and muted red. /End ID ]

[ryanyflags]

A-spec flag sets masterpost

I made a bunch of a-spec flag sets, so here's the full list of all them. (This list will be updated as new sets are posted.)

(Note: this doesn't include every a-spec flag that exists, just the particular sets I made. Also, not all of these flags are my original designs, I just like having things in matching sets.)

Analterous / nonalterous / a-alterous (analt for short)

part 1 ✦ part 2

(Uses light blue as the main colour.)

Aplatonic (apl for short)

part 1 ✦ part 2 ✦ part 3 ✦ part 4

(Part 1 & 2 uses yellow, part 3 & 4 uses green, blue, & purple as the main colour(s).)

Asensual (asen for short)

part 1 ✦ part 2

(Uses orange as the main colour.)

Anaesthetic / nonaesthetic / a-aesthetic (anae for short)

part 1 ✦ part 2

(Uses pink as the main colour.)

Aqueerplatonic / aquaplatonic (aqp for short)

part 1 ✦ part 2 ✦ part 3 ✦ part 4

(Part 1 & 2 uses yellow & pink, part 3 & 4 uses teal as the main colour(s).)

Atertiary (ater for short)

part 1 ✦ part 2

(Uses light green, cyan, blue-purple, & orange as the main colours.)

Aphysical (aphys for short)

part 1 ✦ part 2

(Uses light yellow-green, teal, purple, & dark grey-black as the main colours.)

Aemotional / anemotional / nonemotional (aemo for short)

part 1 ✦ part 2

(Uses dark grey-black, blue, light green, & blueish green as the main colours.)

Anattractional / absolnian (anatt or absol/absolni for short)

part 1 ✦ part 2

(Uses black, and sometimes dark blue purple, as the main colour(s).)

Extra:

Loveflux flags

[dearly--detested]

A girlthing stimboard! It was originally going to replace day 3 of @deadboystims' event, as we were having trouble coming up with ideas but... time issues. u ge tit.

Credits: x.x.x x.x.x x.x.x PSD Flag by @ryanyflags

[stormy-caffeine]

Androgy(n)thing - Nonhuman Androgy(n)thing

A gender related to being both androgyne/androgynous and a thing ; an androgy(n)thing.

The nonhuman variant is exclusive to all nonhumans, alterhumans, therians, otherkin, etc etc, who feel that being androgyne and/or a thing is related to their nonhumanity.

The "n" inclusion is an optional spelling and pronunciation alternative. Both spellings and pronunciations are accurate.

The top 4 stripes represent variations of binary androgyny while the bottom 4 represent abinary androgyny and nonconformity. The 3 center stripes, to me, contrast the other colors to represent being a "thing", as something that stands out in contrast to the social norm.

---

The base flag was inspired by @ryanyflags versions of the boything and girlthing flags. They are both pretty and inclusive!

@our-androgyne-experience

[jamiieeez]

Anattraction

Anattractional alt. flag | Anattractionalspec alt. flag | Greyattractional

Demiattractional | Delloattractional | Fictioattractional

Anattractionalflux | Anattractionalfluid | Anattractionalflexible

Anattractionalspike V.1 | Anattractionalspike V.2 | Anattractionaljump

Darkgreyanattractional | Lightgreyanattractional | Atomoanattractional

Reciproanattractional | Lithioanattractional | Frayanattractional

Myranattractional | Cupioattractional | Bellusattractional

Anattractionalvague | Lovelessanattractional | Heartlessanattractional

Apothiattractional | Orchidattractional | Neuroattractional

Autianattractional | Caedattractional | Nebulaattractional

Nebulaattractional: When someone has truble to or can't distiguish between attraction types due to their neurodivergency. The difference between Nebulaattractional and nebulous attraction [link] is that nebulaattractional is specifically when none of one's attraction types are clearly distinguishable and/or when one has generally truble understanding what attraction as a whole is/feels like. Also unlike nebulous attraction nebulaattractional is exclusive to neurodivergent people. Nebulaattractional people might identify as nebulatomantic, nebulasexual, nebulaplatonic, nebulasensual, nebulaqueerplatonic, nebulalterous, nebulaalterous and nebulaaesthetic. Color picked from the cat paw nebula [link]. Inspiration for this post came from Ryanyflags' posts with different Aspec lables, here as an example is the one with Aplatonicspec[link].

[allegoriesandepithets]

Large Pixel Size Loveless A- Flags

[PT: Large Pixel Size Loveless A- Flags]

Loveless Ace ~ Loveless Aro

Loveless Apl ~ Loveless Aqp

Loveless Analt ~ Loveless Asen ~ Loveless Anae

Definition: One who is a- [attraction type], and feel disconnected from love, does not feel love, rejects the idea of experiencing love, or otherwise feels connected to being ‘loveless’.

Credit to @ryanyflags for the atertiary flags. I changed the colors of the original ace flag to better match the rest, and changed the aqp to a gradient.

All flags are 3000x2000 pixels.

@tertiary-attraction-archive @orientation-archive @radiomogai @liom-archive @imoga-pride

[dragonpride17]

IDs in alt text

pereguy - a term for guys who are female in a nonbinary & xenic way

perenby - a term for enbies who are female in a nonbinary & xenic way

perexip - a term for xips who are female in a nonbinary & xenic way

IDs in alt text

pereaby - a term for abies who are female in a nonbinary & xenic way

peremav - a term for mavs who are female in a nonbinary & xenic way

pereoune - a term for ounes who are female in a nonbinary & xenic way

IDs in alt text

pereapory - a term for apories who are female in a nonbinary & xenic way

pereay - a term for ays who are female in a nonbinary & xenic way

pereneut - a term for neuts who are female in a nonbinary & xenic way

tagging @daybreakthing and @ryanyflags, since i used colors from their flags to make these!

[n-tcat]

Cisman+ | Cisboy+ [left] — Being both a cis male and boy+; someone who completely identifies as a cis male, plus additional genders

Ciswoman+ | Cisgirl+ [right] — Being both a cis female and girl+; someone who completely identifies as a cis female, plus additional genders

Based on @/ryanyflags' cis flags