3 PixelArt Techniques/Common Mistakes (Doubles, Jaggies & Outline) (Tutorial for Beginners)

Поделиться
HTML-код
  • Опубликовано: 27 сен 2024
  • TWITCH: / mortmort
    Tools, Hardware, Software & Socials in the Description
    ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️
    Website: www.mortmort.net/
    TWITTER: / mortmort_
    INSTAGRAM: / mortmort__
    ITCHIO: mortmort.itch.io/
    Discord: / discord
    PIXEL MERCH: bit.ly/2gEg7FZ
    ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️
    Contact Info:
    www.mortmort.n...
    ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️
    Tools:
    Tablet: amzn.to/2z1Y6dH
    Mouse: amzn.to/2X1mcx4
    Keyboard: amzn.to/2yOEzgZ
    Monitors: amzn.to/2Zifk1t
    Monitor Stand: amzn.to/2T30Tu7
    Headphones: amzn.to/2WUDdZY
    Microphone: amzn.to/2T7QQ6O
    Webcam: amzn.to/3dOqJK8
    Lights: amzn.to/3czt63v
    Gaming Capture Card: amzn.to/3cBBpLY
    Desktop:
    Disk Drivers: amzn.to/3bynGEr
    Graphics Card: amzn.to/3fRapu3
    Processor: amzn.to/2WWrPwN
    Motherboard: amzn.to/3g1vJNE
    Ram: amzn.to/3fUhry0
    Laptop:
    Laptop Surface Pro: amzn.to/2TbMJXI
    Surface Pro Pen: amzn.to/2T7gV6g
    Software:
    Pixel Software Aseprite: goo.gl/wyb6Qn
    Stream Avatar: bit.ly/StreamAv...
    Aseprite Dark Mode Theme: mortmort.itch....
    ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️
    Thank you so much for watching my videos!
    Be sure to share your journey of being a creative person
    Down in the comments below, I’d love to hear how your
    Progress is going, Pixel art, Traditional drawing or 3D.
    Stay Creative!
    - Love Mort ♥
    ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️
    Music:
    / marksparling
    / @bulby
    / @roccowschiptune Outtro song by RoccoW

