Stupied Blog RSS Feed

100 Questions for Artist

Thu, 27 Nov 2025 00:00:00 +0800

Created a questionnaire for the funsies, you can get the blank here. I tried my best to keep the questions art related and not drawing related, if you catch my drift.

1. Introduce yourself! What kind of art do you make?: Henlo I'm Stupied! I make quite a lot of art but I'm generally know for my cartoons with an artstyle that is vaguely reminiscent of 2018 animation memes. You can find the rest of my art here!
2. How long have you been making art?: Since forever. I honestly cannot recall a time I was never not been drawing. Art has always played an important role in my life and I genuinely don't know what I'd be doing without it.
3. How many hours do you spend for each piece?: As a chronic doodler, I am always sketching about something within 5-10 minuets. But polished illustrations take me about a 3-5 hours to finish. Depending on how annoyed I am with the drawing.
4. Do you prefer taking your time or do you like to quickly move on to the next thing?: I try not to dwell on a piece for too long so that things can get done and over with. Disliking a piece usually means there is something fundamentally wrong with it and it's better for my sanity to finish it and move on to the next thing.
5. When do you decide a piece is finished?: When I get tired of looking at it.
6. What part of the creation process do you enjoy the most?: Sketching! It's a fundamental aspect that is often overlooked. I've always been envious of people who can sketch with so much confidence. Wether it be freehand perspective or gestural studies. One day I'll be the sketcher of all time..!
7. What part of the creation process do you dislike the most?: This may come to a surprise to some, but coloring. It's an aspect that really makes or breaks and illustration and I dread it every time.
8. Do you have a designated workstation or do you just work wherever?: My laptop and drawing tablet is always docked on my desk but I usually end up coding when I'm home. Most of my art is made when I'm outside, looking for some time to kill.
9. Do you monetize you work or is it purely a hobby?: Getting money from what you love is sounds awesome! But the pressure to improve and market yourself is just to heavy of price to pay. I am contented with it staying as a hobby.
10. Where do you share your work? On social media or a personal websites? Do you keep to yourself and close friends?: This website is the first place my work gets uploaded on. On days I don't feel lazy, I would upload it to my Instagram, Reddit, and selected Discord Servers.
11. What's an aspect of your art you enjoy?: Being able look back at them and use them as a medium to ramble about my OCs.
12. What are things you would like to improve on?: Want my art be less stiff and more flowy, you know? Yeah, you know.
13. Are you self-taught or had formal education?: Do MAPEH classes count?
14. Do you research about old techniques or stick to newer ones?: Love learning about older techniques but never actually apply them. Dislike how most modern art tutorials are "do this one visual trick to get good quickly" than actually learning the fundaments.
15. What do you value more, experimentation or mastery?: Experimentation is only really interesting when there was prior mastery. Which is why I strongly believe people should learn to draw from life before caring about stylization.
16. Do you practice drawing from the wrist? What other art techniques to you practice?: Only recently has it been something I actively try to do. Used to sketch on tiny A6 notebooks (like half of a half short bondpaper) and bad habits die hard.
17. How frequently do you do studies?: Only when I'm outside and bored.
18. Do you understand color theory? How'd you learn or do you want to?: No. Recently been enthralled by Mary Blair's work though. Would love to achieve the boldest of work one day.
19. Favorite color(s)?: Red, yellow, and light blue. The absolute classics :]
20. Are there colors you avoid? Do you think ugly colors exists?: Generally avoid obnoxious shades of purple. Can only tolerate darker shades of it.
21. Can you do perspective?: Gaslit myself into believing that I can.
22. Do you like doing lineart? How do you go about it?: At the moment, I only enjoy doing lineart traditionally. Yet to find a digital brush that has the same charm of working with a cheap ass ball point pens.
23. Do you have multiple unfinished projects? Will you ever get to finishing them?: Haha.. ha... ha..
24. How do you start a new piece? Do you have a plan or just figure it along the way?: Usually do a few thumbnails to nail down some decent framing. Annoyingly, I sometimes end up liking the thumbnail more than the actual sketch.
25. How do you handle art block?: I suffer the opposite actually. Having too many ideas and not being able to execute them in one sitting.
26. Do you listen to music or watch something while working?: Only when I color. While sketching, I need my full focus and having something play in the background is far too distracting.
27. When are you most motivated to create? In the morning or evening? Rainy or sunny?: Apparently when I have lots of school work.
28. Are your sketchbooks messy or aesthetically pleasing?: Sketchbooks have always been really important to me. Not for their bragging potential but because how it gives me an excuse to let my mind drift. Allowing me to take everything around me and enjoy them as is. Looking back on an old pieces, I can remember what circumstances I was and who I was with. So being 'aesthetically' pleasing really isn't as big as a priority as putting down what I see.
29. Do you like showing sketchbooks to others?: There this old comic I made back then, that I cannot find anymore. It was basically one of my OCs ree-ing at someone asking to see her sketchbook. That feeling has never quite left me.
30. Do you have any art friends? IRL or online?: Despite my social ineptitude, yes. I am forever grateful for them.
31. Do you collaborate frequently with your friends? Is there something you'd like to work on together?: On the rare occasions we meet up, we'll doodle something in each other sketchbooks. You've probably encountered some of them.
32. Have you created art to gift to others? How do feel about parting away from your work?: The only things that come to mind are sketchbooks I bounded for my friends and that one crochet cat I made for my younger sister.
33. Have you drawn for someone else? Like commissions or requests? Did you enjoy it?: I've done a handful of commissions in the past. In retrospect they weren't that good but thank you to the people who did anyways.
34. How's your posture?: *bends back by 1 degree*
*the loudest crack*

