Тёмный
No video :(

Constructing Lines and Curves in Pixel Art (Tutorial) 

Brandon James Greer
Подписаться 289 тыс.
Просмотров 316 тыс.
50% 1

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

Опубликовано:

 

24 янв 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 333   
@Orygiri
@Orygiri 4 года назад
Me: Constructing a circle Him: Take care and keep it square Me: *Got it.*
@VirtuaVirtue
@VirtuaVirtue 2 года назад
wouldnt that be dot art
@NitroNovaMusic
@NitroNovaMusic 4 года назад
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
@georgebrown1407 4 года назад
Minecraft has been teaching me the fundamentals of pixel art without me even knowing it
@louis-we8du
@louis-we8du 3 года назад
oh
@kekman2115
@kekman2115 4 года назад
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
@dako5005
@dako5005 4 года назад
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 RU-vid, 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
@norrickm1756
@norrickm1756 4 года назад
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.
@sluggknight7130
@sluggknight7130 4 года назад
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
@furupoweru1899
@furupoweru1899 4 года назад
Great vid, great channel, great art
@denesszendelbacher5405
@denesszendelbacher5405 4 года назад
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
@canaldohector
@canaldohector 3 года назад
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 года назад
I love the way your videos are structured, really comprehensible and helpful!
@Minecraft101ToonLink
@Minecraft101ToonLink 4 года назад
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.
@monstai5632
@monstai5632 2 месяца назад
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
@caslagerwaard9727
@caslagerwaard9727 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
@durururururururu
@durururururururu 4 года назад
The effort put into this video is astonishing. I love the style. Great work :D
@shsh4158
@shsh4158 4 года назад
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 2 года назад
Man. Your visual teaching skill is great. Just the opening picture explains so much!
@cuboembaralhado8294
@cuboembaralhado8294 2 года назад
5:33 yeah i agree, altough removing the spikey pixels fom it makes it looks like a octagon
@vinzenzdeanson4946
@vinzenzdeanson4946 11 месяцев назад
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!😅
@CrusaderGabriel
@CrusaderGabriel Год назад
Thank you very much for this explanation
@tristangovier4877
@tristangovier4877 2 года назад
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 :)
@TheMagicienWorld
@TheMagicienWorld 4 месяца назад
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
@mm3k224
@mm3k224 4 года назад
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!
@Kingsbeak
@Kingsbeak 3 года назад
This man taught me more in this 1 video than any of my art teachers
@dpcquak
@dpcquak 4 года назад
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 ;)
@flinggonza5688
@flinggonza5688 4 года назад
I would recommend Microsoft Paint as a starter software. It works surprisingly well.
@greenstarlover1
@greenstarlover1 5 месяцев назад
Definitely
@mujeexminiminer7653
@mujeexminiminer7653 3 года назад
Literally the best guide to getting started with pixel art I found on YT!! Keep it up man! really appreciate all the hardwork!!
@Oscarios000
@Oscarios000 Год назад
Thanks for not showing ads at the beginning
@chicodellosa1581
@chicodellosa1581 3 года назад
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!😀
@CammieRacing
@CammieRacing 4 года назад
This is all so beautifully simple. Complexity from simplicity...
@devilofether6185
@devilofether6185 4 года назад
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
@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
@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.
@Spaceimations
@Spaceimations 4 месяца назад
recently came across your videos and remembered my computer graphics teacher made me watch this video as a tutorial once, lol!
@jeromearrington9604
@jeromearrington9604 2 года назад
I’m a math major and a lot of this reminded me of calculus talking about increase and decrease. I feel validated 😂
@maurineitor1
@maurineitor1 2 года назад
Man, i love you content! please upload more on how to get into pixel art!!
@Lowmandavis
@Lowmandavis 4 года назад
I friggen love this, simple to understand and easy to follow. :)
@kitty_foreststreamvods4116
@kitty_foreststreamvods4116 3 месяца назад
finally found someone who can teach me pixel art
@Toribell1928
@Toribell1928 3 года назад
Wahhh thank you so much for this!! I couldn’t figure out why my pixel art looked so bulky until now
@HeightAboveSeaLevel
@HeightAboveSeaLevel Год назад
Very well put together video. Great job!
@humadi2001
@humadi2001 3 года назад
This video is GOLD!
@jonhatanlopez8622
@jonhatanlopez8622 4 года назад
How is possible that I didn't find this channel before?! I kinda love it
@raphaelectrique
@raphaelectrique 3 года назад
It's fun that: this tuto about pixel art is fully made of pixel art
@fahtfakcarl7695
@fahtfakcarl7695 3 года назад
Short and informative, thanks!
@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.
@cyber_hawk0925
@cyber_hawk0925 3 года назад
This helps me so much! Thanks a lot
@supstick-blaze
@supstick-blaze 3 года назад
Damm quality is top notch. I'm subbed
@epsilonthedragon1249
@epsilonthedragon1249 4 года назад
I love how you called the mace image "Windu.png"
@disemq
@disemq 4 года назад
Thanks!! Nice videos!!
@BJGpixel
@BJGpixel 4 года назад
Thank You!
@hereisdann
@hereisdann Год назад
awesome ref ty
@turbidorc3182
@turbidorc3182 3 года назад
you are the best pixel art person
@CesarDraigcyfail
@CesarDraigcyfail Год назад
Dude this is great, it's helping me draw inside Splatoon, thanks!
@Krebzonide
@Krebzonide 4 года назад
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.
@moohy
@moohy 3 года назад
Love these tutorials! thank you so much ☺️
@amara9226
@amara9226 4 года назад
dude ur so underrated keep it up love the vids!
@north4220
@north4220 2 года назад
as a beginner , i needed this so bad , Thank you a llot
@menacingskull740
@menacingskull740 2 года назад
amazing lines
@pancake9978
@pancake9978 4 года назад
damn the effort this video has, I'm subbing fam
@krisnandika8634
@krisnandika8634 3 года назад
Get this man his nobel prize already
@CKTDanny
@CKTDanny 4 года назад
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!
@Sexy_Stev
@Sexy_Stev 4 года назад
This video: was recommended Me, a pixel perfectionist: all lines must be perfect, no mistakes must be made
@whyamialive7252
@whyamialive7252 4 года назад
these things have NAMES? my mind has been blown
@joko49perez
@joko49perez 4 года назад
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.
@fluterdashwill1308
@fluterdashwill1308 4 года назад
Thanks to this video i was finally able to find a good pixel editor yay
@h-Films
@h-Films 4 года назад
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
@enzivixy
@enzivixy 2 года назад
I HAVE FINALLY FOUND YOUR CHANNEL AGAIN
@ianmathews6588
@ianmathews6588 4 года назад
thank everything that is applicable that you exists.
@raph2550
@raph2550 4 года назад
High quality content !!!
@FarizDrawing
@FarizDrawing 3 года назад
Very good tutorial 👍👍👍
@KyXnline
@KyXnline 3 года назад
3:17 that car is so badass
@thinksie
@thinksie Год назад
Thankzzz
@holdeng2626
@holdeng2626 4 года назад
normal people: *use correct and good drawing app* ugh this is bad! i should redraw it me with mspaint: perfection
@spiffychewie4775
@spiffychewie4775 3 года назад
Thank you so much here take my subscription!
@alonsorojas3829
@alonsorojas3829 4 года назад
Useful and well designed.
@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)
@bratdr
@bratdr 4 года назад
Thanks for the tutorial
@greenbutter3190
@greenbutter3190 4 года назад
Stable video👍
@Flo_ki__
@Flo_ki__ 4 года назад
Thank you!
@uw_0760
@uw_0760 4 года назад
Thanks for the lesson i can start for the texture on a 8bit game im making
@dzdz7818
@dzdz7818 Год назад
Thank you
@InfernoAssassin_Animations
@InfernoAssassin_Animations 3 года назад
The thumbnail got me
@guestkung
@guestkung 3 года назад
Thank you for the tips!
@RecombobulatedStuff
@RecombobulatedStuff 4 года назад
Windu.png amazing
@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
@getarthur5972
@getarthur5972 2 года назад
great video ty
@lordfarquad5744
@lordfarquad5744 4 года назад
I don’t mean to be a hater or anything but these tips for most people seem quite obvious
@whwhwhhwhhhwhdldkjdsnsjsks6544
@whwhwhhwhhhwhdldkjdsnsjsks6544 4 года назад
Yeah, I would be honestly surprised if anyone here didn’t already do this as it’s so basic and intuitive
@cryptox1469
@cryptox1469 4 года назад
Well, PewDiePie doesn't get it
@zcopey
@zcopey 4 года назад
Cool vid
@slim5023
@slim5023 4 года назад
your videos are amazing thank you!!
@CetteSara
@CetteSara 4 года назад
thank you for sharing !
@nepdisc3722
@nepdisc3722 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 года назад
Search for the Bresenham algorithm, had to code it for my CG 101 class.
@aozanyasar
@aozanyasar 4 года назад
great tutorial dude!
@BJGpixel
@BJGpixel 4 года назад
Thanks! :D
@siin_07
@siin_07 4 года назад
I love that Mace Windu reference.
@Retrofire-47
@Retrofire-47 11 месяцев назад
Legend. exceptional tutorial for fundamental pixel art! there should be no rules in art - but this helps the aspiring mind
@raxxie
@raxxie 2 года назад
sooo helpful
@juliansafrudin1656
@juliansafrudin1656 4 года назад
Keep making this pls, and timelapse video too
@hxgonic
@hxgonic 4 года назад
I learnt this by myself by trying to create a pixel art epic face off of a joke book and recreate it in minecraft. When doing so, i realized the pattern on creating circles and now i know almost how to do so.
@Kevedsa4esan
@Kevedsa4esan 4 года назад
I would use this information for building in minecraft better. Very useful
@colbylemberger4476
@colbylemberger4476 4 года назад
I did not find this useful because I already knew this stuff but it was still fun to watch
@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
Далее
Creating Pixel Art from an Object (Sizing Tips!)
5:28
Просмотров 215 тыс.
Hue Shifting in Pixel Art (Color Tutorial)
8:33
Просмотров 295 тыс.
Муж на час 😂
00:37
Просмотров 1,2 млн
How to "Proofread" Your Pixel Art (5 Review Tips!)
5:10
Making a Bouncy Slime Pixel Art Animation
7:08
Просмотров 171 тыс.