Just started creating pixel art a few days ago (maybe 4-5 I forgot). I thought that I'll start posting my pixel progress every time I create something. Maybe I'll post some of my pixel art from the past few days.
ALSO I accept all forms of advice to improving my pixel art because it will probably be helpful for me since I just started.
To start, I'm not too happy with how this turned out (especially that grass, and the colour of that cloud thing). Advice and constructive criticism will be very much appreciated.
Also, it's kind of blurry because this was from a screenshot I took of my art. I currently am using the aseprite trial version because I want to use it and see if pixel art is for me. So maybe sometime in the future I'll buy it, but for now, I'll use the trial version. Sorry for the blurriness, but it might stay that way for some time.
This animation was inspired by a little zine I sketched out. I liked it so much, that I decided to turn it into a pixel art animation!
For my dear friend in G/\za π. No matter what happens to her or myself, I am forever grateful to be under the same stars as her, all these miles and oceans apart. Besan's GFM link @bisanalbalawi18
(long) Image description under keep-reading
Start of all the Image descriptions
Star Scene Image Description: An animated pixel art of a simple star drawn with a thick black outline. The star's face has two arches that curve down into black oval eyes with small light shines, looking to the right.
Around the star is a dark purple pixel font in lowercase words that reads: "we are under the same STARS".
The placement of the words are: above the star: "we are under", on the left: "the", and on the right: "same", and below in all caps: "STARS"
The background is a solid white color, detailed with light purple diamond-shaped stars and small flecks representing twinkling stars. The details are also animating in the background. END ID
Moon Scene Image Description: An animated pixel art of a simple moon drawn with a thick black outline. The moon's face has one arch that curves down into a single black oval eye with a small light shine, looking to the left. The moon is drawn in a waning crescent shape, with dashed lines connecting the moon's points to make a circular shape.
Around the moon is a dark blue pixel font in lowercase words that reads: "we are under the same MOON"
The placement of the words are: above the moon: "we are under", inside the dashed lined circular section: "the same", and below in all caps: "MOON"
The background is a solid white color, detailed with light blue swirls and diamond-shaped stars and small dots. The details are also animating in the background. END ID
Cloud Scene Image Description: An animated pixel art of a simple fluffy cloud drawn with a thick black outline. The cloud's face has two arches that curve down into black oval eyes with small light shines, looking to the right.
Around the moon is a dark green pixel font in lowercase words that reads: "we are under the same CLOUDS"
The placement of the words are: on the right with each word below the next: "we are under the same" and below in all caps: "CLOUDS"
The background is a solid white color, detailed with light green clouds and wide "M" arching lines drawn for four birds. The details are also animating in the background. END ID
Sun Scene Image Description: An animated pixel art of a circular sun drawn with a thick black outline. The sunrays are drawn connected together in each arching U-shaped point. The sun's face has two arches that curve down into black oval eyes with small light shines, looking up.
Around the sun is a dark yellow pixel font in lowercase words that reads: "we are under the same SUN" The placement of the words are around the sun from the the bottom left, curving around the sun, back down to the bottom right.
The background is a solid white color, detailed with light yellow squiggly-wavy lines representing sun rays. The details are also animating in the background. END ID
How Wonderful - Note Scene Image Description: A four-lined, pixel art sentence in black color that reads: "how wonderful we are to be under the same stars!" The layout for the sentence is: "how wonderful", "we are", "to be under", "the same stars!"
Animating below each word is a dark blue looping line, where each loop connects with the additional line underneath the next word.
The background is a solid white color. END ID
Outro Scene Image Description: A pixel art of the words "by" in black, with the artist's name "bloomzeye" in a purple pixel art font style, with three small hearts inside the center of the "b" and "o"s. Each heart animates within three frames to change colors from purple: blue in the "b", pink in the first "o", and yellow in the second "o". The background is a solid white color. END ID
End of all the Image descriptions
[Image Description: Animation of a square pixel art drawing with black background with a thin white frame within in. Inside the frame is a white-colored character with no features or details, that has a circle head floating above a dome-shaped body. On the right to the character is a white oval with two lines pointing down out from it, representing a table. On the table is a white apple with two vertical eyes, facing the character. The words βeat?β is animating in and out of the camera, every other frame. END Image description]
I'm not really on Tumblr (or social media consistently, lol) but here's a lil look into my indie game, Strawberry's Flowers!
It's gonna be very short and sweet as I'm just trying to learn some new things in pixel art and in my game dev workflows.
[Video Description: Video of a person filming their screen of a pixel art animation of a small cow-like character with brown fur and a heart-shaped white spot on her forehead, is moving on a screen next to a floating strawberry. The caption reads "Here's Strawberry next to a floating strawberry in my top-down pixel art game, while I try to ignore scope creep." The TikTok account handle is at bloomzeyestudio. End description]
I don't usually do fan art, but I'm really vibing with artist OhTheSunnySide's (on Twitter), character designs and stories! Not used to drawing human-like pixel art, but I think I did okay within an hour!
ID under keep reading
[Image Description: A pixel art graphic of a character with brown skin, long and wavy white hair that reaches past a slender neck, pointed ears, full lips, eyes with a yellow-orange pupil and dark eyeliner, white eyebrows, and a white star-shaped mark in the center of their forehead, with thin white lines beneath each eye.
The character has yellow markings on top of their ears, a center line of their bottom lip, and triangular marks on their cheekbones. The character has a golden arch above their head.
The artist's watermark named "bloomzeye" has three hearts inside the b and two o's.
End ID]
reblog from my doodle and cries-over-amazing-pixel-art side blog @lil-bloomz
Hereβs my sketch to pixel art of my (now paused, leaf-babes-and-awkward-book-nerd-and-fashionable-gamer-lesbians indie game π
This is my main character Leafette. So far I have her as Black, trans, loves books and sweaters. Lol thatβs it. I was making this game, but I wayyy over-scoped at my current level of game development, so this game is on the shelf for a bit longer. Might try to make a basic demo by late 2023 for a cozy little fall game π
Hereβs my 2021 blog post if you wanna hear about my beginnings for this character and game! Yes pls I wanna read more about leaf lesbians blog link.
β’β’β’β’β’β’β’β’
[Image Description: On the left is a pen sketch of a character with a leaf for a head and a human body wearing a sweater and ripped jeans. On the right against a light brown background, is the pixel art drawing of the same character with a brown colored, leaf for a head. They are wearing red earrings with a dark green knit sweater that has light green patches on the shoulders, cuffs, hemline, and collar. They are wearing blue jeans with heart-shaped patches at the knees and red shoes. END ID]
Finished π Pixel art again π
Finished π Pixel art is really (pixel) hard π₯π
Woah!, It looks sooo good...I want to eat it
some pixel tiles i made for Sweetland world in Starilign Journey
california girls
Helo, have some animal headed chilean school girls I pixelled...
I know this is not super original but the inspiration for this came when I spent like two hours listening to 90s pop
all the girls by themselves under the cut
Also I think it maaay be a good idea to post stuff I have posted on twitter? I forget that I have way less followers there... I started this bc I went to agdq and I ended up hanging with the dk crew a lot and I was also excited for dkc games
So ye... Iβve been pretty absent from tumblr and i guess i should post more bc itβs not like i havenβt made stuff... also Iβll be opening commissions pretty soon maybe?? idk if you guys will be interested?? hope you will????
Just so you know I'm still alive... I haven't been replying notes as I'm normally on tumblr mobile and it suck really bad... my notes just don't load at all
I finally noticed what the anon meant when they said my pixels weren't transparent... I add a 1px white border because I like it, but if enough people asks I can remove it(?)
Also if you want to see my other animal crossing stuff, here's the tag. and if you want to check my other pixels here they are...
Guise, I need to have stuff in the background to work better, so I normally have some anime or whatever that I mostly ignore while pixeling... the thing is I decided to watch moomin and I became really productive, the only downside is that in the middle of doing something I start doodling moomin stuff and ended up making this... here's a 2x view
Believe it or not, I'm back... expect more stuff soon-ish...for now, here's Wendy, Cookie, Freckles, Peanut, Nate, Willow, Roscoe and Maple
if you're looking for the other ac pixels I've done here's the taaag
So this is another thing I was working with... I started this to understand how to work on my original mockup, I never worked with tiles and preset palettes and sizes before, so it was quite a challenge. I made a full set of tiles, that are way too boring to show here... but I made all the fruits, all the flowers and their wilted variation, weeds, rafflesias, some normal trees, pines, palms, grass, rock, etc... it was a lot of work... maybe someday I'll work on more full screen compositions, to show all the tiles... but for now, I can show vesta and kabuki, because they're not that boring... idk if I'll keep on doing this though...
Thanks for the nice response on my last tut, Under the cut I'll talk more about the specifics of drawing pixel art, I'm not sure how deep is this because I thought of this tutorial as basic knowledge, but please ask me if you want me to explain anything in more detail.
So, since you already know how things work on the program let's talk about drawing and polishing things in the program... Also, I want to add since I forgot with the last tutorial... I'm not the best at pixel art, not even close, I'm still learning, this is not a definite guide and it won't give you superpowers... or maybe it will if your computer is radioactive and you spend a lot of time reading my guide or something... no guarantees of that though, but if that happens don't blame me if your superpower is lame, ok? First of all, let me explain what pixel art is: Pixel art is a subdivision of digital art, where you have control of your image in the smallest level, pixels. That's why pixel art is normally small, so you can focus on all the picture without leaving things to chance. The main thing that I like about pixel art is that the placement of every single pixel matters...
(you can notice clearly how altering the position of 10 pixels make the lines completely different... this is also true for variations in single pixels, but I wanted it to be obvious)
Since it's a subgenre of digital art it has some "rules" that don't necessarily apply to other sorts of digital art. of course you can break the rules, but then you're not really making pixel art... Actually I think it can be condensed to one rule... 1.- Control EVERYTHING: this doesn't mean you can't use the bezier line tool or the paint bucket, but you shouldn't use any kind of filter or blender tool (burn, dodge, blur, etc) as you can't control the outcome... this doesn't mean you can't use a lot of colors, but give every color a meaning in your picture and keep your palette to a minimum... this doesn't mean you can't freehand your lines, but you have to fix them later so nothing is a program choice and everything is placed RIGHT where you wanted it to be. There are a lot more don'ts than dos with pixel art, but you'll find them as you progress... just look at the master's (I admire Syosa deeply, you may find fool, jalonso and mrmo tarius to be freaking awesome because they are... pixeljoint has a bunch of talented individuals posting and offering advice) and join pixel focused sites if you're interested, their forums are really helpful, I post in pixeljoint, they are cool dudes and have helped me a lot. There are two different approaches when it comes to pixel art (or maybe many more, but I have two):
1.- From specifics to general.
This method is basically start with clean lines, and then fill them out and add detail, much like you'd start any picture I guess...
so I start with a sketch...
(all the sketches I'll be showing are at 200% so you can see better since it's so small)
then I clean the lines,Β I normally just clean the same sketch and then change the sketch color to black so I can see better, but you can make a new layer andΒ work there if it's easier for you... as you can see I made all lines 1px wide fixed all the jagged lines , and basically worked every pixel so in 100% the lines have the correct angles... this was specially tricky in the dress and legs, sometimes just moving one pixel changes the entire meaning of a line...
Then I simply fill the lines with whatever colors I'll be working with... they're not definitive colors but placeholders, but I still try to make them as close to what I want as possible because... well.. I like working the less I can, so if I can pull it off with just one attempt it's great for me... right now this pic has 6 colors
then I put some shade where it belongs, now the pic has 9 colors, I added one darker yellow, one darker orange and a brown... as you noticed I completely ignored the dress colors because I'm stupid and took the screenshot before I worked on it... but I only added one shade of grey for the dress and shaded the lighter part with the darker red.
then I make the lines work in function of the forms, not only as lines by shading them too. I add another darker shade for every color that's touching a line and paint the line also minding the lightning of the picture (using a darker color only for the parts where the shade is, sometimes you can even erase a line if the pic looks better like that, beware of using lights randomly though, that can ruin a picture very quickly...)
then I fix the colors to my liking.. this pic needed some more contrast and better use of saturation in the shadows...
and then I just finish adding detail and put a white border around it because idk... I decided that's how all my animal crossing pixels would look like...
(this is goldie at 100%)
and the other way to work a piece is....
2.- From general to specifics.
With this method I'll start with a very lose sketch, in this step I mainly worry about the gesture and pose, using references is important so it doesn't suck much..
then, I paint with general colors, like, I know the sweater will be greyish and the skin is yellowish, and the hair will be brown and I'll probably recycle that colour in her leggings too... I don't really marry with a palette right now, I just chose general colors and I'll be adding, removing and modifying them as I go...
I also made the pic a little smaller...
And then... I just start detailing... I always start with the face because it's the most important part, I used two shadow tones that will help the yellow look like skin tones...
Never be afraid to move stuff around... after all what you did was just a lose sketch, I worked more on her eyes and changed the shape of the face to match better my reference
The colors evolved a lot since I started and I started refining the shapes and making every pixel count...
I gradually start adding more colors to the palette, first I check the color is not too similar to any of the ones I already have, and then I check if the ones I already have and see if I can make the colors work on other places, normally when you work with greyish colors you can make them work differently when you place them near to other colors... just experiment (or learn color theory, but experimenting is more fun)
this is the palette I had when I first started polishing it...
(all the black slots are fillers, as gale works with limited palettes since the start, you have to manually add colors everytime you want a new shade and if you modify the color, all the areas that are painted with that color will change accordingly... it's super neat to make the colors work together later...)
this is the palette I ended up with, 12 colors + transparency, you may notice I changed the skintones so I could recycle them in the sweater, and the greyish green became less green because that way I used it in more places...
and this is what I ended up with... I flipped it at the end because I liked it better like this...
Hope you find this useful, let me know if something is wrong...
The next tutorial will be about pixel animation I guess, unless you guys have a better idea/don't want to see me post any more tutorials
Since some people asked me to explain how do I do pixel art/show them the program I use, I decided to do both things...some basic info about the program, shortcuts and the explanation for the tools can be found under the cut.
Welcome to this tutorial for GraphicsGale (shortened Gale from now on) I'm sorry if some things don't make sense, english is not my first language, you're free to correct me if you want, I'll try my best to answer questions if you have them. Enjoy.
So, first things first, What is Gale? it's a graphics program by Human Balance co. focused on pixel art, it can be found on it's official site and there you can download it there too. I highly recomend buying it if you liked it, it's not expensive at all and it's awesome.
For this first part I'll just talk about very basic stuff like tools and such, so let's take a look at the program itself.
It doesn't look intimidating does it? I even broke up the menus in pretty colors, yay!
1.- (red) it's a normal menu, like any other program has. I'll be talking about specifics later on, while I explain how to do stuff.
2.- (orange) basic actions icons, it's basically a condensed menu; I'll list the icons, hover up on the words if you want more specific info. New file, Open file, Browse, Save | Undo, Redo |Cut, Copy, Paste | Paste as a new image | Zoom | Grid, Custom Grid, Grid snap | Onion Skin
3.- (yellow) Tools, again, I'll list the icons, hover for a more specific explanation on each icon. Magnifier, Image Mover, Rectangular Selection, Oval Selection, Lasso, Magic Wand, Color Selection, Pencil, Connect line, Spline Curve, Rectangle, Filled rectangle, Oval, Filled Oval, Flood fill, Color Replacer, Draw text | Antialias, Transparent, Paint mode
4.- (green) Layers menu; New Layer, Duplicate Current Layer, Delete Layer, Combine Layers | Previous Layer, Next Layer | Properties of the Current Layer (I don't think I need to explain any of these)
5.- (cyan?) Animation stuff; Add frame, duplicate frame, delete frame | previous frame, next frame | properties of current frame | cut frame, copy frame, paste frame | Play, Pause
6.- (blue) your current document window, here I have a gif with 4 frames opened. as you can see the document only shows me one frame at a time, but if you have the preview window open you can see the animation and you can find the frames in the Frame
7.- (purple) Extras! this is another important part of the program, this program has a lot of specific things that are meant for making your life easier at pixelling, you can call the extras in the menu view, and they are Frame, Layer, Palette, Preview and Loupe, I always have the first 4 opened at any given time as they are pretty useful, I don't really see the point in the loupe, but maybe you will...
Now, some important tips that you may be interested in.
You can dock windows so they're not floating around like I did with the frames window, simply go to the options (the arrow), select "dockable" and drag the window to whatever corner you want, you'll notice the outline changes when it's docked.
You can keep windows collapsed so they don't use space, like I did with the layers and palette, simply select auto hide in the options menu
You can save a lot of time with shortcuts and button mappings, this program comes with some stupid button mapping (for example, ctrl + or ctrl - aren't the default mapping for zooming in and out), so if you're used to another program, you can make them match. Simply go to File > Preferences and change them to your hearts content (or if you dont want to change anything, learn what the shortcuts are)
I hope you guys find this useful, I'll cover basic pixel drawing on the next tutorial...
The first compilation
This is a big milestone for me, there are 50 characters there, and while I'm not proud of everything I feel like I improved in both technique and speed
Links to all the individual posts so you can download them individually to put them in your blog or w/e
Poncho, Vesta, Biskit, Lucky and Static
Queenie, Yuka, Chevre, Gaston, Tiffany and Wolfgang
Kiki, Mitzi, Opal, Chief, Apollo and Mint
Curt, Jambette, Bob, Fang, Rosie and Gruff
Pinky, Stitches, Lily, Dotty, Tangy and Drift
Marina, Margie, Bill, Sally, Kabuki and Rocco
Anchovy, Benedict, Octavian, Bones, Lolly, Punchy and Friga
Moe, Tabby, Derwin, Elise, Nan and Mathilda
Sable and Mabel
in case someone wonders about yuka and chevre's outfits... Yuka is also the name of a member of my fav group, so I did her outfit because I can... and Chevre was my bff's neighbour so I drew her in one of the outfits Bob designed
Also, if you guys want to request your fav neighbour or something go ahead, I don't promise I'll draw them quick, but I'll do them eventually...