It's alright. Could be worst.
35. Have you ever been injured making art?: Once made a really deep cut on my finger. It is probably the worst place to get a cut because you need your hand for literally everything. My dad offer me his paper cutter once but I felt really uncomfortable about owning what is essentially a mini guillotine.
36. What's a medium of art you've wanted to try / currently attempting?: I absolutely adore animation but just don't have the patience for it. I want things to look good now!
37. Do you prefer stylized or realistic art?: I have a strong preference for stylized art. Especially ones that flow nicely in arcs. Probably why I'm so fascinated with animated dance numbers.
38. Do you like hyper-realistic art?: No. Although there is skill required to achieve it, it's just something I can't bring myself to care enough for.
39. Do you like abstract art?: They're good background noise.
40. How do you feel about fine art?: The backstories artist will make up for the sake of selling their work is really funny to me. Like no fucking way you were thinking all that when you made this.
41. How do you feel about outsider art? Do you think you fall in that category?: They're art made purely for the sake of making art and I find them incredibly endearing. My art definitely does not fall under it - I've seen too much.
42. Do you follow art trends?: No.
43. Do you think you art is influenced by what's currently popular?: Not consciously.
44. Do you compare yourself with others? Does it affect you negatively?: Seeing others art always motivates me to make more of my own!!
45. Your controversial art take?: Anime is weird looking and it isn't normies fault for thinking they're for kids.
46. Art related pet peeves?: Adding too much artificial static and noise. There is something wrong going on if you art needs a hundred filters to look interesting.
47. Who or what are your inspirations?: Lavendertowne and Scott Pilgrim definitely effect me artstyle wise. Also no I will not shut up about LiteralHat because I really admire the versatility of their work.
48. What's an art piece / artist you wished got more attention?: I know it was a difficult time for them but late 1940s-1950s Disney animation is so pretty.
49. Have you touch grass recently? Do you go out frequently or do you spend most of your time indoors?: Due to the amount of natural disasters and bad timing, been spending a lot of time indoors lately.
50. Do you create art daily?: I try my absolute darndest to.
51. Do you take breaks from creating? How frequently?: Too many.
52. Do you set deadline for your work?: No, because they're never achieved and just make me sad.
53. Do you archive your work? Do you keep old pieces?: Yes!! I have a keep all my old notebooks and my current art gallery archives works from all the back as 2018!
54. Are you embarrassed of your old work? Or are you indifferent by it?: Not as much as before. Grown to love their wonkiness. It's also fun to ruminate about the times I made them.
55. Do you seek out for criticism? How do you handle feedback?: Used to, but realize majority of the people that critic art in the internet aren't that knowledgable.
56. Are you harsh on your own work? Or do you love your work despite all it's flaws?: Stopped putting down my own work because it literally benefits no one.
57. Do you get compliments frequently? How do feel about them?: Responding to compliments makes me really anxious for [ Insert lengthy psychological reasons ] but know that I appreciate them!
58. How do feel about the rise of generative AI? Do you use it for getting ideas or references?: Despise how intrusive it is. It's why I've minimize my social media usage.
59. How do feel about tracing? What about tracing 3d models to streamline art process?: Personally, I don't think it's that big of a deal. It's just the end results are always really stif really unimpressive. Having geometrical accurate art does not equate to appealing art.
60. Drop you art resources!: Literally have none I can think of right now </3
61. Do you prefer making fanart or original content?: Prefer making OC art but I'm not above making fanart here and there!
62. Do you think original content are more creative than fanart?: No. Fanart still requires some kind of deconstruction and creativity to get right.
63. Do you strive for originality?: It's a waste of time to. There isn't a single art concept that hasn't been conceived and executed by someone else.
64. Do you draw from imagination or heavily rely on references?: Since I mostly draw cartoons, I can get away with really questionable abstraction. But I try to look up references when I have the time.
65. Do you think using references is a crutch?: It's really a matter of balance.
66. Do you like to make mood boards or scroll through Pinterest?: Sometimes I make a collection of ultra-specific things but I think it's just me procrastinating.
67. Does your work have a story behind them or do you just make things that you think look neat?: They always do, but I can't be bothered with elaborating them.
68. Do you think art should have a purpose?: I think it just does. It just in it's nature. Sometimes that purpose is just to bring joy to whoever makes it. Or pain. Maybe both simultaneously.
69. Favorite aesthetic?: Whatever the hell you call this thing
70. Do you have a muse or a theme you fall back to?: When all else fails, I just doodle Psyche.
71. If you could eat you art, what would it taste like?: Sweet and sour pork.
72. If your work suddenly became sentient, would it adore or hate you?: All of them are angry and spiteful. So yeah, they'd most likely hate my guts.
73. Based on previous question, can you win in a fist fight against it?: No.
74. Is your art style consistent? Do you prefer making a wide variety of art?: Just use whatever artstyle my whims takes me but my resistance to change often brings me back to the same shit I've been drawing a decade ago.
75. Do you revisit old concepts or sketches? Do you touch em up or leave them as is?: Sometimes I consider redoing certain pieces, but my laziness get the best of me.
76. Do you believe in talent or is it all skill?: I strongly believe there are just people who are innately better in certain aspects. But I also believe there isn't anything a talented person can do a that a properly skilled artist can't do.
77. What's your favorite thing to draw / make? Do you prefer making living things or still life?: People's backs and people on their phones. There's a lower probability of eye contact.
78. Do you create your art with a specific audience in mind? Who?: Me..!! Genuinely cannot imagine much of my work appealing to anyone else and I'd rather not waste timing trying to.
79. How do you feel about people taking inspiration from work? Do you think art style theft is real?: Art style theft is so dumb that I can't help but find it really funny.
80. Do you participate in art conventions? Do you sell your work or support everyone else?: No, because most of the art conventions here are anime related. The only anime related things I care about is pokemon and puyo. They never have the latter nor do they make art of my favorite mons :(
81. Are you art materials expensive? Do you hoard any tools?: The most expensive thing I own is my laptop and drawing tablet! All my traditional art materials are usually the cheapest thing you could find and I make my own sketchbooks.
82. Do you organize you supplies and tools systematically?: The paint and pin maker is behind my rooms door, the pin shells and miscellaneous objects is inside the broken cabinet, and all my papers and yarn underneath the bed. So, no.
83. Do you clean up after a project? Or do you just leave everything lying around till you need the space?: My desk is too small for anything so I have to clean up almost immediately. Also having a messy room fucks over my already awful attention span.
84. Do you have a ritual before you start creating? Do you have a drink or some snacks?: Sigh.
85. How do feel about censorship in art? Where do you draw the line for inappropriate art?: I don't think there's truly inappropriate art. Just really inappropriate places to put it. The problem is the internet has made it really difficult to define those boundaries.
86. Do you censor your own art? Do you feel like you leave out details for it be socially accepted?: Listen buddy, you're in MY website looking at MY art! If you find something offensive and in poor taste, do yourself a favor and look at something else! It really isn't that difficult. I do not feel obligated to bend my artistic visions to please some strangers who probably didn't know about my existence until a few minuets ago.
87. Do you feel intimated with starting a new projects?: Yeah. Usually do it bit by bit instead.
88. Are you scared of your art regressing? Do you think it's even possible to get worst at art?: Although a pessimistic view, I believe art regression is real. It is literally why I didn't pursue it professionally. At least if my art gets worst, I don't have to financially pay the price for it.
89. Do you frequently make compromises for your work? Does your art come out the way you envision them?: Literally nothing comes out what I want it to. Learned to accept my incompetence and just draw for fun.
90. How well do you manage your mistakes? Do you stress about them?: Just quietly tuck it away and move to the next project. Life is too short to worry about things people won't bother to look at for any more than a minuet.
91. Do you make lists of things you'd like to make? Do you actual commit to them?: Sometimes my siblings come up with a silly concept or something weird happens in my life. I have multiple lists taking note of these, but rarely do they become anything.
92. What is your ultimate goal of your work? Like, is to tell a story, connect with others, or just to enjoy the process?: To bring the lil guys in my head into something tangible.
93. What's something you've recently worked on that you're really proud of?: Probably this painting. I really ought to do traditional painting more often.
94. Do you have any dream projects? Have you started on them?: Literally everything featured in the OCs Website. Comics are technically the "cheaper" medium to create but the perfectionist in me makes it really difficult to just get started.
95. Would you prefer unlimited money or unlimited time to make your projects?: Unlimited money. This way I don't have to worry finding work and fully focus on my projects.
96. Why do you create art?: Because what else is there going on with my life, lol?
97. Are you happy with what you create?: Suppose as about happy as I can be.
98. Do you think everyone should make art?: Yes. I think just about anyone and everyone should make something at least once in their life. Make more than you consume!!!!
99. What's advice you'd give to newer artist?: Art doesn't have to be technically impressive to be worthwhile making. Have fun with it!
100. When did you finish this? How'd you feel?: November 28, 2025 » Probably should of done something more productive haha. Writing a 100 questions then answering them was a lot more difficult than anticipated. Hoping there isn't too many grammatical mistakes..!

If you ever get around to answering it, please drop your website below! Honestly really curious and would love to read everyone else’s answers! :D

Read Other People’s Responses!

Improving My OC Website

Tue, 25 Nov 2025 00:00:00 +0800

Despite it being the original motivation for picking up a Static Site Generator, my OC Website has been severely neglected. This was mainly because my lack of understanding of how Jekyll worked made me hesitant to make anything complicated. Quite some time has passed since then I’ve gotten a better idea of how I wanted to go about the website. With overcomplicated file structures and a bit of Obsidian shenanigans, join me as I develop the workflow for the ultimate oc repository!!

Heads Up

As per usual, this is not a tutorial. This blog is particularly experimental with me messing around with stuff that’s still kinda new to me. There’s a lot I would like to improve on but this is my current workflow and I felt like sharing it.

The Goal

Normally you’d write all your character information in a single linear file. Unfortunately I am not normal person. So for each item I’d like there to be an index.md file with each section separated in it’s own file. So if I wanted a page for Psyche, the folder would look like this:

└───psyche index.md _appearance.md _gallery.md _history.md _personality.md _relationships.md 

I’d also like to be able to sort the items into separate categories. Like whether or not something is a character or a location. Additionally, it be neat to have subdirectories in each category. For things like segregating characters based in the order of their importance.

└───char ├───1st │ ├───psyche │ ├───evan │ └───jay ├───2nd │ ├───mary │ ├───lily │ └───august └───3rd ├───athena ├───charmaine └───benedict 

To make all of this easier to manage we will be utilizing Jekyll’s Collections again. So with all of this in mind, a file’s path will probably look a bit like this.

# src/collection/category/subdirectory/item-name/filename public/psych/char/1st/psyche/index.md 

You may think that all of this is a lot of trouble for what can easily be put into one file - and you’d absolutely right! But writing everything in separate files lets me know what content is in what and makes moving the order of sections around a lot easier. There also the added bonus of adding visual difference in each section by putting them in separate elements. Besides, can’t go around calling it the Ultimate OC Repository if I don’t put in an extra bit of work.

Configuration

Before anything else we need to mess around with the _config.yml. Since each universe is put into its’ own collection, we should put all the collections inside of it’s own folder to keep it tidy. We achieve this using the collections_dir with all future collection folders placed into it.

collections_dir: _files 

Then we list out all the collections we’d like and set the output to true. This way, everything inside the collection will render as it’s own page.

collections: psych: output: true pmd: output: true misc: output: true # so on, so forth 

We can target everything inside a collection to set default values, such as what layout the file should be rendered in.

defaults: - scope: path: _files/*/ values: permalink: /:collection/:folder_below/:folder_first layout: view 

And that should be about everything in the config file!

Custom Placeholders

You may have notice that in the default values from the previous section included something called the Permalink. It basically just sets the files path. If we leave it empty it will just defaults to files original path, which is really long. It be better to keep the urls short and constant. We don’t want links to be broken because of arbitrary folders getting renamed to another. Using the permalink typically looks like this:

permalink: /:collection/:filename 

Everything starting with a colon (:) is a placeholder that refers to the file’s own property. There’s a handful to choose from but because my files are setup weirdly, most of them are not that helpful. Since all the files are named index.md they will all have the same permalink. In order for this to work, we need to get the name of the folder above the file. This way the file /psyche/index.md will become psyche.html instead. You know last blog post when I said I’d figure out how to make custom ruby plugins? Yeah, was being super cereal about.

In the Drop module there’s UrlDrop. You can the find code here but basically you just define a function that you can use as the placeholder for the permalink. So we create a function called folder_above which can be access in the permalink with the same name. The function just splits the file’s path then grabs the second to the last item on the array - which is the filename we want.

module Jekyll module Drops class UrlDrop < Drop def folder_above # obj.path returns » D:/path/to/_collection/folder-name/index.md @obj.path.split("/")[-2] # returns 'folder-name' end end end end 

Additionally I want to be able to grab the first folder the file is in, relative to the root of the collection folder. So we grab the collection the file is in and search for its’ index in the files path. We increment that index to grab the folder!

def folder_first split = @obj.path.split("/") collection = "_" + @obj.collection.label index = split.find_index(collection) split[index + 1] end 

Just as long as you know what properties to get and how to manipulate the string, you can make as many custom placeholders to your heart’s content. This isn’t all that impressive but it technically marks my first ever ruby script so that probably constitutes for something. One day I’ll fully wrap my head around object oriented programming then I can rule the world…!

Adding in the Sections

In Jekyll, anything starting with an underscore (_) will be ignore and not process during the building process. So each index.md file should have a list of the additional files we’d like to include in the page. They’re capitalize because we’ll be using it as the title of the section.

files: - Personality - Relationships - Appearance - Gallery - History 

Using this list we grab the content using include_relative which does exactly what it does. For example, it would look for the _personality file inside of the folder it is currently in. Also we need to wrap the content inside a capture variable to get the markdown to actually render.

<!-- Start of the page --> <article> <h1>{{ page.title }}</h1> {{ content }} </article> <!-- Looping through everything in files --> {%- for item in page.files -%} <article id="{{ item | downcase }}" class="view-item"> <!-- Title of Section --> <h2>{{ item }}</h2> <!-- Section Content --> {%- capture result -%} {%- include_relative {{ item | downcase | prepend: "_" | append: '.md' }} -%} {%- endcapture -%} {{ result | markdownify }} <!-- Converts the markdown --> </article> {%- endfor -%} 

Obsidian Vault

Alrighty now that we’ve got the website configured, we gotta set up an easier way to go through and edit the files. The way it’s set up right now means we’d have to go through several nested folders which isn’t all that fun. This is where we’ll be using Obsidian and the fairly recently added in Bases Feature. Obsidian is a personal knowledge database which is just the nerd equivalent saying it’s a kickass fucking note taking app.

We filter for items that only had the filename index. The rest of the columns will be custom properties made with Obsidian’s functions. For example we could make a column that links to the index file like so.

link(file.path, note["title"]) 

For the thumbnails we just use grab the folder the file is in and link to the right path.

image( "img/thumb/" + file.folder.split("/")[-1] + ".jpg" ) 

We could also have a column that lists outs all the other files listed in the index

note["files"].map( [link(file.path.replace("index.md","") + "_" + value.lower() + ".md", value)] ) 

We just toggle on the properties and arrange the table, then boom! Instead of having to sift through multiple folders, we could just take a gander of this nifty list of all the index and their related files.

Wiki-Links

2025/12/15 » Wohoo an update because I am indecisive! I like wikilinks using obsidian to work but as it current stands, whenever I want to link another article, I have to settle for writing the whole absolute path. Soooo we’re gonna use a custom filter instead. We need to rename the index.md files to the actual names. Which means the folder_above function we made previously is useless now. Moving on, we have to add ‘wikilinks’ to the layouts content tag.

{{ content | wikilinks }} 

Then we jump into ruby, make a function in our module (?); In case it isn’t painfully obvious, I have no idea what I’m doing. But hey if it works, it works! Then in that function we look for anything that matches the expression below. It basically gets everything enclosed in double square brackets.

/\[\[(.*?)\]\]/

We grab the current collection based on the url. This is because I keep each of the collections in their own Obsidian Vault so there really isn’t much of a reason to look through everything else.

collection_label = @context.registers[:page]["url"].split("/")[-3] collection = @context.registers[:site].collections[collection_label] 

Then loop through the affirmation collection and search for the file!

collection.docs.each do |doc| if doc.url.split("/")[-1] == target target = doc.url found = doc.data["title"] break end end 

Once we find the file we can use that information to return a link.

"<a href='#{target}'>#{found}</a>" 

The entire script looks like this.

module Jekyll module RegexFilter def wikilinks(input) # Gets everything inside an open and closed double square brackets input.gsub(/\[\[(.*?)\]\]/) do |match| found = Regexp.last_match[1] target = found.downcase.gsub(" ", "-") # This slugifies # grabs the current collection collection_label = @context.registers[:page]["url"].split("/")[-3] collection = @context.registers[:site].collections[collection_label] # loops through collection to find file if collection && collection.docs collection.docs.each do |doc| if doc.url.split("/")[-1] == target target = doc.url found = doc.data["title"] break end end end "<a href='#{target}'>#{found}</a>" end end end end Liquid::Template.register_filter(Jekyll::RegexFilter) 

There’s definitely room for improvement. Like how I could take in account for alt text and white spaces. Either way, I am too lazy to improve it right not. As per usual, I am making this future me’s problem

Fetching Document Data

2026/02/12 » Sometimes I need to be able to fetch the properties of another document. For example if I’d list all the characters relationships, I would like to be able to automatically add the url and title. Originally I did this purely with liquid, which in retrospect wasn’t that fun. I wanted it be as simple as typing down:

{%- assign doc = "psyche" | fetchDoc -%} 

So yeah. Making another custom filter!! The script just looks like this.

def fetchDoc(input) label = getCollLabel() return getCollItem(input, label) end 

This is what getCollLabel() does. It basically gets the first folder in the url.

def getCollLabel () source = @context.registers[:site].source return @context.registers[:page]["url"].split(source)[0].split("/")[1] end 

Then using that label we can scan through the collection’s docs and look for a match.

def getCollItem (input, label) collection = @context.registers[:site].collections[label] # it's done like this just in case input is an empty sting! if (collection && input) input = input.downcase collection.docs.each do |doc| if (doc.basename.split('.')[0].downcase == input) return doc end end end return input end 

That’s basically it. If you haven’t figured out already. Everything above is just an improved version of the wikilinks implementation above. So we could just replace the old script with this new one.

def wikilinks(input) input.gsub(/\[\[(.*?)\]\]/) do |match| goal = Regexp.last_match[1] label = getCollLabel() source = getCollItem(goal, label) if (source == goal) "<a href=\"\">#{goal}</a>" else "<a href=\"#{source['url']}\" title=\"#{source['title']}\">#{source['title']}</a>" end end 

Feeling more confident in my ruby coding mwhaha >:D

Conclusion

Welp, that’s about wraps everything up! Quite happy with the way it is at the moment. It’s now just a matter of actually writing all the information down haha. If you have any suggestions to improve this workflow or feel like rambling about your own, pretty pretty please comment it below because I’d love learn!! Till then, listen to the snail in your ear and get your self a little treat ♥

Automating My Tier Lists

Mon, 10 Nov 2025 00:00:00 +0800

It all began in when youtube started recommending me the channel West of Neverland. The videos led me to remember the existence of Ducktales (2017). After re-watching the show I began developing a fascination of Donald Duck. On thing led to another which eventually snowballed into me wanting to watch every single Animated Disney Film and Short. It felt wrong immediately consuming one media after another so I thought it be neat to write my feelings of each piece - maybe even research and learn some obscure Disney history.

A single page with nothing but paragraphs of text didn’t feel all that fulfilling to me. There needed to be a visual representation of the films I had watched and how I felt about it. Then the solution came to me in a form of a Tier List. For the uninitiated, a tier list is basically a categorical rating system. So S Tier would be the bestest of the best and F Tier will the opposite of that. Prior to this, I’ve always thought tier lists were dumb and too ambiguous (they are) but that simplicity is what makes it a really good shorthand to show hierarchy. So welcome back to another blog post where I explain random stuff no one asked about. Today we will be going about how I went about making my tier list.

Heads Up!

Once again, this blog post is by no means a tutorial. The code is oversimplified and a lot of information is omitted for the sake of brevity. I apologize in advance because this blog is kinda all over the place. Alrighty, let’s just begin!

Using Jekyll Collections

The static site generator I use, Jekyll, allows you to group files into Collections. This organizes the files and let’s you access them for loops. All we gotta do is make a folder called like _reviews then list it to my config.yml file like so:

collections: - reviews 

In the aforementioned folder we can add markdown files which then lists them as an item in that collection. At the beginning of each file we can set the Front Matter. They’re basically the files properties we can use to sort with.

title: Blame It on the Samba reviewed: 2030-01-01 release: 1948 tier: S 

Most of it should be self explanatory but here’s what each property.

title - Set Title
reviewed - The Date I wrote the review
release - Year film was released
tier - The ranking

If you’re wondering why the review date is written before the release date, it’s only because I have this weird thing about lists widths and how they’re arranged. Either way, it doesn’t really matter in what order you declare these variables. Also they are all completely optional. We can access all the files in the _reviews folder by typing site.reviews. It returns an array that we can get the front matter from. Now let’s get to actually using those properties!

Getting the Title n Image Links

Just like in my Art Archive I can’t be bothered to manually typing every title. So when the titled isn’t specified we just default to the filename. Additionally I’d like to be able to put the movie’s release date by the side. This is particularly helpful considering Disney’s track record of making remakes. Everything is stored in a capture variable that basically saves everything inside it as a string.

The code below would output something like: Blame It on the Samba (1948). We can use it by simply typing {{ title }}

{%- capture title -%} {{ item.title | default: item.filename }} {% if item.release %} <!-- Adds the year it was released in --> ({{ item.release }}) {% endif %} {%- endcapture -%} 

Because I don’t want to manually assign a thumbnail for each item, the image is just the slugify-ied title with a .jpg extension.

<img src="./img/{{ item.slug | downcase }}.jpg" alt="thumbnail for {{ title }}"> 

Filtering n Sorting Files

Before we can make out tier list, we need to get a filtered array of items in a specific category and tier. We achieve this by grouping stuff inside folders. So if we want to make a tier list of only Disney media, We’ll make a new folder in _reviews called disney where we’ll put all my markdown files in. Then we use where_exp to filter out items that aren’t inside that folder. Then we sort it by the movies release date, just because why not!

{%- assign REVIEWS = site.reviews | where_exp: "item", "item.path contains include.selected" | sort: "release" -%} 

What’s neat about this is we can sorta nest things. Let say we want to separate feature length films from shorts. We also want to keep track of anything Donald Duck, so we add a donald folder to each separate folders like so:

disney ├───films │ └───donald └───shorts └───donald 

Not sure how to explain this in paragraph form so I hope the thing below does it for me. Basically, for a narrower result I just have to specify more folders.

contains 'disney/' → returns everything in disney folder contains 'donald/' → returns anything inside a donald folder contains 'films/donald/' → returns files from donald folder only when inside films folder 

If we want to get only items of a specific tier, we just use newly filtered array and filter them with where.

{%- assign filtered = REVIEWS | where: "rating", S -%} 

Actually Making the Tier List

With all the files filtered and sorted, we can now start actually making the thing! We basically have to loop through every item in the filtered array like so:

<div class="tier-items"> {%- assign filtered = REVIEWS | where: "rating", S -%} {%- for item in filtered -%} <img src="./img/{{ item.slug | downcase }}.jpg" alt="thumbnail for {{ title }}"> {%- endfor -%} </div> 

We just have to do that for the 6 other tiers. Because I am lazy, instead of manually copy and pasting the code above, we will be utilizing a script that will automatically do it for me. First we have a string of all the tiers needed and split it up into an array. Then we loop through the tiers and once again filter our list for that specific tier.

{%- assign TIERS = "S,A,B,C,D,E,F" | split: "," -%} <article class="tier_list"> {%- for tier in TIERS -%} <section class="{{ tier }} tier"> {%- assign filtered = REVIEWS | where: "rating", tier -%} <div class="tier-label"><span>{{ tier }}</span></div> <div class="tier-items"> <!-- This is referencing the code above --> {%- include tier-item.html selected = selected -%} </div> </section> {%- endfor -%} </article> 

Then just like that we now have a the tier list! You can do other stuff as well such as wrapping the images in buttons that opens up a modal or even allow for custom tiers by changing the TIER variable’s values. Those are pretty simple to implement. I trust you all to be smart enough to do a better job than me haha,,,

List Most Recently Reviewed

Not everything ranked will have a review written. So I thought it be nice to have a small feed in the bottom that shows most recently uploaded reviews. This can be achieved by chucking the unfinished reviews into a todo folder then filtering them out.

The problem is that where_exp can’t do item contains '/todo' == false for some reason. So instead I’ll have to loop through the array to filter out anything that’s in the todo folder.

{%- assign REVIEWS_RAW = site.reviews | where_exp: "item", "item.path contains include.selected" | sort: "reviewed" | reverse -%} <!-- This initializes the array --> {%- assign reviews_recent = "" | split: ""-%} {%- for item in REVIEWS -%} {%- unless item.path contains 'todo/' -%} {%- assign reviews_recent = reviews_recent | push: item -%} {%- endunless -%} {%- endfor -%} 

Random Things

If you’ve been keeping track of my Listography page, you may notice there is a Disney watchlist. The list data is stored in a json file. It’s a multidimensional array, with the first string marking whether or not I finished it and the other with the name of the film. It kinda looks like this:

["X", "Saludos Amigos"], ["X", "The Three Caballeros"], [" ", "A Goofy Movie"], 

For it to display as a checklist, I just loop through that array and format it like so.

{% for movie in site.data.lists.watchlist %} - [{{ movie[0] }}] {{movie[1]}} {% endfor %} 

You may wonder, why bother going through all this trouble? Well it’s because I can use this data to see which films I haven’t watch and have a button to randomize what I should watch next. Just made a js array that lists all unwatched films then coded a button that displays a random item from that array!

Editing With Obsidian

2025/11/22 » Henlo, small update! Recently been messing around with Obsidian’s and it’s feature to sort files with Bases. With it we can make a catalog of the of all my files. To do so we first head over to the collections folder, which in this case is the _reviews, then turn it to an obsidian vault. Also add .obsidian to the gitignore while you’re at it. Here we can start a new base with the card view.

To set a thumbnail we make a new property with the formula below. It just grabs the filename and append the .jpg extension.

image("img/" + file.name.lower() + ".jpg") 

Then just like that we’re done! This is just a really neat feature and it’s nice to have a visual preview of the stuff I’ve review, juxtapose manually building the website every time I need to see new changes. Technology is so awesome you guys, like seriously.

The End

Okay that’s all!! Sorry if this post structure weirdly. I highly doubt anyone will find any of this useful but it was fun to write. It only been like 3 months since I started using Jekyll and it feels like there’s a lot more I can do. Join us next time when I figure out how to use actually use Ruby and make custom plugins!!

Making an Art Archive

Sat, 11 Oct 2025 00:00:00 +0800

My website is practically like it’s own living breathing thing at this point. It’s constantly updating to whatever new knowledge I obtain. I thought it be neat to also break down how stuff in my website works. Will not go through everything though because most of it is your typical CSS shenanigans. For this blog post, we’ll be focusing on the Art Archive. It serve as a catalogue for all my art with a simple tag filtering system to boot.

Heads Up!

This blog post is by no means a tutorial. The code is oversimplified and a lot of information is omitted for the sake of brevity. Instead of using this as instructions on what to do, you should use this as reference of what you can do. With that disclaimer out of the way, let’s begin!

Listing the Files

Above all else we need a list of all files in the art folder. To save us the time from manually typing the filenames, we can just use the command prompt to do it for us. Open up cmd, and head to the path of the art folder. I am technologically illiterate so use I Windows.

cd path\to\folder

Once there, we can use the dir command to list out the files. We need to specify the following switches:

/b - only shows the filenames
/s - shows files subdirectories

Type this bad boy into the command line!

dir /b /s

Then the output should be a list that looks something like this:

D:\path\to\folder\filename.jpg D:\path\to\folder\another-folder\filename.jpg

Copy and paste the output to a separate text editor and just find and replace the D:\path\to\folder\ to an empty string. From there, just convert the output to your chosen text-based data format. I’ll be using json, which I will be calling data from now on. All of the data is stored as an object within an array. Each item should have the bare minimum of a filename.

[ { "img": "filename.jpg" }, { "img": "another-folder/2025-filename.jpg" } ] 

I also wanted there to be other information as well. Such as a special title, descriptions, other drawings related to it, then tags for a filtering system. So an actual example would look a bit like this.

{ "img": "2025-Psych-Doodles.jpg", "title": "Doodles of My Silly Lil Guys!!", "desc": "I made these drawings way back and only decided to color them recently.", "extra": [ "doodle/2024-Stfu.jpg", "2025-Psych-Cast.jpg" ], "tags":"ocs psyche evan jay mary daphne charmaine jian lily august psych" } 

Here’s a breakdown of what each property does

img - the filename
title - specific title
desc - caption for the art
extra - additional images
tags - keywords to categorize art

Actually Using the Data

If you take a look of the example I gave a while back you may notice that all my filenames start with a date.

{ "img": "2025-Psych-Doodles.jpg" } 

This is because I want to know what year a drawing was made without having to create a separate property for it. This means that if I want to get the date I have to splice the filename and get the first four characters. I’ll be using javascript to demonstrate all of this.

function getDate(data, i) { let selected = data[i].img; return selected.slice(0, 4); } 

Now the code above works fine, under the assumption that the filename always begins with the date. But what happens when the file is inside a folder? So if my img is set to "doodle/2024-Stfu.jpg" the code above will return "dool" as the date. To circumvent this we must get the index of the first instance of the number 2 then slice the string relative to that.

function getDate(data, i) { let selected = data[i].img; let index = selected.indexOf("2"); return selected.slice(index, index + 4); } 

Because I am lazy, I don’t want to individually type a title for each art item. Especially since most of it is just going to be the word in the filename anyways. So I wrote a script that will derive a title from the filename when a title isn’t specified.

function getTitle(data, i) { if (data[i].title !== undefined) { return data[i].title; } else { let title = data[i].img; // checks if file is inside a folder if (title.includes("/")) title = title.split("/")[1]; // removes the date and file extension title = title.slice(5, title.length - 4); // replaces all dashed with a whitespace title = title.replaceAll("-", " ") return title; } } 

The desc and extra aren’t necessary so anytime any of those properties are called, there’s a script that checks whether or not they’re defined and only return something if true.

The tags are written as strings because I find writing arrays bothersome. If I want to make that string usable, I will have to split it up into an array using the whitespaces as a separator.

if (data[i].tags) tags_list = data[i].tags.split(' '); 

Additionally I want to be able to automatically add the date and the folder the drawing is in as a tag. So I have to have to obtain that data then merge them all to one big ol array.

// assume this is in a loop let tags_list = [ date ] if (data[i].img.includes('/')){ let split = data[i].img.split('/'); let selected = split[split.length - 2]; tags_list.push(selected); } if (data[i].tags) tags_list = tags_list.concat(data[i].tags.split(' ')); 

Putting Everything Together

Last July, I made a switch to using Static Site Generators (SSGs) - specifically Jekyll. Instead of using javascript to initialize the archive content, I just used Jekyll to process everything beforehand. It loops through the data and adds in the necessary info.

<!-- PS this isn't the actual code --> {%- for item in site.data.art -%} <div class="art-archive-item hidden" data-tags="{{ tags_list }}"> <img src="#" data-src="./img/{{ item.img }}" alt=""> <div> <a href="./~?{{ item.img }}" class="art-archive-comment"></a> <div class="art-archive-title">{{ item.title }}</div> {%- if item.desc -%} <div class="art-archive-desc">{{ item.desc }}</div> {%- endif -%} <div class="art-archive-tags"> {%- assign tag_split = tags_list | split: " " -%} {%- for tag in tag_split -%} <button onclick="getChecked({{ tag }})">{{ tag }}</button> {%- endfor -%} </div> </div> </div> {%- endfor -%} 

If you have a keen eye, you may notice that the src of the img tag is set to a hashtag (#) this is because we don’t want all images to load the moment the archive is opened. Forcing a user to load hundreds of images in one go is probably not a very wise idea. We instead store the image link inside of data-src. This way we replace the images src with javascript only when an image needs to be loaded in. We can set up a button that user will click to load more items.

For this to work we need a global counter and the maximum amount of items in the data. Whenever the page loads in or when a user clicks the button, it will update the global counter and loop through a number of items.

var items = document.querySelectorAll('.art-archive > *'); var counter = 0; var max = items.length; function showEm (increment) { let next = counter + increment; let prev = counter; // Checks if next value is less than the max // Otherwise set counter to the max if ( next <= max ) counter = next; else counter = max; // loops through every item // Removes the hidden tag and sets image src for (let i = prev; i < counter; i++) { let thumb = items[i].querySelector('img'); items[i].classList.remove('hidden'); thumb.src = thumb.dataset.src; } } 

Filtering System

For the tags, I have a separate yml file that lists out all the available tags.

year: - '2025' - '2024' - '2023' oc: - psyche - evan - jay fanart: - literalhat - southpark - insaniquarium 

Using that data I write the checkboxes with Jekyll.

<div class="art-archive-options"> {%- assign selected = site.data.art-tags.[include.selected] -%} {%- for item in selected -%} <label for="{{ item | downcase }}"> <input type="checkbox" name="{{ include.selected | downcase }}" id="{{ item | downcase }}" value="{{ item | downcase }}"> {%- assign char = item | split: "" | first | upcase -%} <span>{{ item | slice: 1, item.size | prepend: char | replace: "-", " "}}</span> </label> {%- endfor -%} </div> 

We then have a button that will get all the inputs a user checked off. We loop through the selected checkboxes and use the values to add a query to the url.

function getChecked (){ let checked = document.querySelectorAll('input:checked'); let result = "?" for (let i = 0; i < checked.length ; i++) { result = result + checked[i].value; if ( i < checked.length - 1 ) result = result + '+'; } window.location.href = result; } 

If the archive is open with a query on the url, then we break that string into an array.

var query = window.location.search.replace("?",""); var tags = query.split("+"); 

When we loop through all the elements, we get their data-tags then turn it into an array as well

for (let i = 0; i < items.length; i++) let data = items[i].dataset.tags.split(" "); 

Now we have to check whether these two arrays have any similar tags. We could loop through each array item to see if they match, but that process will exponentially get longer with each tag we need to compare. Instead we are going to utilize javascript’s Set object. This is because the values in sets can only occur once. We can use this to identify whether there are any matching tags.

First we merge the two arrays using concat(). Then we use the Set constructor to remove all duplicate tags. Using the size of newly formed set we can compare it to the length of the previous array. If the array had any repeated values, then the set size should be less than the array length.

Additionally we can tell whether or not it fulfills all the tags if the set’s size is equals to the minimum value. To find out the minimum value we must subtract the arrays length to the number of tags in the query.

So in summary, the logic is as follows:

set.size == array.length → no tags matching set.size < array.length → some tags matching set.size == array.length - queries.length → all tags matching 

My actual implementation for this looks sorta like this:

var items = document.querySelectorAll('.art-archive > *'); var counter = 0; var max = items.length; var query = window.location.search.replace("?",""); if (query === "") showEm(32); // refer to the script in previous section else filterEm(); function filterEm () { let tags = query.split('+'); // local counter let counter = 0; for (let i = 0; i < items.length; i++) { let data = items[i].dataset.tags.split(" "); let mixed = tags.concat(data); let goal = mixed.length - tags.length; let set = new Set(mixed).size; if (set === goal ) { counter++ items[i].classList.add("all-tags"); } else if (set < mixed.length) { counter++ items[i].classList.add("not-all-tags"); } else { items[i].remove() } } max = counter; items = document.querySelectorAll('.art-archive > *'); // bc handling dom elements r weird showEm(32); } 

Basically, this loops through all the items then compare the tags in data-tags to the tags in the query. It checks whether or not it has all the tags then it gives it a class according to that (.all-tags or not-all-tags). This is done so that I can implement a “strict mode” that only shows results that fulfills all selected tags.

If none of the tags are fulfilled, the item is removed. After everything is done it changes the global max number, initializes the all the items and fires the showEm() function.

Just like that, the art archive now has a filtering system!! :D

The Cons of this Method

The problem with my filtering system is it’s destructive and inefficient. For example, if a user decides to remove a tag from their initial selection, the page will loop through everything again instead of just looping through the already filtered results.

Despite that, I’ve decided I do not care enough right now and this should be future me’s problem lol. I’m just glad to even have filtering system! If future me is bothered by this inefficiency, then she can put in the work herself!!

View as Individual Post

One last thing before I end this blog post. I wanted there to be a way for people to comment on individual art pieces. With the help of Query Strings and Ayano’s Comment Widget, we can make it seem like we’re opening up a post.

I have an html file that first checks the url if there is any queries available. The query is usually the file name (example: /~?2025-Psych-Doodles.jpg) and if available it will look for the index of that file by looping through the data.

function getIndex(data, current) { for (let i = 0; i < data.length; i++) if (data[i].img === current) return i return -1 } 

You may wonder, Why not just use the index on the query? It’s because I put the most recent drawing on the top the my json file, which means the indexes are constantly changing. Besides, It be a shame if links to a specific art piece get messed up because I moved around the order of the items in the array.

Using the index found, we can basically access all the other properties with the scripts I mentioned above. We can also put a navigation to the images after and before the current index.

Using ruby!

2026/02/25 » Future me to say that, a handful of things changed lol. Most of the logic is still the same! Just writing it in ruby instead of that god forsaken liquid tags… What the hell was wrong with me.

def getTitle(input) if (input['title']) return input['title'] else return input['img'].split('/').pop.split('.')[0].gsub('-', ' ') end end 

So if I want to use this I just have to write it like this:

{{ art_item | getTitle }} 

Also had to rework the tagging system because I wanted it to work well with the albums. The date is no long derived from the file name and have it’s own property. This because not every album needs a date. Also, folders in the img property are taken and added as tags buutttt had to add an offset property to exclude stuff. So 26/drawin/02.jpg will only return drawin as a tag.

def getTags(input, date = true, offset = nil) return unless (input) tags = [] tags << input['date'].split("-")[0] if (date && input['date']) split = input['img'].split("/") if (split.length > 1) split.pop split.shift(offset.to_i) if (offset) tags.concat(split) end tags.concat(input['tags']) if ( input['tags'] ) tags << "multi" if ( input['extra'] ) tags << "with-commentary" if ( input['desc'] ) return tags end 

Really crazy to think this blog post is already four months old… Time passes too quickly.

Conclusion

Welp, that’s about all of it! As I’ve stated at the start, what I put here isn’t an exact representation of my code. If you want to see what it looks like, feel free to snoop through my actual code. Though, I strongly advise not doing so, since it’s quite a mess. I’d imagine there are more efficient ways off going about all of this, but as it stands this is the method I’ve chosen to go with and I’m pretty contented with it.

[Insert a note from future me cursing past me for this mess of a system]

Add Images to Ayano's Comment Widget

Sun, 20 Jul 2025 00:00:00 +0800

I've recently made a switch to Ayano's Comment Widget and, as much as I adore it, I missed having the option to attach images. Luckily, the code is incredibly customizable so with a bit of tweaking, it is possible!

This mod allows users to submit a link of an image that will be attached to their comments. If this is something you'd like to have, follow the steps below.

[1] Add to Google Form

Assuming you've already set everything prior to this, Go to your google form and create a new short text question with the title 'Image'. Remember that it is case sensitive!

Open the three dotted icon to the right side and click 'Get pre-filled link'. Fill up every field with the question's title, including the new one you just made. Once you have finished and click 'Get link', you should get a newly generated link where you will be able to find something that looks like this:

&entry.123456789=Image

In your js file, look for the section of variables of the form ids. You can add the script after const s_replyId = 'ID HERE'; and encode the numbers from your form link.

const s_imageId = '1234567890'

[2] Add Element Wrappers

To create the input the user will add their image links to, look for the v_formHtml variable. Inside it, there should be a div with id="c_textWrapper" and add the following script below that element:

<div id="c_imageWrapper" class="c-inputWrapper"> <label class="c-label c-imageLabel" for="entry.${s_imageId}">Image Link (Optional)</label> <input class="c-input c-imageInput" name="entry.${s_imageId}" id="entry.${s_imageId}" type="url" pattern="https://.*" placeholder="" onchange="previewImg()"> </div>

We need to create a preview so that the users are able to see what image they have linked and whether or not it will load in. Still inside the v_formHtml variable, look for the input with id="c_submitButton" and then add the following script after it.

<div id="c_previewWrapper"> <img id="c_previewOutput" src="#"> <label class="c-label c-previewLabel">Image Preview</label> <p>If the image does not load, please make sure the website you are linking to allows <a href="https://simple.wikipedia.org/wiki/Hotlinking" target="_blank">hotlinking</a>!</p> </div>

[3] Add the Functions

Now that we've set up all the variables, it's time to make them actually functional.

Look for if (s_commentsOpen) inside of function getComments() - there should be a comment above it that reads 'Clear input fields too'. You should add the following script below inside of that if statement:

document.getElementById(`entry.${s_imageId}`).value = '';

In order to check and append the comment's image, look for function createComment(data). Inside should be comment.appendChild(text);. Below that you should put the following script:

// Image link if (data.Image) { let img = document.createElement('img') img.src = data.Image img.className = 'c-img' comment.appendChild(img) }

It won't matter too much where you choose to put this last script. It is a function that is triggered every time the user changes the image field. I personally put it at the bottom before getComments();.

function previewImg() { previewWrapper = document.getElementById("c_previewWrapper") previewLink = document.getElementById(`entry.${s_imageId}`).value if (previewLink.length === 0) { previewWrapper.style.display = "none" previewLink = "#" } else { previewWrapper.style.display = "block" } document.getElementById("c_previewOutput").src = previewLink }

[4] Add CSS Styling

This part isn't necessary but it makes the preview look a bit nicer.

#c_previewWrapper:has(img[src='#']) { display:none } #c_previewWrapper { padding: 0.5rem; border: 1px solid gray; max-width:350px; margin-bottom: 0.5rem; } #c_previewOutput { max-width: 100%; display: block; } #c_previewWrapper p { font-size: 0.8rem; opacity: 0.5; } .c-img {display: block;}

And You're Done!

I highly recommend using this mod alongside Frills' Guide to Adding Moderation so you can check and ensure that the comments being submitted don't contain disturbing images.

If you get around to using to using this, let me know down below. I'd love to check out all of your websites!

Stupied Coloring Guide

Wed, 02 Jul 2025 00:00:00 +0800

Occasionally I get messages from people asking me how I go about my coloring. Well you're in luck because this blog post is dedicated to all of you! To be quite frank, I have no idea what I'm doing. Art is and will always be a hobby for me. It is something I do to pass the time and I don't take it all that seriously. Regardless, I will try my best to articulate my thought process - if even existent.

In Practice

Examples in my Art
Digital Art Techniques
My Process

I strongly advise against using any sort of simplified content viewer for this post since I will be heavily utilizing css and js for the demonstrations.

In Theory

Although it is mostly subconscious, there are a few ideas that float around my head as I try to approach a piece. This is a general outline of those ideas.

Checker Shadow Illusion by Edward H. Adelson 🢅

Color Relativity

Abandon everything you know about colors because it is a LIE! What surrounds a color can effect how we perceive it. The same color can look like they have a different hue, saturation or brightness.

Believe it or not tile A and tile B is the same shade of gray! One is perceived lighter than the other due to the tiles surrounding them

Below is a linear demonstration of this phenomenon. The gray line appears darker against a white background and lighter in a black background.

It becomes more complex when the hue is taken into consideration. Grays may look more warm against cold colors and vice versa.

Pick Out Colors

The main thing to take away from this is that colors don't mean anything on its own. The things you surround it with will dictate how our eyes interpret them.

Hue Shifting

Hue shifting is a common technique, especially for pixel art. Instead of just choosing a darker version of the base color, you slightly change the hue. This makes the pallette a little more interesting.

Without Hue Shifting

With Hue Shifting

Pick Out Colors

For clarification, the pallette without hue shift isn't automatically bad. It's just something you can keep in mind when you want your colors to have a bit more variation.

Saturation

Saturation refers to the vibrance or intensity of color. Although the hue shifting helps, using it to much makes your art look kind of rubbery. Your eyes typically can't perceive colors in the dark, so try making the shaded area a bit more desaturated.

Contrast

Contrast refers to the perceived brightness/darkness of a color and is often overlooked part of coloring. You can pretty much make any color look good with each other if you get the contrast right. Try checking your artwork in grayscale and see if your art is still discernible. Colors of different hues and saturation can still have the same kind of contrast.

In Practice

Of course there is always a disparity between theory in practice. A lot of stuff I talked above isn't something I'm always been conscious of. I find actually taking the time to color is far more effective for learning.

Examples in my Art

Upon first inspection the yellow base might seem weird but, when you put it into grayscale, you can see that it is the same contrast as the white. The yellow gives the drawing an overall warm and energetic feel. Every other color in the drawing has to be adjusted to fit this bold base, which is why the dark blue is more of a desaturated purple and the light blue is actually a greyish green.

I had this strange phase where I would use a lot of black to shade. I think it's pretty neat since it could be used emphasize the differences of something. In this case all the foreground elements is contrasts strongly with the bright blue background.

This is a simple drawing of two shadowy figures. Although I could of easily colored both the figures and the aura around them the same shade with white colored line art, I opted to instead make the figures a lighter shade of blue. I also added a few hue shifts of a bright warm shade of pink to give subtle hints of shape.

If you have a stylized artstyle, you can get away with nonsensical lighting. I am a big fan of choosing the more visually appealing choices over the realistic ones.

Digital Art Techniques

Although I am not fond of the teaching method of giving out exact step by step process, someone out there will undoubtedly inquire about it. Might as well highlight some specific techniques I apply for digital art, the medium I use the most.

Blurring Line art

If you want to give you art a softer look, you can clone your line art and blur it with a lower opacity. Alternatively, you can clone the entire image instead - following the same steps of blurring and lowering the opacity. It gives it a dreamier feel.

Overlaying Colors

Krita comes with a bunch of blending modes, but I mostly use the overlay and multiply. You can use it to cover the whole drawing to unify the colors or just use it in small portions to give subtle hue shifts.

I wouldn't use these techniques as harshly as shown below. It's just exaggerated for the sake of demonstration.

Adding Textures

If you want to give your art a little more grit, you can overlay a textured image with the blending mode set to multiply or overlay. If you want to replicate that paper look, gently sketch over random parts of the drawing to give the texture more depth. You can also try cloning the ink with magenta and cyan copies that are slightly offset in opposite directions - creating a subtle anaglyph like effect. This gives out an illusion of a scanned imaged edited to have sharper edges.

My Process :3

I typically like to start of with a single color to figure out what kind of vibe I want to give. Sometimes it takes a few tries before I find something I like. After that I messily add more colors relative to whatever I choose as a base. Once I'm contented with the rough idea, I polish it out and experiment with some overlays.

I really am not that good at explaining so I hope the media I've attached below will make more sense.

Krita Files

2026/01/01 » Henlooo decided to share some of my Krita (.kra) files from last year! You can find them here.

Conclusion

As I've stated in the beginning of this post, I am no means an expert. A lot of what I've learned is from years of throwing stuff at a wall and hoping it will stick. The things written here shouldn't treated as some sort of ultimate rule. Instead it should be used as stepping stones to whatever you're trying to achieve. You should do whatever the hell you want! The world isn't gonna explode if you mix random colors, so do as much as you can! Experiment, analyze other's works, fail and succeed. Art is a lot of fun and you should let yourself enjoy the process.

Anyways, that's all I have for today. I wish all of you the bestest of luck with your art endevours!!! (/≧▽≦)/ ･:*:･ﾟ☆｡

Anbernic Rg35xxsp

Fri, 28 Feb 2025 00:00:00 +0800

Last January I impulsive ordered an Anbernic, specifically the SP in the RG35XX family. I was initially very hesitant since I already emulate most of my games through my phone, but the charm of carrying around a clamshell was too tempting. I know that this thing is considered to be on the cheaper side of handhelds, but 2.8k pesos is a big commitment for me!! So I am glad to report that the lil guy arrived perfectly fine :3

As advise by the community I bought a new micro sd card to replace the stock one. It's a 64gb SanDisk Ultra, which is probably overkill for retro games. I'm using MuOS because yeah,, The setup was really simple and I dumped all my totally legally obtained nintendo roms into folders I've decorated with pixel art of my ocs. I wish there was a way to animate the box art. I want them to bounce around when they're selected. Aside from that I had a lot of fun messing around with the settings.

Downloaded Stardew Valley through Portmaster, which is where I'll been spending most of my time with. I love the game but, when I'm at home using my computer, it's practically the last thing on my mind. The irony of playing a game about community and comradery alone at the corner of the classroom is not lost on me.

Another game I've been fixating on would be Panel De Pon. Currently using the an english patch of the SNES game from 2007. I remember wanting to try it a few years ago but never quite getting around it. After sinking a few hours in, I've become absolutely obsessed. It has a nice balance between strategy and speed. Getting continuous chains of combos is such a satisfying feeling. It reminds me a lot of AstroPop. Speaking of block falling games, I have some puyo and tetris games downloaded. Yes, as in plural.

I'm also planning to replay through all the Ace Attorney games on nds. I forgot how charming the characters are. If you have recommendations for interesting Pokemon rom hacks or games made with RPG Maker 2003, feel free to let me know! Been wanting to get into the two but don't really know where to start.

Personally not in the position to provide deep insight of how good the device is; I am technologically illiterate. All I can say is I've had this lil guy for about a week or so and I love him to absolute death.

Hourly Comic 2025

Sat, 01 Feb 2025 00:00:00 +0800

Banana Overlord

Sat, 15 Jun 2024 00:00:00 +0800

Another comic me and my friend took turns writing for.

Pakka Pets

Tue, 29 Aug 2023 00:00:00 +0800

Today I remembered Pakka Pets exsisted. I made so much progress I made before my phone died. To lazy to download it again but I do have images from before.

She was my favorite one. What a silly guy.

Kids playing in a park (gone wrong)

Bullying people in annymous gossip forms, are we? Naughty-naughty clown!

Wassup man, check out these neat flowers I found! What's that? You're allergic to these? Oh no! Get out! WHat are you doing???? D:

My honest reaction to that information

Is-- is that a duplicant!!?!??!

Yipppeee New friend :D

uuhhmm...

Picnic Party!

Hotdog

Mon, 28 Aug 2023 00:00:00 +0800

This is a comic me and my friend took turns drawing panels for.

Stupied Blog RSS Feed

100 Questions for Artist

Read Other People’s Responses!

Improving My OC Website

Heads Up

The Goal

Configuration

Custom Placeholders

Adding in the Sections

Obsidian Vault

Wiki-Links

Fetching Document Data

Conclusion

Automating My Tier Lists

Heads Up!

Using Jekyll Collections

Getting the Title n Image Links

Filtering n Sorting Files

Actually Making the Tier List

List Most Recently Reviewed

Random Things

Editing With Obsidian

The End

Making an Art Archive

Heads Up!

Listing the Files

Actually Using the Data

Putting Everything Together

Filtering System

The Cons of this Method

View as Individual Post

Using ruby!

Conclusion

Add Images to Ayano's Comment Widget

[1] Add to Google Form

[2] Add Element Wrappers

[3] Add the Functions

[4] Add CSS Styling

And You're Done!

Stupied Coloring Guide

Table of Contents

In Theory

In Practice

In Theory

Color Relativity

Pick Out Colors

Hue Shifting

Without Hue Shifting

With Hue Shifting

Pick Out Colors

Saturation

Contrast

In Practice

Examples in my Art

Digital Art Techniques

Blurring Line art

Overlaying Colors

Adding Textures

My Process :3

Krita Files

Conclusion

Anbernic Rg35xxsp

Hourly Comic 2025

Banana Overlord

Pakka Pets

Hotdog