Okay so, got any advice on making pixel art? Anything at all?
I want to draw two of my characters in a style of the game they're based from, which happens to be a high-detail pixel game called Coffee Talk (for example, this is Freya, one of the regulars)
I don't have much experience with pixel art so far, I have some, but only minor stuff.
Sure!
If I was planning to do this, I would first search for a clean reference of a character from the game. That means without any jpeg artifacts and not blurry at all.
Then i would bring it into Aseprite (or whatever program you use), take my marquee select tool (M in Aseprite) and select one "pixel".
Doing this I can see that the pixel is actualy 2x2 px, which means the base sprite was scaled up 2x. So I will go to my image settings and scale the image by 50% (ctrl + alt + i) so I can have the art at its original resolution.
This is much much easier to work with and study for a pixel artist.
Then I would do my art side by side like this:
Studying from the original and mimicing stylistic choices when I can
You could also just edit the sprite (this is totally ok to do as long as youre honest/upfront about it, just like any study. So many beginner artists get started with sprite editing, its such a great way of learning).
I want to make a special mention to this website called Spriters Resource, if you're looking for game sprites (especially retro stuff) you may find it here!
If i don't know how to do something i always go on spriters resource and search games I like, so I can learn how they do it. This website is a goldmine for beginner pixel artists
Feel free to ask me any specifics in the future!! and GL
227 notes
·
View notes
I love all your edits!
Do you have any favorite psds that you are willing to share? Or tips on how to make gif colorings looks as nice as yours? 🥹
Hi, anon! Thank you so much! I am really happy that you love my edits. I really appreciate it! (°◡°♡)
To answer your question, I only use one PSD file nowadays for all the edits I make so sharing this one PSD I got for myself would be a bit uncomfortable. I hope you understand. Hehe. ( ̄▽ ̄*)ゞ
But no worries, because I thought of sharing LUT files that you can use as a basis for your color grading. I will only share one LUT file for this post but I might try sharing other LUT files as well in the future. In that way, you can achieve coloring with your own style. I will also be sharing which adjustment layers I use and what are the typical settings I apply.
SOME REMINDERS THOUGH:
I use PS 2021 but all adjustment layers are also available on older versions.
I AM NOT A PS EXPERT. I learned to use PS by reading/watching tutorials. All the things I will include in this post are just my preferences for my coloring. Take anything I said with a grain of salt.
I applied and tested my coloring on anime edits only. You may use it for real-life GIFs/photos but you may want to reduce the opacity or use a different blending mode to make it work.
My coloring deviates a lot from the original coloring most of the time. Some people may find my coloring weird so always keep in mind that this is not the best coloring practice.
ALSO WARNING: BAD ENGLISH AND LENGTHY EXPLANATIONS XD
To start, you may download the LUT file HERE.
This file is basically a compilation of adjustment layers that you may want to apply to other images. So when you use it again on another project, you can simply load this single file instead of the multiple adjustment layers. The disadvantage of using LUT file is that there's no room for further adjustments of the colorings within that file. In my case, I used it as an advantage. You may call it my secret recipe for my coloring. LOL. You can use it but there's a limit to the modifications. Anyways, this LUT file contains multiple layers which is a product of my trials and errors for the past few years since I started editing again.
You may consider using this LUT file as your training wheels. Once you understand further the complexities of the adjustment layers, you may no longer rely on this coloring file. I also did this when I started wanting to develop my own coloring style. And once I understood the basics of the adjustment layers and how to replicate the colors that I had in mind, I got rid of the LUT files and started making my own.
Now, let's use this image for coloring sample:
You can also download the image so you can follow my steps easily. This version is already sharpened.
So when I apply the LUT file for this image, this is how it's going to appear.
This color grading has the teal & orange effect. Of course, this is not the final output. This will be the backbone of our coloring as we add more adjustment layers. In my case, I always start with cyan and orange and then make the necessary changes depending on the series and the atmosphere of the image used.
But before we proceed with the adjustment layers, I want to emphasize two things you can explore when it comes to adding adjustment layers. Being aware of these two features of PS actually expands your coloring options exponentially [don't get fooled, I may sound like an expert but this is just really based on my personal experience. XD] Anyways, below are the two:
Opacity - It doesn't have to be black and white when it comes to coloring. You may choose the grey side. If you think the adjustment layer you are trying to add is causing an unpleasant effect on your image, maybe try to lower the opacity first and see if that will help.
Blend Modes - you may want to explore blend modes other than the Normal mode. If you are not used to changing the blend modes, you can check videos posted by Unmesh Dinda on his YouTube Channel. He explains really well when it comes to Photoshop features. I learned a lot from his tutorials and I am now applying these learnings to my current coloring style. You may check this video for starters. He has other videos about blending modes, too.
ADDING ADJUSTMENT LAYERS:
Levels Adjustment Layer - this is always my first adjustment layer but I also modify this in the last part. There are presets available but I am not utilizing those. Instead, I go to Auto Options. This feature is very helpful in heavily dark or bright scenes. Depending on what color correction you used, you may have extremely varying results.
Once you click Auto Options, another dialogue box will appear:
The default option is Enhance Brightness and Contrast. We will choose that option for now then click OK. [We will go back to this layer once we are done with the other layers.]
Color Lookup Adjustment Layer - this is where the LUT file comes in. Once you add the layer, click Load 3D LUT then click Load 3D LUT again on top.
Select the LUT file I shared.
Selective Color Adjustment Layer - for this layer, I always separate my adjustments for different colors and don't do the adjustments for all colors in one layer.
First Selective Color - I will rename the layer as RED and set the following values: CYAN: -100, MAGENTA: -11, YELLOW: -32, BLACK: 15
You can explore the levels of Magenta and Yellow but ultimately, I always set Cyan to -100 and Black is +15. Of course, you are free to change these two but these are my preferred coloring for shades of red. Setting -100 for Cyan gives this warm coloring.
Second Selective Color - I will rename the layer as YELLOW and set the following values: CYAN: -100, MAGENTA: +40, YELLOW: +30, BLACK: 40
Cyan is also set to -100. This adds more warmth to the tone of the image. Then you may change the remaining sliders to your preferred values.
Third Selective Color - I will rename the layer as CYAN and set the following values: CYAN: -60, MAGENTA: +20, YELLOW: +100, BLACK: +40
I don't have a rule for CYAN. This really depends on the color I want to achieve for the shades of blue. Depending on the values, you can make your color look blue/cyan/purple. In this case, I wanted to tone down the brightness of the cyan.
Fourth Selective Color - I will rename the layer as Black and White and set the following values: BLACK: +5
This is just to slightly darken the black shades of the image. I label it Black and White because I sometimes change the value of Black for White but in this case, adjusting the white doesn't help so no changes were made.
Gradient Map Adjustment Layer - I do not use this layer all the time. It really depends on the image. When I wanted to add another shade of colors to the image, that's the time I would use this. And I use a maximum of 2 gradients only.
The image looks okay now to me but let me add some gradient just to show how I use this layer. I use Gray_10 which is one of the preset gradients available in PS. Then I check the Reverse option to emphasize the contrasts of the colors. Then I set Blend Mode to Soft Light, Opacity at 100%.
Then I add another Gradient Map Layer. I use Purple_17. In this case, I didn't check the Reverse option.
Then I set Blend Mode to Soft Light, Opacity at 35%.
Hue/Saturation Adjustment Layer - this one is optional. I use this on my gifs to increase the warm tones of the image.
I only change the values of Red for additional warm tones.
At this point, I also wanted to make the cool colors lose saturation, so I added another Hue/Saturation layer. To have a grayish effect on cool colors and make the reds stand out even more.
Brightness/Contrast Adjustment Layer - you can use the Auto function and then just make the adjustments you want.
In my case, I set the Contrast to -50 most of the time, then the Brightness varies. For this example, I set Brightness to +8.
Then last but not least, I made some slight changes to the Levels Adjustment Layer and then adjusted Brightness to -3.
To compare, I will post the original GIF, with LUT file only, and the final GIF coloring respectively:
I hope this helps, anon!
I might create a specific tag for this kind of post and just include it on my master list pinned post so it's easy to find. Also, if you ever use this coloring style or the LUT file as part of your coloring, there is no need to credit but if possible, please tag me in your creations (#userartless) so I can see how you personalized the file and made it your own. ^^
7 notes
·
View notes