Комментарии • 467

  • @lukel.6582
    @lukel.6582 7 лет назад +170

    That Toad scream startled me.

    • @aliessa2375
      @aliessa2375 3 года назад

      @@joko1474 Y O U R P R I N C E S S I S I N A N O T H E R D O O R

    • @blokos_
      @blokos_ 2 года назад

      *H A H H U H*

  • @kamil9339
    @kamil9339 6 лет назад +519

    ur username mean "deathdeath" in french

    • @nostalgia5031
      @nostalgia5031 4 года назад +14

      No its dead death

    • @potterhead9540
      @potterhead9540 4 года назад +6

      haha das funny

    • @truediamant777
      @truediamant777 4 года назад +8

      YES omg i tought nobody noticed that

    • @mehrykarae
      @mehrykarae 4 года назад +3

      So Voldemort means...wow

    • @Rhovanion85
      @Rhovanion85 4 года назад +17

      @@mehrykarae Voldemort literally means "Flight Of Death"

  • @sweatybabypowderhands843
    @sweatybabypowderhands843 4 года назад +123

    Making this as a reminder for myself.
    - Avoid Doubles if you're unexperienced in pixel art.
    - Avoid jagged lines that come from not thinking more methodically about your lines.
    - Outlines can have a big impact on how people percieve your pixel art.

    • @williamdrum9899
      @williamdrum9899 3 года назад +5

      There are times to use doubles for sure. One I can think of is at corners if you want to draw a rectangular object that's tilted at an angle.

  • @matthewlewiscomposer
    @matthewlewiscomposer 7 лет назад +538

    I've gotten so much better at pixel art because of your videos (I made my profile picture. Not perfect, has some jaggies but looks better than before)

    • @PurpleMaster18
      @PurpleMaster18 7 лет назад +23

      Nature Whale? what do you think of my profile picture?

    • @duckmine5809
      @duckmine5809 7 лет назад +1

      Hw about mine?

    • @rogerlost5851
      @rogerlost5851 7 лет назад +10

      Your profile picture looks great, bro :)

    • @rogerlost5851
      @rogerlost5851 7 лет назад +3

      +Duckman/Levelman 50001 Very cute duck, Good work :)

    • @vincentnguyen8199
      @vincentnguyen8199 7 лет назад +4

      what about mine?

  • @beratertural6314
    @beratertural6314 2 года назад +4

    The heuristics (number rule) you propose for curved lines is real gold! It actually makes a lot of sense, when you think about interpolating gradients of smooth lines at discrete points (if you would reason about it more mathematically.

  • @FingerboarderZero
    @FingerboarderZero 7 лет назад +698

    5:09 MAKE THE NUMBERS GREAT AGAIN!

    • @deddrz2549
      @deddrz2549 7 лет назад +21

      was about to type this when I scrolled down and saw someone beat me to it...

    • @ke9n
      @ke9n 6 лет назад +30

      We need to build a wall without jaggies!

    • @vasiliysmirnov3922
      @vasiliysmirnov3922 6 лет назад +2

      I`m from Russia, and even I found that moment hilarious)

    • @JohnDoe-mr6mq
      @JohnDoe-mr6mq 6 лет назад

      Thought thats a common sentence in english and if I'd try to make a joke of it then noone will laugh xd

    • @stylextv
      @stylextv 6 лет назад +2

      I was about to write this xD

  • @rarebeeph1783
    @rarebeeph1783 6 лет назад +5

    A tip for math nerds: If you want to draw some type of curve, such as an arc of a circle, that can be expressed as an equation, such as x²+y²=r², you can literally just plug in that equation with the x and y values of the pixels to make a mathematically perfect pixel representation of the curve. Just remember to fix any unwelcome emergent jaggies.

  • @IZMAUS
    @IZMAUS 7 лет назад +18

    One of my favourite channels. Your teaching style, artwork and design sense are all amazing man. Hoping to make another pixel video of my own soon

  • @AgamYou
    @AgamYou 7 лет назад +30

    It's wonderful to see you being active again. The live stream was great and this video is so helpful!

  • @matthewmorrison3745
    @matthewmorrison3745 7 лет назад +215

    Helpful guide, alot more useful than alot of other channels.

    • @lincolnpepper816
      @lincolnpepper816 7 лет назад

      a lot more useful than a lot of other channels*

  • @beepbeeplettuce2779
    @beepbeeplettuce2779 6 лет назад +17

    4:48 A pixel is a pixel, you can't just say it's a half.
    -JT "Thomas" Bowser

  • @sketchedsour6660
    @sketchedsour6660 7 лет назад +68

    Could you make a tutorial on how to make pixel art with animations in mind for it? Like say for a game and how sizes or colors would affect that?

  • @shreksbirthcertificate6950
    @shreksbirthcertificate6950 5 лет назад +7

    I actually like using doubles (sometimes) as it can be a great bold outliner for certain sprits.

    • @williamdrum9899
      @williamdrum9899 3 года назад +1

      They're handy at corners to emphasize a sharp angle

  • @CoolBeanSoup
    @CoolBeanSoup 7 лет назад +5

    Thanks for the tutorial!
    It was very useful and helpful! When I'm trying to create pixel art, sometimes it would look off due to the jagged lines or the outline doesn't look right. So, I would have to re-work it. This tutorial will make things easier for me.
    Plus, this will be very useful when creating perler art as well! :)

  • @Oli414
    @Oli414 7 лет назад +27

    Great video! The curve technique is actually something I've been doing since forever when working with pixels or voxels. People often wonder how I'm able to make curves without guides :-P but this video perfectly explains it!

  • @legendaryninetails7837
    @legendaryninetails7837 2 года назад

    bro the jaggies part helped me understand circles and curves in pixel art so much better. Thank you! I'm going through your tutorials preparing for my first game jam!

  • @MrMinermation
    @MrMinermation 7 лет назад +3

    personally, I think doubles can work when trying to show the darkness of an area. If the whole piece uses doubles for a thick dark outline, that can look cool too - if that is your style.

  • @MatthewCC0311
    @MatthewCC0311 5 лет назад

    After deciding on pixel art for my first video game, since I’ll be a solo developer, I really wanted to find some good resources on YT to help me. This video really helped me understand how to properly draw pixel art, and I couldn’t believe the detail that actually goes into this art form! Thanks for the video, and I look forward to seeing more!

  • @christiansanchez7448
    @christiansanchez7448 4 года назад

    That tip about adding the one extra pixel for a sharp edge is fantastic!!! However, in the case of Sonic's shoes, I think the round edge fit the subject better

  • @FinetalPies
    @FinetalPies 6 лет назад

    I just fuck around in mspaint and I already knew the first two tips just intuitively, right down to counting pixels and making sure there's a good sliding scale pattern.

  • @MahimStuff
    @MahimStuff 7 лет назад

    I wanted to practice pixel art while ago and I just didn't know where to start, it's like a whole new type of art!

  • @AIAdev
    @AIAdev 2 года назад

    Very cool video. Thanks for breaking this down into super simple easy to understand graphics and examples.

  • @makebritaingreatagain2613
    @makebritaingreatagain2613 5 лет назад +3

    I am incredibly grateful for this. I wanted to learn this stuff in college, but the western education system is a joke now, and they taught me nothing. All they did was take my money, and my parents money, and waste my time.
    I remember one time 2 of the tutors just started screaming at me, one in each ear, for no discernible reason. I never did manage to find out what they were upset about. Probably got blamed for something I didn't do. Why would anyone put up with all of that when you can just find tutorials online and teach yourself. Watching this video cost me nothing, and I learned more from it than I did from several years of 'art' 'education'. And nobody screamed at me.
    If you make a SubscribeStar account I will start sending you money.

    • @namename-zu8uk
      @namename-zu8uk 4 года назад

      I learned how to program in html,css (kinda),c# and gdscript(the godot game engine's language) from tutorials and apps on my phone (I would suggest sololearn). I'm currently 12. And I help my sister (18 in college) with c++
      Also what was the ending

  • @GarryDumblowski
    @GarryDumblowski 6 лет назад +1

    I have a confession to make.
    I actually kind of like the way the "jaggies" look? not like that 2-2-2-5 part but the 2-1-2 part, it works really well for making larger smooth curves- because if you go in the 1-2-3-4-5 pattern like the one that was illustrated here, it doesn't make the pattern of a circle, it makes a pattern more like a hyperbola. It looks fine at the size shown here but at larger sizes it would make a kind of... i suppose lumpy curve.

  • @TealTreeKangaroo
    @TealTreeKangaroo 7 лет назад +1

    Thank you so much for these pixel art videos. I've always adored pixel art, but could never get the hang of it, yet your videos provide such great tips to use that I think I may give pixel art another try. Awesome work and thank you for the advice!=)

  • @rev3728
    @rev3728 6 лет назад +5

    I Love you mortmort
    You save my time for asperite learning
    Thks so much guys :)

  • @RandomNameName
    @RandomNameName 6 лет назад

    That curve technique is one of the oldest tricks in the book, surprising you figured out by yourself. Thanks for the tutorial.

  • @KryptechKnight
    @KryptechKnight 6 лет назад +1

    Hey man! I just wanted to say thanks and good job on your videos. I find them really entertaining and helpful. I just started learning pixel art and you've helped me a great deal! I look forward to seeing more!

  • @allen_graphics
    @allen_graphics 2 года назад

    Nice Tips and Tricks on Jaggies now I can start on a clean slate

  • @andressagobbo5079
    @andressagobbo5079 6 лет назад

    you're amazing! i'm trying to learn how to make pixel art and your videos are being SO helpful, honestly, thank you.

  • @lumios3814
    @lumios3814 5 лет назад +1

    Based on the example at 5:12 I sometimes did something like this: 4;3;2;3;2;5;8 to get edges on the surfaces and have some sort of rug-ish surface and I was wondering, is this the wrong way to draw rugged surfaces like this. Is there a better way to draw those surfaces?

  • @LucaPassini
    @LucaPassini 5 лет назад

    Your tutorials are fantastic, I finally understood how to fix jagged lines!

  • @iamontda
    @iamontda 6 лет назад

    Awesome video! I've done pixel art before and these are definitely things that people do. I've never needed to outline anything before, but that's a great outlining tip.

  • @lubnailajei
    @lubnailajei 5 лет назад

    i was trying to start learning pixel art and got confused halfway through because it looks kinda weird you know while thinking all of the mistakes must be at the beginner mistakes tips video and i'm right :') thanks for the info tho!

  • @schwarzerritter5724
    @schwarzerritter5724 7 лет назад

    This is useful. I am drawing Naruto and was looking for a way to make his hair spikier.

  • @dryx7865
    @dryx7865 7 лет назад

    Just found your channel, and im learning how to do "professional" pixel art for my game! Im hoping by watching your videos I can learn to make pixel art better :)

  • @whynottohavefun375
    @whynottohavefun375 7 лет назад +4

    5:09 mort please make the numbers great again :D

  • @hishighnessjakeabiy2449
    @hishighnessjakeabiy2449 4 года назад +1

    whens your game gonna come out, so excited to see that kinda great pixel art in action

  • @Minitomate
    @Minitomate 4 года назад +1

    Really interesting tutorial, this brought me some sort of curiosity and wanting to do some pixel art stuff.

  • @Anna03359
    @Anna03359 5 лет назад

    This purple sleep bed ad actually had me hooked

  • @CodeBoxDE
    @CodeBoxDE 7 лет назад

    i watched just 2 of your videos and improved so much

  • @uNine-qb8gt
    @uNine-qb8gt 4 года назад +2

    Does anyone know what AA means in the context of line thickness

    • @Matt_Bird
      @Matt_Bird 3 года назад

      Anti-aliasing. From my slowly growing understanding mix it’s a process which computers use to smooth out the lines a little by slight shadowing

  • @PepperElDev
    @PepperElDev 5 лет назад

    That Toad midway through the video scared the hell out of me! LOL

  • @zoomspilo6798
    @zoomspilo6798 7 лет назад

    The way you came up with how to make a proper curve is actually it's own theorem!
    Just a random fun fact.

  • @nick9115
    @nick9115 3 года назад

    thanks man you've made drawing decent looking sprites easier

  • @lustree_
    @lustree_ 5 лет назад

    Congrats on 100k!

  • @almostdarkslide3851
    @almostdarkslide3851 4 года назад +1

    Did you know that for the Jaggies you used the Fibonacci sequence? 1 1 2 3 5 8 13 21, in fact you sum the number with the one just before and you go on. If you don't know this, try to google it, and you will see why it is more natural using it.

  • @matic4175
    @matic4175 6 лет назад +2

    That really helped me!
    Thank you so much!

  • @spitimouvids6427
    @spitimouvids6427 5 лет назад

    Your videos are awesome my dude! Excellent source of art and pixel art educational content!

  • @gdog8170
    @gdog8170 2 года назад

    Damn it you scared the crab out of me at 5:45

  • @MandelVsFood
    @MandelVsFood 6 лет назад

    Glad I found this channel. Very nice explained

  • @pouyah5288
    @pouyah5288 4 года назад

    hmm, sometimes applying such approach to fixing the so called jagged line will cost you losing the proper bodily proportions.a jagged line might represent a better flexed muscle on a character for an instance than a fixed one. what should be done then?

  • @maxhell4033
    @maxhell4033 7 лет назад

    Good video.
    In photoshop you can use paths and stroke path to make lines of 1 pixel

  • @matthewdixon8665
    @matthewdixon8665 6 лет назад

    I wonder if some of this applies to the pixel art that is just enough pixels that you can't see the individual pixels, but you can still tell that it is pixel art.

  • @undergrad9079
    @undergrad9079 7 лет назад

    Subscribed. Recently got interested with pixel art and you have an awesome channel for a beginner like me.

  • @Galko655e
    @Galko655e 6 лет назад

    6:06 That curve is a formula of 1,1,2,3,5,8,13,... x0=1;x1=1;x2=x0+x1;...;xn=x(n-2)+x(n-1)

  • @creamycreamcreme
    @creamycreamcreme 5 лет назад

    Your guides are really great by the way

  • @aSameplayer
    @aSameplayer 7 лет назад

    your videos are always good prepared and well designed. Thank you for spending time one things like that

  • @farrokh_fk982
    @farrokh_fk982 7 лет назад

    You are amazing ! I gonna start pixel art and I think your videos will help me a lot ! Thanks from France !

  • @antopilo7418
    @antopilo7418 7 лет назад

    The presentation is perfect! Keep up the good work:)

  • @karlhans6678
    @karlhans6678 5 лет назад

    The free transforms distorts the sprite when rotating it.

  • @JuicePiler
    @JuicePiler 5 лет назад

    This man has good pixel theory.

  • @Layarion
    @Layarion 4 года назад

    Mort, please watch a video about pop filters and why they're useful.

  • @devseb
    @devseb 4 года назад

    This is fantastic. Thank you.

  • @alpercizmeci4039
    @alpercizmeci4039 3 года назад

    Amazing tutorial thanks for the help

  • @henryalt411
    @henryalt411 7 лет назад

    Bought aseprite from steam a while ago and this gave me inspiration to use it

  • @abiduestafelu
    @abiduestafelu 4 года назад

    Do you see the outline as an extension of the image? I mean, those pixels to make it pointy sounds to me like if that extra pixel is having half information about the image and half information about the background, like if that image had double the definition that kind of detail would be inside of the image instead of in the outline, do you see it in the same way?
    Also, you add the point to Sonic's nose on top of it, how would have you done if it was a moving object? Would the pointy outline pixel change between being up and down?

  • @forkdraws7297
    @forkdraws7297 6 лет назад

    Thank you for the tutorial Mort!

  • @CanalDojogames
    @CanalDojogames 4 года назад

    I got this amazing software yesterday, saw about pixel perfect but didnt knew about how ir works. Thank you. Im new on pixel art, i really want to know where can i find the variation of eyes,hair,etc.... For human characters. Thanks

  • @ravennnnnnnnnnnnnnnnn
    @ravennnnnnnnnnnnnnnnn 7 лет назад

    Really helpful, keep up the good work :)

  • @moisesm9944
    @moisesm9944 5 лет назад

    You the real MVP. Thank you for sharing!

  • @axel.narvaez
    @axel.narvaez 6 лет назад

    Great video! thank you so much, it really helped me better my pixel art :D

  • @madmaster3d
    @madmaster3d 3 года назад

    WOWWWWWWWWWW
    U SAVED MY LIFE
    I DIDNT Know with using SHIFT i can draw my curve as nice without DOUBELS :O
    ty ty ty tyty tytyy tytytyytytytyytytytyyty

  • @mypkamax
    @mypkamax 5 лет назад

    I actually use doubles in pixel art. These doubles give the sprite a cute charm and make it look cartoony...

    • @mypkamax
      @mypkamax 5 лет назад

      Same goes for Gionathan Pesaresi from Neutronized.

  • @XDarkEcho
    @XDarkEcho 7 лет назад

    Good information here! Appreciate the video!

  • @Nate-jb7xw
    @Nate-jb7xw 7 лет назад

    Great job Mort!

  • @wj11jam78
    @wj11jam78 7 лет назад +1

    Would you suggest learning traditional art before pixel art?
    I find pixel art much easier so I've always stuck with it, but I wanna start getting serious with my art.

    • @silverdirtdraws9828
      @silverdirtdraws9828 7 лет назад

      Wj11jam - you seem to be under the impression that pixel art isnt serious art like any other kind?

    • @wj11jam78
      @wj11jam78 7 лет назад +1

      No, no.
      I'm saying that I want to get serious with pixel art.
      Usually it's better to learn traditional art and life portraits before getting into, say, digital art.
      I love pixel art. I definitely consider it just as serious as any other form of art.

  • @Maslaczy
    @Maslaczy 7 лет назад

    Hello! I've just noticed your channel recently and it's cool! I see you're using Aseprite here. It looks like a great software so I got it, since I wanted to get into pixel art for a long time. I love games with pixel graphics, so I felt like making some sprites n' stuff myself. Sadly, I suck a lot so far. I apreciate your work with these tutorials, they are centered around certain things you wanted to point out and show your thoughts on them. It's neat and helpful. But have you ever though about creating some series for total beginners? I'd love to see some long series, from very basics to (semi)advanced things. How to properly use software and make a good use of its tools, but also how to create pixel art in general, explained to someone who isn't really good at it at all. What about it? :)
    I look forward to new videos, keep up the good work!

  • @LawlFrank
    @LawlFrank 7 лет назад

    Good tips! :) Nice video

  • @hvzee1796
    @hvzee1796 7 лет назад +3

    Do you work with a drawing tablet?

  • @narutkyu
    @narutkyu 7 лет назад +1

    nice tips, you are helping me a lot since a just start pixel art ^_^

  • @aurele2989
    @aurele2989 6 лет назад

    Thank you, it was really helpful!

  • @tayarts12
    @tayarts12 7 лет назад

    Thanks so much for these tips! :)

  • @grizzlyowlbear3538
    @grizzlyowlbear3538 5 лет назад

    5:45 Scared the shit out of me

  • @nightlust
    @nightlust 7 лет назад

    I'm new on this channel, well it's a really cool one! now I may try to do some pixel art with the help of your videos! thanks :)

  • @williamsanford951
    @williamsanford951 7 лет назад

    How do you make the border? (like the window on the canvas)

  • @realdeal1657
    @realdeal1657 7 лет назад

    Thank you, lots of help!

  • @victorius2975
    @victorius2975 3 года назад

    Is the pixel art guy in the thumbnail wayne from waynes world?

  • @nyoumflyplus
    @nyoumflyplus 6 лет назад

    Really nice presentation!

  • @Yoshimaster96smwc
    @Yoshimaster96smwc 7 лет назад

    What if I have a quarter circle arc that spans, say, over 50 pixels? In those cases, removing jaggies creates an undesired "corner" where the absolute slope changes from 2 to 1, and again from 1 to 1/2.

  • @KruhlSentru
    @KruhlSentru 4 года назад

    Huh... I've never gone through tutorials before, and already knew all of this. Cool! That said, I do learn by comparing with professional artwork, so I guess I must have picked it up there. Not that I'm some pro or something, just trying to learn for a game I'm going to be making. For reference, I'm more of a programmer, so the artwork is not going to be easy for me. Still, I think I can make something decent enough for my needs. I'm not exactly starting with advanced 3D modeling for a reason. XD

  • @Taverna2D
    @Taverna2D 2 года назад

    I needed to use the pattern 2, 1, ,2, 1, 2, 1 in an animation transition.
    Is this pattern considered a jaggie? And is it considered wrong too? or can i use it in a transition?

  • @Baleur
    @Baleur 4 года назад +1

    5:40 i also hate when my lines end up "Jackie" (chan).

  • @ikonhero
    @ikonhero 5 лет назад

    very nice. thanks!

  • @skypenguingames_6396
    @skypenguingames_6396 7 лет назад

    Doubles can look really great sometimes, have a look at the game Super Cat Bros by FDG (which has a 4.8 on the playstore)

  • @grzegorz__
    @grzegorz__ 3 года назад

    Great lesson :)

  • @KeldBjones
    @KeldBjones 7 лет назад

    insightful stuff, thanks!

  • @victornaut
    @victornaut 7 лет назад +5

    Combine this channel with DYA games videos and you'll have the best pixel art content on RUclips.
    *Trust me Mr. Anderson.*

  • @funkyb6598
    @funkyb6598 7 лет назад

    Thumbs up, subscribed! Great video. Thanks for sharing.