How to Make an Animatable 2D Face in Blender

Поділитися
Вставка

КОМЕНТАРІ • 183

  • @emmet2123
    @emmet2123 Рік тому +73

    i never knew you could use a single texture node for face sprites. thank you so much for this, i used to use whole node groups just to make keyframeable faces.

  • @Gazing-09
    @Gazing-09 Рік тому +19

    What I do is applying the texture to my model then have a separate image texture for the irises which I attach to a Simple Axis Object, which is attached to a Bone and texture coordinate, attach to object and Z axis rotated to either -90° or 90°, which enable my irises actually move even if it's a flat image.
    For the Bone in the armature menu, add the Bone Constraint : Skin Wrap, and attach it to your mesh and orient it with the Y axis with Project.

  • @illbringyoudown
    @illbringyoudown Рік тому +14

    Been looking for a vid that just quickly goes into how to add 2D keyframes as I also want that kind of stopmotion look to it! Very helpful!

  • @mountaincrab212WWW
    @mountaincrab212WWW Рік тому +11

    Thanks for getting straight to the point 🔥 🔥 🔥

  • @leither22
    @leither22 4 місяці тому +2

    The music in this is such a vibe~ 🎵

  • @TDashLIVE
    @TDashLIVE 4 місяці тому +1

    I never thought to just set frames to 1 and keyframe the offset! Thanks so much

  • @nathantheteacher
    @nathantheteacher 7 місяців тому +3

    Wow! Saved me a huge headache from some of the other videos I've watched ! Thank you!

  • @squidlit4308
    @squidlit4308 Рік тому +6

    Concise and cute as heck. Thank you!

  • @bagasperatama3593
    @bagasperatama3593 Рік тому +20

    If you dont see your texture in render view, try to move texture (duplicate faces) a little forward your object

  • @merple4290
    @merple4290 Рік тому +32

    When I change the offset, instead of going to the next texture it just turns the plain completely pink. As a result the only image the works is the first one selected :/

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

      same

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

      Same

    • @saidend3393
      @saidend3393 8 місяців тому +23

      I figured out a way to fix this, you have to name it numerically. For example "face 1" and "face 2" would work whereas "angry eyes" and "happy eyes" would not work.

  • @valoryx-g.g.5833
    @valoryx-g.g.5833 Рік тому +5

    It works perfectly, if I rename images in "1", "2", "3" ! 😄

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

    thank you bro i love the choppy eyes n mouth stuff too

  • @nicreven
    @nicreven 4 місяці тому +1

    Thank you kindly for the simple tutorial!

  • @timebound8883
    @timebound8883 Рік тому +2

    big thank you for the tutorial, mad helpful. I will def come back to watch the animation one once I need it

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

    Instant subscriber. Non pretentious and straight to the point

  • @icestudiosdevinc.223
    @icestudiosdevinc.223 Рік тому +5

    Nice, Simple and effective tutorial, loved it!, got a new subscriber!

  • @PuttyCAD
    @PuttyCAD 6 місяців тому +1

    Great vid! Been wanting to try this for a while.

  • @thekinggeek
    @thekinggeek 4 місяці тому +1

    Great Turorial, Love your content, it's so simple

  • @antonlytvynenko
    @antonlytvynenko 3 місяці тому

    Thank you so much my man. Absolute legend. All the best to you

  • @fimvie
    @fimvie Рік тому +3

    this is super informative and helpful! Thank you so much!!

  • @MyTwoYT
    @MyTwoYT Рік тому +2

    Lets just say im trying to make a kirby model from scratch and the model your using ... It helps alot

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

    Wow it used to be WAY more complicated a couple years ago. Nice video

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

    Thank you for this tutorial chris griffin

  • @Ravanananda
    @Ravanananda 17 днів тому

    Awesome!!!

  • @Mr.POLiS_Cartoons
    @Mr.POLiS_Cartoons 2 роки тому +2

    Great ideas and content !
    Subscribed 🙂

  • @j_productive
    @j_productive 3 місяці тому

    thank you so much for this!

  • @Croquetiita
    @Croquetiita 3 місяці тому

    you literally saved my proyect, you are a hero and you had a very cute voice too
    thank you

  • @DJR_1999
    @DJR_1999 Рік тому +2

    For some reason the textures don't change to the next face png I have selected, its just purple.

    • @alvarogarcia4735
      @alvarogarcia4735 8 місяців тому +2

      you need to make all the names of the images you are using the same, then add a number to the end.
      for example:
      charaFace001
      charaFace002...
      and so on for all your images.

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

      @@alvarogarcia4735 oh this helps a lot thank you so much

  • @chungnos
    @chungnos 4 місяці тому +1

    I got the expressions as a bunch into the shader and am using the offset but i think it doesn't percieve these pics as sequences. How do I fix this problem?

  • @sweatyearth7458
    @sweatyearth7458 Рік тому

    great and simple tutorial

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

    This is exactly what I was looking for thank you!!

  • @CrazyWeridoRH
    @CrazyWeridoRH 10 місяців тому

    Came looking for copper and found gold. Didn't know a single texture node could have a whole set in it.

  • @ItsJustMeAlex
    @ItsJustMeAlex 7 місяців тому +1

    when I hit play, the face texture just cycles through all the images even if I keyframe it

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

      Do you found the answer?, i also have the same issue when i try to animate the texture

  • @snibsnobs
    @snibsnobs Рік тому

    thanks dawg

  • @daisukasa
    @daisukasa 9 місяців тому +1

    hello i have a question how to add mouth i cant seem to add them together

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

    Dude. I think I'm in love with you

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

    Ty!!❤

  • @williamgathii7768
    @williamgathii7768 Рік тому +18

    Is there a way to make it not get affected by light while rendering?

    • @Cake_Box
      @Cake_Box  Рік тому +28

      You could try plugging the color directly in to the material output node or using an emission shader.

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

      @@Cake_Box and turn down the specular.

  • @imachiller1625
    @imachiller1625 Рік тому +7

    0:26 amongus

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

    Yes.

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

    Can you make one showing how to do the offset in Blender?

  • @YeruFox
    @YeruFox Рік тому +5

    Pls help when I add all the images from a folder just like you did in the video.. when I go to shader, the image texture doesn’t appear as image sequence… when I change it to image sequence manually and I change the offset, or frames.. Nothing works

    • @Cake_Box
      @Cake_Box  Рік тому +3

      I find it doesn't work if the images don't have numbers in them. so try naming them something like image 1, image 2, image 3, or something like that

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

      @@Cake_Box yeah, they had numbers but still didn’t work… but no worries I solved the problem!
      In a new blender file I imported the images and created an “animation” of the textures of the eyes. I exported the animation with transparent background (with an alpha channel video format)
      Basically I grouped the images into a single video. I used that video as the texutre for the eyes and I can control the frames with the offset just like you did in the tutorial, it works perfectly now.
      Thanks for replying and trying to help! 😁

    • @peacfulcrimewave882
      @peacfulcrimewave882 Рік тому

      @@YeruFox yo do you think you could show me by any chance?!?

    • @YeruFox
      @YeruFox Рік тому +3

      @@peacfulcrimewave882 sure !
      #1) First you need the animated textures, you can download or draw the textures by yourself (that’s what I did).
      #2) Ones you have the texture, you need to import the textures to a video editor that can export in a video format that supports alpha channel (otherwise the background will appear as blank when you export the video). If you don’t have a video editor like that, you can just use blender as a video editor.. I imported the textures as image plane one by one and created the animation.
      In every frame of the video there will be a new eye texture.
      #3) Once you have your video, when you go to shading in blender, in the image texture select the video, follow the same steps of the tutorial and you’re goood to go 👍

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

      If you don’t know how to export a transparency video in blender, search a tutorial in youtube! It’s easier if you see the explanation

  • @SillyCrocodile-zg9mz
    @SillyCrocodile-zg9mz 18 днів тому

    Atleast mention how to switch between faces for animation

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

    I see how you imported the eyes under the image texture node, but for the mouth, do we repeat the same process or did you use the same node? You went a little fast.

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

    Excellent!

  • @ruukyu7tt503
    @ruukyu7tt503 Рік тому +3

    Even after selecting all the images they appear in the image texture only one of them remains

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

    When I use an unlit shader in unity, the alpha parts of the texture are colored in. How can I fix this?

  • @BaristaBria
    @BaristaBria Рік тому +4

    Nice tutorial! But I’m having a problem (probably because I’m new to blender stuff, but it seems easy enough) for some reason it never appears on the character, am I doing something wrong?

    • @butterscott9214
      @butterscott9214 Рік тому

      im having the same problem! did you ever figure it out?

    • @BaristaBria
      @BaristaBria Рік тому

      @@butterscott9214No sadly :(

    • @owltoe0164
      @owltoe0164 Рік тому

      Do you have viewport shading enabled? (in the top right of the viewport)

    • @BeigeAnims
      @BeigeAnims Рік тому

      ​@@owltoe0164 can you be more specific?

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

    Great video!

  • @noirlavender6409
    @noirlavender6409 Рік тому +2

    Hello, thanks for this amazing tutorial. But, can I use this and export it into unity?

  • @CamelTesties
    @CamelTesties 4 місяці тому +2

    How do you actually animate it tho

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

    Hi, hello there, thank you kindly for the video, it was incredibly useful.

  • @erchashishaniye
    @erchashishaniye Рік тому +2

    Excuse me can I use alpha blend instead to alpha clip?

  • @123forafurry
    @123forafurry Рік тому

    Tanks!

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

    Think i might start using blender because I can't find any good tutorials for prisms 3d

  • @my34harthgt76
    @my34harthgt76 Рік тому

    Thanks bro

  • @josefmilly
    @josefmilly Рік тому +2

    0:23 How did you open the nodes menu? New blender user here

    • @Cake_Box
      @Cake_Box  Рік тому +2

      You can access nodes by going to the shading panel at the top. Or by dragging up the the corner of the screen to make a new workspace. In the video I have multiple workspaces open.

  • @polberg
    @polberg Рік тому +2

    How do you change the face?

  • @hahayeahmetoo1948
    @hahayeahmetoo1948 9 місяців тому +1

    Hey! can anyone tell me how I can easily swap out the different eyes during animation?

  • @WDBlackMamba
    @WDBlackMamba 3 місяці тому

    The face changes random when animating and idk how to stop it, also this video is kinda old can you please make a new video about this?

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

    i've tried this tutorial but when i switch my texture to an image sequence, the texture paint goes blank and I'm unable to draw.

  • @MolediesOflife
    @MolediesOflife Рік тому

    keep up good work u awesome..
    :D

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

    Where to get the blob eyes files thank you

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

    my brain isnt braining

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

    Is there a tutorial for the other way? Is there a way that if I move my eyes they can be accommodated at more ends of the face?

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

    that blob looks alot like kirby

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

    I know I sound stupid, but I genuinely cannot figure it out, as soon as he says he duplicates it (0:12) I get completely lost, how do you do this, everyone says this tutorial helped them and that it made it easy, but it just confuses me even more, I need extra assistance because this is not getting to me for the love of god

  • @Justllevi
    @Justllevi Рік тому +2

    Are these able to be keyframed? Will my faces be able to change on the timeline

    • @Cake_Box
      @Cake_Box  Рік тому +4

      You can add keyframes by pressing I on the offset slider in the texture node.

  • @darumix
    @darumix 5 місяців тому +1

    and how do i animate it?

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

    I tried to do this with my bean and then the end result made my bean turn purple :((

  • @E3_Productions
    @E3_Productions Рік тому

    Great tutorial. But I'd like a video that explains how to create a rig for it. Like the one shown in the video. Would that be possible?

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

    hey sir, thanks for this awesome tutorial. allow me just one question: where can i get this face expression pictures ? what kind of keywords i should use ? i cant find any face group. all i can find are single faces but this makes no sense when it comes to animate. hope you can help me where i can find those packs with same face style but different expressions, thanks

  • @Ttigersrawesome
    @Ttigersrawesome Рік тому

    this is so gang
    thank you

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

    the transparent bg of my image is still coming up as black even when change to alpha clip :? how do I fix?

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

    is there a way for me to skip frames when animating the faces? For example, i want the eyes to transition from 1 (neutral) to 4 (angry) without going through faces 2 and 3

    • @Cake_Box
      @Cake_Box  5 місяців тому +1

      If you change the keyframe types to Constant in the timeline it will only change to the face keyframed rather then transition from all the other faces in between.

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

      @@Cake_Box Thank you so much! :D
      This will be very helpful for my animations

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

    Hye, i cant find the cycle and refresh, what i need to do? 0:44

    • @alphadelfa
      @alphadelfa 3 місяці тому

      Was having trouble with this too, if you click on the dropdown of the image node that says single image, they'll be an option that says image sequence, select that. The cycle and refresh options should pop up.

  • @pigeony4085
    @pigeony4085 Рік тому

    thanks it works perfectly but it create another action and I need to put it like in "walk" how can I fix it please?

  • @alecopedia5744
    @alecopedia5744 10 місяців тому

    Don't know if you reply to these comments anymore, but I was wondering if there was a way to make the eyes shadeless?

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

      If you put the image color into the emission slot it removes any lighting. And if you change the shadow mode in Material Properties to none it won't cast any shadows.

    • @alecopedia5744
      @alecopedia5744 10 місяців тому

      @@Cake_Box How do I get rid of the black around the eyes?

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

    hey would this work for a vrchat avatar?

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

    anyone know where to get transparent images? the ones i pull from google have the white backgrounds even after finding transparent

    • @hicarlee8762
      @hicarlee8762 Рік тому

      u can make the backgrounds transparent by looking up some free io's

  • @freezecorrompu6678
    @freezecorrompu6678 Рік тому

    When im animating the character, the second face (w the eyes) dont follow the face, how do i fix that ?

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

    How do you copy ?

  • @spyrok6607
    @spyrok6607 11 місяців тому

    Great Video! is there a way to import the mesh with the face texture to Unreal?

  • @D1G1TAL_M4DN3SS
    @D1G1TAL_M4DN3SS 11 місяців тому

    yea uh what do i do if its an actual buggy mess instead of looking like this?

  • @nartz5361
    @nartz5361 10 місяців тому

    is it can be intergated in unity?

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

    Hello, how do you add a keyframe on the face? great video btw, it really got me excited making face expression!

    • @Cake_Box
      @Cake_Box  6 місяців тому +2

      If you press "I" with your mouse over the offset slider in the image node it will add a keyframe.

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

      @@Cake_Box Thank you soo much! now I can animate this bomberman faces.

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

    So I have an issue where in pose mode the texture wont move with the rig and only stays in one spot. Is there a fix for that?
    Edit: Fixed! Dont know how but it seems its because I did all this before I made the model's armature. Once I deleted and redid the textures it was fine

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

    Ok, sorry now I have a new issue 😭
    The texture goes missing and becomes pink and I have to constantly manually reopen the image again in the uv editor. Is there a fix for this?

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

      you have to name your images "1" "2" "3" so on...

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

      @@ampixxy Thank you.

  • @amachansuzuki906
    @amachansuzuki906 Рік тому

    Thank you very much, but there was a problem ... My eyes and mouth are not displayed together ... they can be displayed separately

    • @flxko438
      @flxko438 11 місяців тому +2

      Did you try to make another material and apply a seperate texture?

    • @amachansuzuki906
      @amachansuzuki906 11 місяців тому

      @@flxko438 I tried

  • @famgamescreation
    @famgamescreation Рік тому

    How do you select it? It would help because I’m new to 3D modeling and you cutting the spot where you select it and just go right to it makes 0 sense

  • @under_construct.
    @under_construct. 6 місяців тому +1

    0:36 SUS

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

    👍👍👍

  • @mosesestrada7856
    @mosesestrada7856 Рік тому

    Ok but where did you find the eyes?

  • @IMCOMINGHOME-f8m
    @IMCOMINGHOME-f8m Рік тому

    I'm trying to do 2D faces on Source Filmmaker do you know how to do it

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

    hi man i dont know why some of my image is error, when i set the image sequnce into single image there's no error at all pls help me
    P.S. sorry for my bad english

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

      hey! have you figured out the solution for this problem yet?

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

      @@btgtut yeah man i already figure it out by the way thanks for your tutorial it help me so much

  • @mr.radman9676
    @mr.radman9676 9 місяців тому

    So how do you animate it?

  • @TheBananaSpirit
    @TheBananaSpirit Рік тому

    1:35 btw, how to make this?

    • @Cake_Box
      @Cake_Box  Рік тому

      I have a video that shows more on how to make something like that :ua-cam.com/video/oQG9ZjzfcEo/v-deo.html

  • @kloa4219
    @kloa4219 11 місяців тому

    how would you use this for game dev?

  • @gabrielandres3841
    @gabrielandres3841 Рік тому

    where can i find face textures?

  • @NonsenseGUS
    @NonsenseGUS Рік тому

    Can we get a video on the animation process?

    • @NonsenseGUS
      @NonsenseGUS Рік тому

      NVM I see that you have videos on it already. Awesome thank you.

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

      @@NonsenseGUSwhere?