No video

Constructing Lines and Curves in Pixel Art (Tutorial)

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.ba...
/ failpositiv
All other background music by mcguy215:
fiverr.com/mcg...
/ mcguy215

Пікірлер: 333

  • @Orygiri
    @Orygiri4 жыл бұрын

    Me: Constructing a circle Him: Take care and keep it square Me: *Got it.*

  • @VirtuaVirtue

    @VirtuaVirtue

    2 жыл бұрын

    wouldnt that be dot art

  • @NitroNovaMusic
    @NitroNovaMusic4 жыл бұрын

    For GIMP users, the line drawing feature in Aseprite is also present in this software, as well.

  • @NitroNovaMusic

    @NitroNovaMusic

    4 жыл бұрын

    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.

  • @BJGpixel

    @BJGpixel

    4 жыл бұрын

    @@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?

  • @NitroNovaMusic

    @NitroNovaMusic

    4 жыл бұрын

    @@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).

  • @BJGpixel

    @BJGpixel

    4 жыл бұрын

    @@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!

  • @thatboredinternetwanderer140

    @thatboredinternetwanderer140

    4 жыл бұрын

    @@BJGpixel I wonder if there are bezier curves in gimp...

  • @georgebrown1407
    @georgebrown14074 жыл бұрын

    Minecraft has been teaching me the fundamentals of pixel art without me even knowing it

  • @louis-we8du

    @louis-we8du

    3 жыл бұрын

    oh

  • @kekman2115
    @kekman21154 жыл бұрын

    I LOVE THAT FONT AAA should be on Google docs

  • @hxgonic

    @hxgonic

    4 жыл бұрын

    ash4raf what is it?

  • @imamincraftboi7164

    @imamincraftboi7164

    4 жыл бұрын

    Hxgonic it’s a app by google

  • @phoenixsspark6150

    @phoenixsspark6150

    4 жыл бұрын

    In my opinion it looks a bit like the duck game font

  • @chillshobe8147

    @chillshobe8147

    4 жыл бұрын

    @@imamincraftboi7164 I think they meant the font

  • @hxgonic

    @hxgonic

    4 жыл бұрын

    I’mA MincraftBoi yeah i didnt mean google docs i meant what the *font* is

  • @norrickm1756
    @norrickm17564 жыл бұрын

    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 😊

  • @ilovemunchingpine

    @ilovemunchingpine

    4 жыл бұрын

    Yeah

  • @ahmadasfour6715

    @ahmadasfour6715

    4 жыл бұрын

    Same. I have trouble making good sprites for my projects.

  • @dako5005
    @dako50054 жыл бұрын

    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 KZread, 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.

  • @BJGpixel

    @BJGpixel

    4 жыл бұрын

    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?

  • @dako5005

    @dako5005

    4 жыл бұрын

    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? :)

  • @BJGpixel

    @BJGpixel

    4 жыл бұрын

    @@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

  • @sluggknight7130
    @sluggknight71304 жыл бұрын

    I'm gonna use this tips more for minecraft than pixel art

  • @lightninjohn5651

    @lightninjohn5651

    3 жыл бұрын

    Minecraft is just 3D pixels

  • @bobelpatron4280

    @bobelpatron4280

    3 жыл бұрын

    @@lightninjohn5651 Pixels 16x16

  • @tl1882

    @tl1882

    3 жыл бұрын

    @@lightninjohn5651 so voxels

  • @lav-kitty

    @lav-kitty

    3 ай бұрын

    Minecraft IS pixelart depending on what you're doing

  • @denesszendelbacher5405
    @denesszendelbacher54054 жыл бұрын

    I feel like everyone who plays minecraft should already know this...

  • @jackbudi

    @jackbudi

    4 жыл бұрын

    I feel as someone who plays Minecraft I always fail at these

  • @toncotrovac5541

    @toncotrovac5541

    4 жыл бұрын

    Exactly

  • @classifiedinformation2388

    @classifiedinformation2388

    4 жыл бұрын

    that's actually why i'm watching this video >>

  • @LuisKar_01

    @LuisKar_01

    4 жыл бұрын

    That's why I'm sharing this video with a friend

  • @comit8077

    @comit8077

    4 жыл бұрын

    That’s... ...why I’m here -General Kenobi

  • @furupoweru1899
    @furupoweru18994 жыл бұрын

    Great vid, great channel, great art

  • @YaraVMori
    @YaraVMori4 жыл бұрын

    I love the way your videos are structured, really comprehensible and helpful!

  • @Minecraft101ToonLink
    @Minecraft101ToonLink4 жыл бұрын

    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.

  • @shsh4158
    @shsh41584 жыл бұрын

    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

  • @durururururururu
    @durururururururu4 жыл бұрын

    The effort put into this video is astonishing. I love the style. Great work :D

  • @canaldohector
    @canaldohector3 жыл бұрын

    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

  • @monstai5632
    @monstai56322 ай бұрын

    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

  • @tristanwegner
    @tristanwegner2 жыл бұрын

    Man. Your visual teaching skill is great. Just the opening picture explains so much!

  • @caslagerwaard9727
    @caslagerwaard97274 жыл бұрын

    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

  • @mm3k224
    @mm3k2244 жыл бұрын

    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!

  • @tristangovier4877
    @tristangovier48772 жыл бұрын

    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 :)

  • @Kingsbeak
    @Kingsbeak3 жыл бұрын

    This man taught me more in this 1 video than any of my art teachers

  • @dpcquak
    @dpcquak4 жыл бұрын

    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.

  • @BJGpixel

    @BJGpixel

    4 жыл бұрын

    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?

  • @dpcquak

    @dpcquak

    4 жыл бұрын

    @@BJGpixel got some on insta @instarteiro

  • @BJGpixel

    @BJGpixel

    4 жыл бұрын

    @@dpcquak ah cool, oh hey I think I've seen your baby yoda post before! Anyway keep up the good work 👍

  • @dpcquak

    @dpcquak

    4 жыл бұрын

    Thanks! Gonna try to do some scenes inspired on your tutorials ;)

  • @vinzenzdeanson4946
    @vinzenzdeanson494611 ай бұрын

    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!😅

  • @Oscarios000
    @Oscarios000 Жыл бұрын

    Thanks for not showing ads at the beginning

  • @chicodellosa1581
    @chicodellosa15813 жыл бұрын

    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!😀

  • @flinggonza5688
    @flinggonza56884 жыл бұрын

    I would recommend Microsoft Paint as a starter software. It works surprisingly well.

  • @greenstarlover1

    @greenstarlover1

    5 ай бұрын

    Definitely

  • @mujeexminiminer7653
    @mujeexminiminer76533 жыл бұрын

    Literally the best guide to getting started with pixel art I found on YT!! Keep it up man! really appreciate all the hardwork!!

  • @CrusaderGabriel
    @CrusaderGabriel Жыл бұрын

    Thank you very much for this explanation

  • @CammieRacing
    @CammieRacing4 жыл бұрын

    This is all so beautifully simple. Complexity from simplicity...

  • @cuboembaralhado8294
    @cuboembaralhado82942 жыл бұрын

    5:33 yeah i agree, altough removing the spikey pixels fom it makes it looks like a octagon

  • @TheMagicienWorld
    @TheMagicienWorld4 ай бұрын

    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

  • @Spaceimations
    @Spaceimations4 ай бұрын

    recently came across your videos and remembered my computer graphics teacher made me watch this video as a tutorial once, lol!

  • @jeromearrington9604
    @jeromearrington96042 жыл бұрын

    I’m a math major and a lot of this reminded me of calculus talking about increase and decrease. I feel validated 😂

  • @muna5816
    @muna5816 Жыл бұрын

    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.

  • @maurineitor1
    @maurineitor12 жыл бұрын

    Man, i love you content! please upload more on how to get into pixel art!!

  • @hornek
    @hornek3 жыл бұрын

    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

  • @HeightAboveSeaLevel
    @HeightAboveSeaLevel Жыл бұрын

    Very well put together video. Great job!

  • @jonhatanlopez8622
    @jonhatanlopez86224 жыл бұрын

    How is possible that I didn't find this channel before?! I kinda love it

  • @Lowmandavis
    @Lowmandavis4 жыл бұрын

    I friggen love this, simple to understand and easy to follow. :)

  • @kitty_foreststreamvods4116
    @kitty_foreststreamvods41163 ай бұрын

    finally found someone who can teach me pixel art

  • @Toribell1928
    @Toribell19283 жыл бұрын

    Wahhh thank you so much for this!! I couldn’t figure out why my pixel art looked so bulky until now

  • @devilofether6185
    @devilofether61854 жыл бұрын

    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

  • @CKTDanny
    @CKTDanny4 жыл бұрын

    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!

  • @BJGpixel

    @BJGpixel

    4 жыл бұрын

    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

  • @CKTDanny

    @CKTDanny

    4 жыл бұрын

    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

  • @litjellyfish

    @litjellyfish

    4 жыл бұрын

    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?

  • @CKTDanny

    @CKTDanny

    4 жыл бұрын

    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!

  • @fahtfakcarl7695
    @fahtfakcarl76953 жыл бұрын

    Short and informative, thanks!

  • @raphaelectrique
    @raphaelectrique3 жыл бұрын

    It's fun that: this tuto about pixel art is fully made of pixel art

  • @cyber_hawk0925
    @cyber_hawk09253 жыл бұрын

    This helps me so much! Thanks a lot

  • @supstick-blaze
    @supstick-blaze3 жыл бұрын

    Damm quality is top notch. I'm subbed

  • @disemq
    @disemq4 жыл бұрын

    Thanks!! Nice videos!!

  • @BJGpixel

    @BJGpixel

    4 жыл бұрын

    Thank You!

  • @dannylamb456
    @dannylamb4562 жыл бұрын

    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.

  • @epsilonthedragon1249
    @epsilonthedragon12494 жыл бұрын

    I love how you called the mace image "Windu.png"

  • @krisnandika8634
    @krisnandika86343 жыл бұрын

    Get this man his nobel prize already

  • @amara9226
    @amara92264 жыл бұрын

    dude ur so underrated keep it up love the vids!

  • @moohy
    @moohy3 жыл бұрын

    Love these tutorials! thank you so much ☺️

  • @humadi2001
    @humadi20013 жыл бұрын

    This video is GOLD!

  • @CesarDraigcyfail
    @CesarDraigcyfail Жыл бұрын

    Dude this is great, it's helping me draw inside Splatoon, thanks!

  • @turbidorc3182
    @turbidorc31823 жыл бұрын

    you are the best pixel art person

  • @pancake9978
    @pancake99784 жыл бұрын

    damn the effort this video has, I'm subbing fam

  • @whyamialive7252
    @whyamialive72524 жыл бұрын

    these things have NAMES? my mind has been blown

  • @Sexy_Stev
    @Sexy_Stev4 жыл бұрын

    This video: was recommended Me, a pixel perfectionist: all lines must be perfect, no mistakes must be made

  • @north4220
    @north42202 жыл бұрын

    as a beginner , i needed this so bad , Thank you a llot

  • @menacingskull740
    @menacingskull7402 жыл бұрын

    amazing lines

  • @hereisdann
    @hereisdann Жыл бұрын

    awesome ref ty

  • @KyXnline
    @KyXnline3 жыл бұрын

    3:17 that car is so badass

  • @enzivixy
    @enzivixy2 жыл бұрын

    I HAVE FINALLY FOUND YOUR CHANNEL AGAIN

  • @Krebzonide
    @Krebzonide4 жыл бұрын

    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.

  • @JOELwindows7
    @JOELwindows74 жыл бұрын

    Pixel lines and curves This is your daily dose of Recommendation

  • @fluterdashwill1308
    @fluterdashwill13084 жыл бұрын

    Thanks to this video i was finally able to find a good pixel editor yay

  • @raph2550
    @raph25504 жыл бұрын

    High quality content !!!

  • @Retrofire-47
    @Retrofire-4711 ай бұрын

    Legend. exceptional tutorial for fundamental pixel art! there should be no rules in art - but this helps the aspiring mind

  • @h-Films
    @h-Films4 жыл бұрын

    The sad thing about a lot of circle sizes is they _require_ doubles.

  • @alonsorojas3829
    @alonsorojas38294 жыл бұрын

    Useful and well designed.

  • @FarizDrawing
    @FarizDrawing3 жыл бұрын

    Very good tutorial 👍👍👍

  • @maokai09
    @maokai093 жыл бұрын

    *pompous presentation* As one who's seen many a pixel tutorial this actually was quite useful (fr tho, thanks, cool and useful)

  • @joko49perez
    @joko49perez4 жыл бұрын

    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.

  • @aozanyasar
    @aozanyasar4 жыл бұрын

    great tutorial dude!

  • @BJGpixel

    @BJGpixel

    4 жыл бұрын

    Thanks! :D

  • @bratdr
    @bratdr4 жыл бұрын

    Thanks for the tutorial

  • @ianmathews6588
    @ianmathews65884 жыл бұрын

    thank everything that is applicable that you exists.

  • @spiffychewie4775
    @spiffychewie47753 жыл бұрын

    Thank you so much here take my subscription!

  • @guestkung
    @guestkung3 жыл бұрын

    Thank you for the tips!

  • @siin_07
    @siin_074 жыл бұрын

    I love that Mace Windu reference.

  • @InfernoAssassin_Animations
    @InfernoAssassin_Animations3 жыл бұрын

    The thumbnail got me

  • @holdeng2626
    @holdeng26264 жыл бұрын

    normal people: *use correct and good drawing app* ugh this is bad! i should redraw it me with mspaint: perfection

  • @juliansafrudin1656
    @juliansafrudin16564 жыл бұрын

    Keep making this pls, and timelapse video too

  • @slim5023
    @slim50234 жыл бұрын

    your videos are amazing thank you!!

  • @greenbutter3190
    @greenbutter31904 жыл бұрын

    Stable video👍

  • @zcopey
    @zcopey4 жыл бұрын

    Cool vid

  • @uw_0760
    @uw_07604 жыл бұрын

    Thanks for the lesson i can start for the texture on a 8bit game im making

  • @RecombobulatedStuff
    @RecombobulatedStuff4 жыл бұрын

    Windu.png amazing

  • @CetteSara
    @CetteSara4 жыл бұрын

    thank you for sharing !

  • @colbylemberger4476
    @colbylemberger44764 жыл бұрын

    I did not find this useful because I already knew this stuff but it was still fun to watch

  • @Flo_ki__
    @Flo_ki__4 жыл бұрын

    Thank you!

  • @getarthur5972
    @getarthur59722 жыл бұрын

    great video ty

  • @thinksie
    @thinksie Жыл бұрын

    Thankzzz

  • @Kevedsa4esan
    @Kevedsa4esan4 жыл бұрын

    I would use this information for building in minecraft better. Very useful

  • @__Jp
    @__Jp4 жыл бұрын

    thanks to you i can now make curves and diagonals in minecraft

  • @artasky6093
    @artasky6093 Жыл бұрын

    Ohhh so that "pixel perfect" mode in pixel stuido app mean!

  • @teabagNBG
    @teabagNBG2 жыл бұрын

    nice video! is there some kind of option "for pixel perfects" in photoshop? this is kind of annyoing lol

  • @dzdz7818
    @dzdz7818 Жыл бұрын

    Thank you

  • @nepdisc3722
    @nepdisc37224 жыл бұрын

    This seems like something that could be calculated and handled entirely by the software if someone cared enough to code the algorithms for it.

  • @19Michi97

    @19Michi97

    4 жыл бұрын

    Search for the Bresenham algorithm, had to code it for my CG 101 class.

  • @doublespoonco
    @doublespoonco4 жыл бұрын

    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

  • @echratus
    @echratus3 жыл бұрын

    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