Constructing Lines and Curves in Pixel Art (Tutorial)
ฝัง
- เผยแพร่เมื่อ 24 ม.ค. 2020
- The grid-style nature of pixel art results in a few special considerations when drawing straight lines and curves. In this tutorial, we’ll walk through a few approaches to keep in mind when creating clean-looking pixel art lines and curves!
----
Check out my art here:
/ brandonjamesgreer
/ bjgpixel
----
I commissioned the music in this video from these fantastic artists:
Title sequence theme music by Failpositive:
failpositive.bandcamp.com/
/ failpositiv
All other background music by mcguy215:
fiverr.com/mcguy215
/ mcguy215 - แนวปฏิบัติและการใช้ชีวิต
Me: Constructing a circle
Him: Take care and keep it square
Me: *Got it.*
wouldnt that be dot art
I feel like everyone who plays minecraft should already know this...
I feel as someone who plays Minecraft I always fail at these
Exactly
that's actually why i'm watching this video >>
That's why I'm sharing this video with a friend
That’s...
...why I’m here
-General Kenobi
For GIMP users, the line drawing feature in Aseprite is also present in this software, as well.
If you get proficient with it, you can use the line drawing feature to draw all the curves and paths you want with single-pixel thickness.
@@NitroNovaMusic Ah so it is, very cool! Can you get it to plan out curvature of a line as well? Like using anchor points but with pixels?
@@BJGpixel You can, as long as you're cool with doing the cleanup! Use the path tool to create multiple anchors as you would in Photoshop (and just like photoshop you can return to a path you created in the paths dockable dialog and keep making changes). Then, while you're editing your path, you can go to the Tool Options dialog and select the Stroke Path button. A new dialog will appear to configure how GIMP will paint this path. True, you can use the Stroke Line option and specify a 1.0 line width, but I figured out a way that vastly decreases the amount of doubles that odd curves produce. The best results I got were when I selected "Stroke with a Paint Tool." If you have your pencil tool set to a pixel brush, the software will place pixels exactly along the path you set. The only flaw with this is that you will undoubtedly create some jaggies. It's great for planning the *exact* curve or zig-zag or outline that you are visualizing, as long as you are okay with spending time on cleaning up the occasional double. You can also use this tool for fills or even selecting according to path (not that I actually use the paths tool for that lol).
@@NitroNovaMusic wow that's really cool, thanks for the detail! I might have to get back into GIMP and try this out, or dig deeper in Photoshop to experiment. I actually normally build by hand or use circle shapes sometimes so this could improve my workflow!
@@BJGpixel I wonder if there are bezier curves in gimp...
Minecraft has been teaching me the fundamentals of pixel art without me even knowing it
oh
I'm gonna use this tips more for minecraft than pixel art
Minecraft is just 3D pixels
@@lightninjohn5651 Pixels 16x16
@@lightninjohn5651 so voxels
Minecraft IS pixelart depending on what you're doing
As a programmer I've always dreaded doing the art for my work. These types of videos have made me dread the art portion of things a little less. Keep up the good content 😊
Yeah
Same. I have trouble making good sprites for my projects.
I LOVE THAT FONT AAA should be on Google docs
ash4raf what is it?
Hxgonic it’s a app by google
In my opinion it looks a bit like the duck game font
@@imamincraftboi7164 I think they meant the font
I’mA MincraftBoi yeah i didnt mean google docs i meant what the *font* is
I just recently got interested in pixel art myself to try something new, I'm at the stage of aquiring knowledge and I have to say, that from all the stuff on pixel art on TH-cam, in my opinion your videos are the most informative, well made and fun. Keep up the good work, I hope this channel will grow fast.
Hey thanks so much, I appreciate the support and I'm glad you find the videos useful and fun! From your perspective as a beginner, are there any kinds of videos/topics you'd like to see that haven't been covered anywhere?
Yes, I would really like to know the most efficient way to animate a pixel art character. There is literally a couple of decent quality vidoes on that on YT but those are mostly very basic stuff like idle animations. I would love to see a step by step tutorial on a sword swing animation for example. How about using your Darth Vader sprite for this? :)
@@dako5005 Yes that's a great idea! I'll have to come up with some easy way to present that, thanks for the suggestion :D
Great vid, great channel, great art
This made such a huge difference in my work. I'm a digital artist and I know my way around drawing, but pixel art has a bunch of things I had no clue about and I'm still learning. Thank you for the very informative and clear tutorial
As someone who used to work on textures in Minecraft resource packs, I can confirm that these tips are helpful. Sadly, I had to learn about all of this by myself since documentation on texture making in Minecraft wasn’t as prevalent back in 2012 as it is now. But it did help kickstart me into the world of graphic design, even if I’m never going to be an expert at it.
just found your channel, been watching your videos straight for the past 2 days and i just noticited... HOW DO YOU NOT HAVE 100K SUBS???? you make such good quality videos :D imma share this with al my friends
I like to use "regular jaggies" to achieve other line angles, for example: alternating 2 and 1 pixels to get a line between the 1 pixel line and 2 pixel line
I love the way your videos are structured, really comprehensible and helpful!
Thanks for not showing ads at the beginning
5:33 yeah i agree, altough removing the spikey pixels fom it makes it looks like a octagon
This man taught me more in this 1 video than any of my art teachers
Man. Your visual teaching skill is great. Just the opening picture explains so much!
The effort put into this video is astonishing. I love the style. Great work :D
i love and appreciate the effort and quality you put on a video! ;-; the pencil size, circle reference you used to identify the curve lines, it really helps! Training my muscle memory on pixel art here. So thank you for the tutorial! :DDD
I love the way you lay out all (or most) things that were discussed in the video, helps in retaining all the info that was brought in.
I just stumbled upon this channel, but I've been loving it so far, definitely gonna sub!
The vibe of these videos is so good, the computer tabs, the arcade noises the atmosphere is so good and original. Thanks for making this channel :)
Literally the best guide to getting started with pixel art I found on YT!! Keep it up man! really appreciate all the hardwork!!
This tutorial makes a lot of sense for those starting out with pixel art. By far this is one of the most concise and well explained how-to I've encountered. Been trying to create pixel art from scratch and this helps a lot. Keep up the amazing content!😀
I would recommend Microsoft Paint as a starter software. It works surprisingly well.
Definitely
You know its funny when you're staring at a screen for hours making a pixel asset and then you go visit your nana only to find that she's 1000× better at sprite work because she's been doing cross stich for the past 50 odd years!😅
I just recently got into pixel art and your channel is the best, no wonder it was almost the only one showing in my recommendations before I subscribed :D
I'm watching ALL your videos man. Such a great content. Also love your artstyle and technique. I've been doing pixelart for a few years now and it's kinda hard to find high-quality tutorials such as yours. Keep up the good work and thanks.
Hey thanks so much, glad you enjoy em, especially since you've been making pixel art yourself for a bit! Do you post your art online anywhere?
@@BJGpixel got some on insta @instarteiro
@@dpcquak ah cool, oh hey I think I've seen your baby yoda post before! Anyway keep up the good work 👍
Thanks! Gonna try to do some scenes inspired on your tutorials ;)
This is all so beautifully simple. Complexity from simplicity...
Thank you very much for this explanation
I just found your channel. I’ve been practicing with pixel art on and off but ever since booting up Aseprite two weeks ago, it’s been hard to stop. Thank you for the really informative and encouraging videos. This helps so much.
recently came across your videos and remembered my computer graphics teacher made me watch this video as a tutorial once, lol!
The course reminded me of my early Minecraft construction back when it was all about building still. Wrapping my head around circular edges to make houses lead me to understand how to make pixel curves lol
finally found someone who can teach me pixel art
I friggen love this, simple to understand and easy to follow. :)
Love these tutorials! thank you so much ☺️
This video is GOLD!
How is possible that I didn't find this channel before?! I kinda love it
Very well put together video.
Great job!
amazing lines
Short and informative, thanks!
Man, i love you content! please upload more on how to get into pixel art!!
dude ur so underrated keep it up love the vids!
This helps me so much! Thanks a lot
I’m a math major and a lot of this reminded me of calculus talking about increase and decrease. I feel validated 😂
Dude this is great, it's helping me draw inside Splatoon, thanks!
I've been trying to draw curved rifle magazines and other bits and bobs for weaponry that requires curves. This helps a good bit. Thank you.
Useful and well designed.
as a beginner , i needed this so bad , Thank you a llot
Damm quality is top notch. I'm subbed
you are the best pixel art person
it's also worth noting that with really big curves, sometimes you need to slightly break the decreasing segment length rule, or else, it will look like a geometric shape rather than a curve, for an example, you have a segment of 3 2-pixel lines, and 7 1-pixel dots; it will just look like a 26.525 degree slope, at the corner of this, you should alternate 1 and 2-pixel lines. this ~13 degree slope is also used in isometric art to create 45 degree slopes using the isometric projection
Wahhh thank you so much for this!! I couldn’t figure out why my pixel art looked so bulky until now
damn the effort this video has, I'm subbing fam
Get this man his nobel prize already
awesome ref ty
Thanks for the tutorial
It's fun that: this tuto about pixel art is fully made of pixel art
Thanks to this video i was finally able to find a good pixel editor yay
Thank you for the tips!
I love how you called the mace image "Windu.png"
your videos are amazing thank you!!
3:17 that car is so badass
High quality content !!!
The sad thing about a lot of circle sizes is they _require_ doubles.
thank you for sharing !
Very good tutorial 👍👍👍
Thank you!
Thanks!! Nice videos!!
Thank You!
great tutorial dude!
Thanks! :D
Stable video👍
great video ty
Thank you so much here take my subscription!
Thank you
these things have NAMES? my mind has been blown
Thanks for the lesson i can start for the texture on a 8bit game im making
Thankzzz
sooo helpful
Pixel lines and curves
This is your daily dose of Recommendation
I HAVE FINALLY FOUND YOUR CHANNEL AGAIN
This video: was recommended
Me, a pixel perfectionist: all lines must be perfect, no mistakes must be made
Keep making this pls, and timelapse video too
Whenever I needed to make a curve of a specific shape in minecraft I would open up paint and use the ellipse tool to make it look good for me. Similar to what you do at 5:10.
thank everything that is applicable that you exists.
WINDU.PNG !!!
Another quality tutorial, thanks for posting!!
I wish Photoshop on the iPad could do pixel art, but it looks like there's no nearest-neighbour algorithm yet haha. Sometimes, I just feel like making pixel art, when I'm bored in my lectures!
Haha thank you for catching that!! 😅
Oh that's really strange, I wonder what other features are missing if that isn't there?! I suppose you could resize within another app if that's possible. There's also that Pixaki app for iPad, don't know anything of it other than it's for pixel art
Oh, I'm sure there's plenty, it just came out not long ago, haha! I'll check out Pixaki then, thanks for the advice :D
In normal photoshop you do not need to think about near neighbor filtering you just use the pen tool that has no filtering at all. (Not vector pen) But maybe that tool is not present in the mobile version?
Stefan Holmqvist I'm not entirely sure, the only pen tool I see has anti-aliasing on all the brushes. I guess it's just a limitation of the mobile version for now, hopefully they bring some options for us soon!
normal people: *use correct and good drawing app* ugh this is bad! i should redraw it
me with mspaint: perfection
Nice.
The pokeballs in gen 1 use that 10px circle. Although I remember it being 8px. Regardless, it has the same doubling and it looked fine on the gameboy and emulators.
Cool vid
I love that Mace Windu reference.
i love you videos
The thumbnail got me
Thx for this, was using the pixel grimore on miniboss website but didn't understand the explanation. I mean I still don't get it but I think with practice i can do this easily
ありがとうございました。
nice!
Damn it, now i want to learn how to do pixelarts xD!
Windu.png amazing
*pompous presentation* As one who's seen many a pixel tutorial this actually was quite useful (fr tho, thanks, cool and useful)
thanks to you i can now make curves and diagonals in minecraft
The pattern of pixels for bigger curvatures tend to alternate, e.g it can go 3,3,2,2,1,2,1,2,1,1,2,1,1,1,1,1,2,1,1,2,1,2,1,2,2,3,3 in the middle