Constructing Lines and Curves in Pixel Art (Tutorial)

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

КОМЕНТАРІ • 338

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

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

  • @NitroNovaMusic
    @NitroNovaMusic 4 роки тому +456

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

    • @NitroNovaMusic
      @NitroNovaMusic 4 роки тому +15

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

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

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

    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 😊

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

    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

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

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

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

      Minecraft is just 3D pixels

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

      @@lightninjohn5651 Pixels 16x16

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

      @@lightninjohn5651 so voxels

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

      Minecraft IS pixelart depending on what you're doing

  • @dako5005
    @dako5005 4 роки тому +169

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

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

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

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

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

      oh

    • @Azealothe
      @Azealothe 27 днів тому

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

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

    3:15 Love the Jet Car :)

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

    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.

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

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

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

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

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

      Exactly

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

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

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

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

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

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

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

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

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

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

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

  • @furupoweru1899
    @furupoweru1899 4 роки тому +74

    Great vid, great channel, great art

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

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

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

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

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

    Thanks for not showing ads at the beginning

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

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

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

    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

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

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

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

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

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

    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

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

    Thank you very much for this explanation

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

    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

  • @MaryPerez-d7i
    @MaryPerez-d7i 17 днів тому

    I love how you make things so understandable!

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

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

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

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

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

    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

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

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

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

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

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

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

      @@BJGpixel got some on insta @instarteiro

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @kitty_foreststreamvods4116
    @kitty_foreststreamvods4116 6 місяців тому

    finally found someone who can teach me pixel art

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

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

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

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

    Short and informative, thanks!

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

    Very well put together video.
    Great job!

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

    Get this man his nobel prize already

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

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

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

    Saving this for reference! Great video

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

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

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

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

    This helps me so much! Thanks a lot

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

    Love these tutorials! thank you so much ☺️

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

    3:17 that car is so badass

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

    I love that Mace Windu reference.

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

    This video is GOLD!

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

    these things have NAMES? my mind has been blown

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

    amazing lines

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

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

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

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

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

    dude ur so underrated keep it up love the vids!

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

    you are the best pixel art person

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

    awesome ref ty

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

    Damm quality is top notch. I'm subbed

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

    Pixel lines and curves
    This is your daily dose of Recommendation

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

    thank everything that is applicable that you exists.

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

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

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

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

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

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

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

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

    Thanks!! Nice videos!!

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

    Useful and well designed.

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

    Keep making this pls, and timelapse video too

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

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

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

    I HAVE FINALLY FOUND YOUR CHANNEL AGAIN

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

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

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

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

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

    Thank you for the tips!

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

    thank you for sharing !

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

    Thanks for the tutorial

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

    Thank you so much here take my subscription!

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

    0:12 my life has been changed

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

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

  • @ivedoneverything
    @ivedoneverything 11 місяців тому +1

    Hey bro just starting pixel art would your recommend asprite over photoshop

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

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

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

    High quality content !!!

  • @CKTDanny
    @CKTDanny 4 роки тому +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  4 роки тому +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 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 роки тому +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!

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

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

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

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

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

    I play Minecraft and it took me awhile to learn this but once you learn it you can never unlearn it

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

    Thankzzz

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

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

    Hi - I can't find the pixel perfect option is Aseprite! Can you please tell me how I can enable it? Thank you!

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

    My God. I thinking for learning pixel art and this show up

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

    I don't know ehat brought me to this video, but I like it

  • @JoaoGuilherme-rr4ib
    @JoaoGuilherme-rr4ib 3 роки тому

    If i make a sequence for a round object like 4 > 3 > 3 > 1 > 1 >< 1 < 1 < 3 < 3 < 4 (jumping the 2 in the sequence) will it still look's correct?

  • @jokenoninc.6142
    @jokenoninc.6142 4 роки тому

    I'm here for art tips and Minecraft tips, so it's a fucking poggera for me