– Me Art –

Website Assets

Art that my website forced me to do (it held me at gunpoint)

A collection of every graphic I made for this website. A lot of these actually have additional thoughts that are visible while mousing over them.

General Art

Buttons to link to my site with

Notes
  • Made for other people to display on their websites in their links section.
  • The hardest part for me was making the animated pancake ring (or rather motivating myself to figure out how I should do it and then actually doing it) - the globe and pancake looked fine/good to me after a bit of tweaking.
  • The trick I used for the pancake belt was hand-animating 6-8 variations of a singular pancake flying around from start to end and then copy and pasting those variations at different times - it works well enough and wasn't as daunting and dreadful to do as my emotions made it feel, and I think actually making it only took a few hours (barring the time wasted by emotions).
  • Through making the second buttons and the dark mode version for the first button I finally learnt how to move more than one layer at a time and how to replace the color of more than one layer and frame in Aseprite.

Informational

Section-specific Art

Links

Custom Buttons

Notes Custom graphics I made for links in the Links section. Some were made out of neccessity; most because I wanted to.
Edits
Notes Instead of hand-made graphics, these are mostly edited from already existing graphics. Compared to the hand-made ones, these were the ones mostly done out of necessity since I couldn't find a good graphic to link to these sites myself.

Music Library

  • These two were derived from an unused graphic (an image with an heart and star together), scaling both down and fixing them up.
  • I made these for the Music Library as a visual way to mark songs I've liked and loved with a star and heart respectively.

Unused Assets

Hovercard Subpage Indicators

Links

Meta-section links

Hover for context Images I previously used instead of the box I've got up now. The reason for that is because it's easier to make accessible that way. If someone changes their font-size on their browser (which seems very niche and something 0.001% of all people do), the font in the image is either comparatively too small or too large, and it's just cleaner and less worrying to have a box up instead.

Me Sketchbook

Pixel Art of the cover of a sketchbook I once bought when I was like 16. This was planned to be used for a page in the art section where I digitize all pages from this sketchbook and upload them, with each page having a bit of commentary/thoughts about them. I've got the images scanned, but am too lazy too make the styling for that page, so now this pixel art sits here.

I also made a little satisfying shaking animation whenever you hover over the book.

Misc

An unsused rating for the Music Library that would indicate songs I liked more than those I loved. It's reserved for the few songs that impacted my life in a way most songs never has, but I never really encountered such songs so this graphic rests here instead.

Another problem with this is that it has the color of the star icon and is thus really hard to distinguish in a column of star-rated songs.

An unused alternative graphic for the notes gif up above, basically used as a more general version that indicates that this link leads to a subpage in general without also implying that it's a "Notes On..." subsection page. I'm not quite happy with the design as it doesn't really look like a browser window yet.

A variation of the previous graphic made for .ase files. The difference with the used version is by the fact that this doesn't have a fold in the paper to the top right.