WIP (Work In Progress) | |
![]() |
![]() |
![]() ![]() |
Author | Message |
-
Commander ![]() Joined: 12 May 2025 Online Status: Offline Posts: 120 |
![]() ![]() ![]() Posted: 13 September 2014 at 10:33pm |
Its been a long time since I'm here so now I've decided to work on getting more skills and improving them and Pixel art is one of them.
So this one is based on the tutorial I've been working on which is this link http://makegames.tumblr.com/post/42648699708/pixel-art-tutorial So I want to know how it is so far. Have I avoided any jaggies or have I made it worse because I still don't get what he meant by jaggies.... ![]() Edited by Artwark - 13 September 2014 at 10:36pm |
|
![]() |
|
AimlessZealot
Midshipman ![]() Joined: 29 March 2019 Online Status: Offline Posts: 43 |
![]() ![]() ![]() |
The term "jaggies" refers to jagged edges created by full color pixels that do not run in perfect lines, creating the appearance of breaks.
Notice the areas I've circled: ![]() Because you've used nothing but black for your outlining and you haven't used straight lines in that area, the "curve" of the bottle seems choppy and broken up -- as if it has small edges instead of being smooth. That's because you have jaggies there. Compare it to this, a quick retouch of your bottle with a 2 more colors (dark and light grey) tossed in those areas to help smooth it: ![]() This technique is called anti-aliasing, and it involves using other shades of your color to gradually shade an edge away, so that it looks smoother. It's not the only technique available, but it is a common answer to jaggies. Another answer, such as in the tutorial you showed, is called progressive curving, and involves counting up or down in your curves -- A "perfect" curve should be made of small sections that count down as you approach the center of the curve and then count back up as you come out of the bend. You can make a curve seem even smoother by making the sections in the curve count up or down very gradually -- 4 pixels, 3 pixels, 2 pixels, etc. You can also use more sections (a bigger curve) to make it look smoother. An example of using this to help smooth your jaggies: ![]() You'll notice the base of the potion now seems more rounded and natural, but that the teeth along the side are still pretty strong. We can combine anti-aliasing and progressive curving (and any other techniques we like) to try and get the best possible effect: ![]() Please note, there are any number of individuals here who could do both of these techniques (and a number of others that I can't) better -- I heavily encourage you to look around and see how others deal with uneven edges. I hope that helps! Edited by AimlessZealot - 14 September 2014 at 12:32am |
|
![]() |
|
-
Commander ![]() Joined: 12 May 2025 Online Status: Offline Posts: 120 |
![]() ![]() ![]() |
Ok I've made it better but I haven't done anti aliasing yet because I need to learn that. Is it any jaggy now?
![]() |
|
![]() |
|
AimlessZealot
Midshipman ![]() Joined: 29 March 2019 Online Status: Offline Posts: 43 |
![]() ![]() ![]() |
Less jaggies now, but you still have one on each side of the base, and your bottle now appears to have angled faces (like twelve-sided dice) instead of being round.
|
|
![]() |
|
jtfjtfjtf
Commander ![]() ![]() Joined: 17 July 2018 Online Status: Offline Posts: 162 |
![]() ![]() ![]() |
If you want a gradual, smooth curve, you should taper your pixels. So when you transition from the single pixel line you go into 2 pixels, and then 3, and however many you want. The bulge would be the largest pixel length.
This applies to the base as well. You go 2, 3, 2 which creates a notch. If you want that to be smoother go 3,2,2 and then you transition into the single pixel line. |
|
![]() |
|
![]() ![]() |
||
Forum Jump |
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot delete your posts in this forum You cannot edit your posts in this forum You cannot create polls in this forum You cannot vote in polls in this forum |