Constructing Lines and Curves in Pixel Art (Tutorial)

Поділитися
Вставка
  • Опубліковано 14 січ 2025

КОМЕНТАРІ • 340

  • @Orygiri
    @Orygiri 4 роки тому +674

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

  • @NitroNovaMusic
    @NitroNovaMusic 5 років тому +463

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

    • @NitroNovaMusic
      @NitroNovaMusic 5 років тому +18

      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  5 років тому +32

      @@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 5 років тому +12

      @@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  5 років тому +12

      @@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 роки тому +2

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

  • @dako5005
    @dako5005 5 років тому +174

    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 UA-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.

    • @BJGpixel
      @BJGpixel  5 років тому +19

      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 5 років тому +10

      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  5 років тому +12

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

  • @norrickm1756
    @norrickm1756 4 роки тому +120

    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 😊

  • @georgebrown1407
    @georgebrown1407 4 роки тому +157

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

    • @louis-we8du
      @louis-we8du 3 роки тому +3

      oh

    • @Azealothe
      @Azealothe 2 місяці тому

      I legit have just recently got into pixel art and have been thinking now how would I build this in Minecraft 🤔

  • @kekman2115
    @kekman2115 4 роки тому +88

    I LOVE THAT FONT AAA should be on Google docs

    • @hxgonic
      @hxgonic 4 роки тому +1

      ash4raf what is it?

    • @imamincraftboi7164
      @imamincraftboi7164 4 роки тому

      Hxgonic it’s a app by google

    • @phoenixsspark6150
      @phoenixsspark6150 4 роки тому +5

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

    • @chillshobe8147
      @chillshobe8147 4 роки тому +5

      @@imamincraftboi7164 I think they meant the font

    • @hxgonic
      @hxgonic 4 роки тому +2

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

  • @Tutterzoid
    @Tutterzoid 4 місяці тому +3

    3:15 Love the Jet Car :)

  • @YaraVMori
    @YaraVMori 4 роки тому +38

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

  • @Minecraft101ToonLink
    @Minecraft101ToonLink 4 роки тому +7

    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.

  • @furupoweru1899
    @furupoweru1899 5 років тому +73

    Great vid, great channel, great art

  • @cuboembaralhado8294
    @cuboembaralhado8294 2 роки тому +2

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

  • @durururururururu
    @durururururururu 4 роки тому +12

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

  • @shsh4158
    @shsh4158 4 роки тому +13

    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

  • @tristanwegner
    @tristanwegner 3 роки тому +2

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

  • @sluggknight7130
    @sluggknight7130 4 роки тому +188

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

    • @lightninjohn5651
      @lightninjohn5651 4 роки тому +19

      Minecraft is just 3D pixels

    • @bobelpatron4280
      @bobelpatron4280 3 роки тому +5

      @@lightninjohn5651 Pixels 16x16

    • @tl1882
      @tl1882 3 роки тому +13

      @@lightninjohn5651 so voxels

    • @lav-kitty
      @lav-kitty 8 місяців тому +3

      Minecraft IS pixelart depending on what you're doing

  • @canaldohector
    @canaldohector 4 роки тому +19

    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

  • @mm3k224
    @mm3k224 4 роки тому +2

    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
    @tristangovier4877 3 роки тому +1

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

  • @caslagerwaard9727
    @caslagerwaard9727 4 роки тому +4

    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

  • @monstai5632
    @monstai5632 7 місяців тому

    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

  • @dpcquak
    @dpcquak 5 років тому +9

    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  5 років тому +2

      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 5 років тому +2

      @@BJGpixel got some on insta @instarteiro

    • @BJGpixel
      @BJGpixel  5 років тому +2

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

    • @dpcquak
      @dpcquak 5 років тому +3

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

  • @mujeexminiminer7653
    @mujeexminiminer7653 4 роки тому +1

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

  • @chicodellosa1581
    @chicodellosa1581 3 роки тому +1

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

  • @CrusaderGabriel
    @CrusaderGabriel 2 роки тому +1

    Thank you very much for this explanation

  • @Kingsbeak
    @Kingsbeak 3 роки тому +3

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

  • @denesszendelbacher5405
    @denesszendelbacher5405 4 роки тому +1790

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

    • @jackbudi
      @jackbudi 4 роки тому +149

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

    • @toncotrovac5541
      @toncotrovac5541 4 роки тому +8

      Exactly

    • @classifiedinformation2388
      @classifiedinformation2388 4 роки тому +45

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

    • @LuisKar_01
      @LuisKar_01 4 роки тому +9

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

    • @comit8077
      @comit8077 4 роки тому +22

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

  • @MaryPerez-d7i
    @MaryPerez-d7i 2 місяці тому

    I love how you make things so understandable!

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

  • @vinzenzdeanson4946
    @vinzenzdeanson4946 Рік тому +39

    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 Рік тому +1

    Thanks for not showing ads at the beginning

  • @hornek
    @hornek 3 роки тому

    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

  • @CammieRacing
    @CammieRacing 4 роки тому +1

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

  • @flinggonza5688
    @flinggonza5688 4 роки тому +12

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

  • @devilofether6185
    @devilofether6185 4 роки тому +1

    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

  • @dannylamb456
    @dannylamb456 2 роки тому

    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.

  • @mausashimx
    @mausashimx 3 роки тому +1

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

  • @HeightAboveSeaLevel
    @HeightAboveSeaLevel 2 роки тому +1

    Very well put together video.
    Great job!

  • @Lowmandavis
    @Lowmandavis 4 роки тому +1

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

  • @jonhatanlopez8622
    @jonhatanlopez8622 4 роки тому +1

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

  • @CesarDraigcyfail
    @CesarDraigcyfail 2 роки тому

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

  • @fahtfakcarl7695
    @fahtfakcarl7695 4 роки тому +1

    Short and informative, thanks!

  • @Toribell1928
    @Toribell1928 3 роки тому +1

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

  • @raphaelectrique
    @raphaelectrique 3 роки тому

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

  • @north4220
    @north4220 2 роки тому

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

  • @cyber_hawk0925
    @cyber_hawk0925 3 роки тому +1

    This helps me so much! Thanks a lot

  • @Supersteffy
    @Supersteffy 4 місяці тому

    Saving this for reference! Great video

  • @humadi2001
    @humadi2001 3 роки тому

    This video is GOLD!

  • @amara9226
    @amara9226 4 роки тому +3

    dude ur so underrated keep it up love the vids!

  • @moohy
    @moohy 4 роки тому +1

    Love these tutorials! thank you so much ☺️

  • @menacingskull740
    @menacingskull740 2 роки тому

    amazing lines

  • @Krebzonide
    @Krebzonide 4 роки тому +2

    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.

  • @TheMagicienWorld
    @TheMagicienWorld 9 місяців тому

    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

  • @pancake9978
    @pancake9978 4 роки тому +1

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

  • @supstick-blaze
    @supstick-blaze 3 роки тому

    Damm quality is top notch. I'm subbed

  • @jeromearrington9604
    @jeromearrington9604 3 роки тому +1

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

  • @kitsune_forest
    @kitsune_forest 8 місяців тому

    finally found someone who can teach me pixel art

  • @turbidorc3182
    @turbidorc3182 4 роки тому

    you are the best pixel art person

  • @joko49perez
    @joko49perez 4 роки тому +1

    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.

  • @AtraxaApologist
    @AtraxaApologist 4 роки тому +1

    3:17 that car is so badass

  • @disemq
    @disemq 5 років тому +3

    Thanks!! Nice videos!!

  • @teabagNBG
    @teabagNBG 3 роки тому +1

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

  • @hereisdann
    @hereisdann 2 роки тому +1

    awesome ref ty

  • @fluterdashwill1308
    @fluterdashwill1308 4 роки тому

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

  • @alonsorojas3829
    @alonsorojas3829 4 роки тому

    Useful and well designed.

  • @artasky6093
    @artasky6093 Рік тому +1

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

  • @thinksie
    @thinksie 2 роки тому +1

    Thankzzz

  • @raph2550
    @raph2550 4 роки тому +1

    High quality content !!!

  • @doublespoonco
    @doublespoonco 4 роки тому

    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

  • @Spaceimations
    @Spaceimations 10 місяців тому +1

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

  • @epsilonthedragon1249
    @epsilonthedragon1249 4 роки тому +2

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

  • @KrisBozo
    @KrisBozo 3 роки тому

    Get this man his nobel prize already

  • @guestkung
    @guestkung 3 роки тому

    Thank you for the tips!

  • @bratdr
    @bratdr 5 років тому +1

    Thanks for the tutorial

  • @CetteSara
    @CetteSara 4 роки тому

    thank you for sharing !

  • @aozanyasar
    @aozanyasar 5 років тому +1

    great tutorial dude!

  • @h-Films
    @h-Films 4 роки тому +7

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

  • @JOELwindows7
    @JOELwindows7 4 роки тому

    Pixel lines and curves
    This is your daily dose of Recommendation

  • @whyamialive7252
    @whyamialive7252 4 роки тому

    these things have NAMES? my mind has been blown

  • @uw_0760
    @uw_0760 4 роки тому

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

  • @slim5023
    @slim5023 4 роки тому

    your videos are amazing thank you!!

  • @echratus
    @echratus 3 роки тому

    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

  • @CKTDanny
    @CKTDanny 5 років тому +11

    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  5 років тому +1

      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 5 років тому

      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 роки тому +1

      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!

  • @Flo_ki__
    @Flo_ki__ 4 роки тому +1

    Thank you!

  • @FarizDrawing
    @FarizDrawing 3 роки тому

    Very good tutorial 👍👍👍

  • @ThatonePeep
    @ThatonePeep 4 роки тому +1

    0:12 my life has been changed

  • @enzivixy
    @enzivixy 2 роки тому

    I HAVE FINALLY FOUND YOUR CHANNEL AGAIN

  • @juliansafrudin1656
    @juliansafrudin1656 5 років тому +1

    Keep making this pls, and timelapse video too

  • @maokai09
    @maokai09 3 роки тому

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

  • @greenbutter3190
    @greenbutter3190 4 роки тому

    Stable video👍

  • @siin_07
    @siin_07 4 роки тому

    I love that Mace Windu reference.

  • @no1ofinterst
    @no1ofinterst 4 роки тому

    Some common pixel circle tools ignore what you said at 4:00 What is your opinion on that?

  • @holdeng2626
    @holdeng2626 4 роки тому +7

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

  • @dzdz7818
    @dzdz7818 2 роки тому

    Thank you

  • @spiffychewie4775
    @spiffychewie4775 4 роки тому

    Thank you so much here take my subscription!

  • @ianmathews6588
    @ianmathews6588 4 роки тому

    thank everything that is applicable that you exists.

  • @getarthur5972
    @getarthur5972 3 роки тому

    great video ty

  • @SnoFitzroy
    @SnoFitzroy Місяць тому

    I think the 10px circle looks rounder *because of* the "corners" on it. Without them, it's just an Octagon...like the 7px circle

  • @tenebriswoof8675
    @tenebriswoof8675 3 роки тому

    0:07
    general kenobi!

  • @hosstam
    @hosstam 3 роки тому

    On the thumbnail the first monkey shows its palm or its midlefinger?

  • @ondatra5672
    @ondatra5672 4 роки тому

    0:07 General Kenobi!