hbystuff

[hbystuff]

Some backgrounds I made for the game Daeon Sigil 💚💚💚!

#Wow!! 😍

[hbystuff]

Outside In

#pixel art #pixel #ドット絵 #pixelart #artists on tumblr #plants #nature #monstera

[hbystuff]

Cafe Dot portraits in February.

#pixel art #pixel #ドット絵 #pixelart #artists on tumblr #portrait #my art

[hbystuff]

#pixel art #pixel #ドット絵 #pixelart #artists on tumblr #dragon art #fireworks #dragon year #new year

[hbystuff]

Cafe Dot portraits in January!

#pixel art #pixel #ドット絵 #pixelart #artists on tumblr #portrait #my art

[hbystuff]

#pixel art #pixel #ドット絵 #pixelart #artists on tumblr #plants #nature #pokemon #rayquaza #hoenn #my art

[hbystuff]

My portrait adventures in December.

#pixel art #pixel #ドット絵 #pixelart #artists on tumblr #portrait #my art

[hbystuff]

#pixel art #pixel #ドット絵 #pixelart #pixel animation #artists on tumblr #animation #snow #silent hill #synthwave #music cover

[hbystuff]

#pixel art #pixel #ドット絵 #pixelart #artists on tumblr #plants #nature #my art

[hbystuff]

Painted Serenity

An attempt and study on an oil paint like style. I think I overdid the leaves on the tree, that some parts should be toned down and simplified. Regardless I'm okay with the overall result. I'd like to get back to this style at some point and for now I can't as I have to finish my comms.

Here's a timelapse video:

[hbystuff]

My four skulls of 2023. Spook ya next year!

#pixel art #pixel #ドット絵 #pixelart #pixel animation #animation #skull #my art

[hbystuff]

#pixel art #pixel #ドット絵 #pixelart #pixel animation #pixel gif #artists on tumblr #animation #rain #cyberpunk #my art

[hbystuff]

#pixel art #pixel #ドット絵 #pixelart #artists on tumblr #plants #trees #nature #my art

[hbystuff]

Connections - 12 colours, 190x190

#pixel art #pixel #ドット絵 #pixelart #artists on tumblr #plants #nature #my art

[hbystuff]

Tempest

8 colours, 16 frames, 160x160

#pixel art #pixel #ドット絵 #pixel gif #pixel animation #pixelart #skull #artists on tumblr #fire #lightning #my art

[hbystuff]

#pixel art #pixel #ドット絵 #train #plants #pixelart #artists on tumblr #overgrown #my art

[hbystuff]

Process breakdown #1

Here is a breakdown of the butterfly animation. This was originally posted as a twitter thread, but a real blog post seems to be a much better format for it.

Step 1: Static Drawing

I've long wanted to experiment with Bokeh effect in pixel art as a way to avoid drawing background. It ended up being a lot more challenging than just a normal background 😂. Still an interesting experiment nonetheless and I might use it for some other stuff in the future.

Step 2: Rough Animation

I traced the static drawing with a contrasting colour, then roughly sketched the other frames. Seeing it in motion made it clear to me that the form was very obviously incorrect, but I thought I'd adjust as I go.

Step 3: Refined Animation

Before I got to this point, I naively tried to put in the colour. I quickly realized making the "veins" look consistent would be very hard without guides. So I looked up pictures of actual Morpho butterflies to study the wings in detail. Also made the shapes (mostly) correct and doubled the frame count once I was happy with the shapes.

Step 4: Colours

This was the most fun part. I conceptualized the wings as two blue tinted, matte, textured mirrors rotating in 3D space. When two mirrors come together, they start reflecting each other. The closer they get, the less the lighting from the surrounding world contribute to the colours you see. Eventually, nearly no light from the outside world make into the gap and all you see is dark blue/black.

It started looking almost like mirrors as I figured out the rough movements of the reflections; then a shimmering mess of colours as I threw in more details from the static drawing. The key trick to making the complex colours look consistent was to pay attention to every "partition" of the wings to make sure the dark colours creep in and out smoothly.

I also gradually filled in the eye spots and details on the backside of the wings, not sure if many people noticed them but I was pretty happy with how they looked.

Step 5: Shadow

A big part of realism comes from how a moving object affects the lighting around it. In this case: the shadow on the flower. This is a rough version of the shadows as I worked on it. Wasn't too concerned about making it look 100% correct, since the wings probably catch all the attention anyway.

Step 6: Final Touches

I spaced out the movements so it didn't feel quite so frantic. Instead of using the last frame as the resting frame, I used the second last, and only briefly showed the last frame at the begging and end of the motion to add a bit of realism (although in reality, butterfly wings probably don't have enough mass for that to happen, but hey, 🤷‍♀️).

Also spent some time to reduce the palette down by merging similar looking colours. Also reused the darker, subtler yellow in the background to create the illusion of more flowers out of focus.

#pixel art #tutorial #process #art process #artists on tumblr #hbystuff