How to Overlay an Icon within a Material (Blender Tutorial)

Sdílet
Vložit
  • čas přidán 26. 07. 2024
  • In this Blender tutorial I will show you how to overlay an icon or image within a material, using Blender's shader nodes.
    ● Metal Texture: www.cgbookcase.com/textures/o...
    ● Electrical Icon: pixabay.com/vectors/high-volt...
    ● Texture Paint Stencil Brush Tutorial: • Texture Paint with Ima...
    ● How to Setup Texture Maps Tutorial: • How to Setup Texture M...
    ● Help support the channel:
    Patreon: / ryankingart
    Gumroad: ryankingart.gumroad.com/
    CZcams Memberships: / @ryankingart
    ● Timestamps:
    0:00 Intro
    1:08 3d Setup
    1:48 Add the Icon Texture
    3:46 Add Icon to Color
    5:35 Fix the UV Mapping
    9:59 Add Icon to Metallic
    12:13 Add Icon to Roughness
    13:24 Add Icon to Normal
    15:08 Closing
    _________________________________________________________________________
    ● My Website Links:
    • All links on my about page: ryankingart.wordpress.com/77-2/
    • Patreon: / ryankingart
    • Gumroad: ryankingart.gumroad.com/
    • Artstation: www.artstation.com/ryanking
    • Blender Market: blendermarket.com/creators/ry...
    • Sketchfab: sketchfab.com/ryankingart
    • Website: ryankingart.wordpress.com/
    • Amazon Affiliate Link: amzn.to/3l1NoqH
    As an Amazon Associate I earn from qualifying purchases.
    #ryankingart #blendertutorial #blender

Komentáře • 174

  • @MindCrafting420
    @MindCrafting420 Před 2 lety +32

    An important note on the Normal Mix node - See how after adding the normal mix the logo turns completely matt? The reason is that the normals are very distorted. To fix it, you're gonna want to set the bottom color to RGB 0,5 0,5 1, that being Blender's default flat normal.

    • @RyanKingArt
      @RyanKingArt  Před 2 lety +6

      Thanks for the info! 👍‍
      I see what you mean:
      R: 0.5
      G: 0.5
      B: 1

  • @PingerSurprise
    @PingerSurprise Před 2 měsíci +2

    2 years later and this video still saves lives.
    I was wondering if I could map an overlay texture to a different UV map so I don't have to worry about manually editing the texture to fit the base UV map.
    With this video and "How to Bake Textures from One UV Map to Another in Blender", I can not only do that, but also bake my overlay texture back into the base texture to save memory.
    Thank you so much!

  • @GrantirifotiriniConPresupuesto

    Brother I LOVE YOU , i've been looking through youtube for an HOUR trying to combine two images and you showed me to make both materials metallic BUT disable it on one of the materials, THANK YOUUUU!!!!!!

  • @lolathepinky4857
    @lolathepinky4857 Před 2 lety +14

    That's very interesting !
    Didn't know i can use multiple UV maps and in the past i had to struggle to align my icons on my objects... Now that i know having multiple UV maps is possible i can't wait to use them myself !
    Thanks for the tutorial !

  • @lassekalhauge4801
    @lassekalhauge4801 Před rokem +4

    Dear Ryan - I will have to thank you one more time (and this won't be the last for sure). All of your tutorials are so amazing and useful. Best regards

  • @vladartov2817
    @vladartov2817 Před rokem +1

    Thank you! Your tutorials are the most helpful. You discover the topics that are hard to find on the Web.

  • @DivairLaurindoRosa
    @DivairLaurindoRosa Před rokem +1

    Thank you very much! I've been looking for a way to overlay icon, decals, etc within a material. It's great!

  • @FlyingBanana78
    @FlyingBanana78 Před 2 lety +1

    Useful and informative. Keep plugging along man, awesome as usual.

  • @Drums712
    @Drums712 Před 2 lety +1

    Excellent! Great way to do this. Thanks Ryan!

  • @sahebfahmi
    @sahebfahmi Před rokem

    What an informative and important information for someone who is still learning, so thankful and wish you all the best.

  • @kaloyanpetrovv
    @kaloyanpetrovv Před 4 měsíci

    Exactly what I needed. Been searching for such a video whole day. You covered everything! Thanks!

  • @RenderEngine
    @RenderEngine Před 2 lety

    Hell yea! I've been meaning to get round to sticking icons on some of my works. Defo needed this!

  • @hveguitar
    @hveguitar Před 10 měsíci

    Really simple and great tutorials thanks and keep up the great work!

  • @AndyRedwood
    @AndyRedwood Před 2 lety +1

    Exactly what I've been looking for, thanks!

  • @DaToTao
    @DaToTao Před rokem

    Man, this tutorial is gold, THANKS!

  • @nonfungiblecustoms7094
    @nonfungiblecustoms7094 Před 10 měsíci +1

    One of the best tutorials ive watched thanks

  • @tayam92
    @tayam92 Před rokem

    This is amazing! You helped me a lot here! 🥰

  • @commentator1338
    @commentator1338 Před 2 lety +1

    Just what i was looking for you're awesome!

  • @orcanimal
    @orcanimal Před 11 měsíci

    Great info as always!

  • @garys3673
    @garys3673 Před rokem +1

    really amazing tutorial!!!

  • @The_voicer
    @The_voicer Před 2 lety +1

    Thank for everything, best channel!

  • @CanalDocs
    @CanalDocs Před 14 dny

    I love u man, thank for your work!!

  • @dez7852
    @dez7852 Před 6 měsíci

    Ryan, THE KING!!! Saving my butt every day!

  • @LateInscius
    @LateInscius Před rokem

    this is such a nice tutorial, really usefull

  • @nashonightmare
    @nashonightmare Před 2 lety +1

    Thank you

  • @procrastinator24
    @procrastinator24 Před 5 měsíci

    it was super helpful! thanks so much!

  • @MalinaXOT
    @MalinaXOT Před 5 měsíci

    A great lesson! - Thank you! - Good luck!

  • @artmegamovie
    @artmegamovie Před 6 dny +1

    Great tutorial

  • @SuperWiiBros08
    @SuperWiiBros08 Před 4 měsíci

    Thank you!!

  • @siddheshc19
    @siddheshc19 Před 9 měsíci

    Thank you Ryan..

  • @NorseGraphic
    @NorseGraphic Před rokem

    Just the tutorial I needed.

  • @mamamafi679
    @mamamafi679 Před 5 měsíci

    I love you!
    Thanks

  • @timharris7973
    @timharris7973 Před 2 lety +7

    Using an empty as the object coordinates on a separate Texture coordinate node to place a decal is a lot easier and offers more flexibility in my opinion , and you can still integrate it with other textures. You can bake it into the same UV map or choose another if needed without any issue. Anyway just a thought.

    • @RyanKingArt
      @RyanKingArt  Před 2 lety +1

      Thanks for the info! 👍‍

    • @NicCrimson
      @NicCrimson Před 9 měsíci

      How would I use multiple of the same texture? Like if I duplicate the Empty the texture duplicate aswell.

  • @Serhii_Sirko
    @Serhii_Sirko Před rokem +1

    Thank you so mutch!

  • @gherson13
    @gherson13 Před rokem

    just love IT!!!

    • @RyanKingArt
      @RyanKingArt  Před rokem

      Glad to hear that. Thanks for watching!

    • @gherson13
      @gherson13 Před rokem

      @@RyanKingArt Just one thing, I'm not sure if I'm wrong but this doesn't work for baking after adding the sticker, I was trying with textools but didn't work, the sticker doesn't appear in the bake, any suggestion?

  • @agyabcg1999
    @agyabcg1999 Před 2 lety +1

    Cool way love it ❤️

  • @lukdev
    @lukdev Před 3 měsíci

    ur a legend! still helpfull bru!

  • @sanjayprajapati3540
    @sanjayprajapati3540 Před 8 měsíci +1

    Great 😊

  • @itzderpdoodle6937
    @itzderpdoodle6937 Před rokem +4

    Compressed Quick for myself since I keep forgetting:
    Get both your images in node editor
    Texture 1 - Main Material, Texture 2 - Sticker Material
    Add Mix Node
    Set sticker material as "Color 2" on mix node
    Set main material as "Color 1" on mix node
    Connect sticker's alpha to the factor on the mix node
    Creating another UV map
    Object Data Properties (Green triangle icon)
    Uv Maps > [+] Button
    Create another UV map.
    (View UV maps in UV editor tab at the far right as well)
    Insert "UV Map" node and imput into Sticker material
    Replace the main material's mapping node with the UV node instead

  • @jasonlor9735
    @jasonlor9735 Před rokem

    Thank you! I was looking for something like this. I was trying something similar with the mix shader, but in cycles, my models got all transparent like glass.

  • @nagysamuel2575
    @nagysamuel2575 Před 8 měsíci

    Thx!

  • @cc.creationz
    @cc.creationz Před 2 lety +1

    Great video could you do a small part 2 on this showing use how you can add maybe grunge or cracks within the icon as if the icon was torn apart from rust from the material?

    • @RyanKingArt
      @RyanKingArt  Před 2 lety +3

      Thank you for the video idea 👍‍ I will consider it.

  • @kokoalmasry
    @kokoalmasry Před 2 lety +1

    thank you brother

  • @jongofett2343
    @jongofett2343 Před rokem +3

    what happens if I want to mix more than just one color?

  • @Commander_Appo
    @Commander_Appo Před 5 měsíci

    This is so helpful for my halo Spartans. I now no longer ever have to use Shrinkwrap on image planes ever again!

  • @theforest8882
    @theforest8882 Před 2 lety +1

    Nice

  • @astral4883
    @astral4883 Před 2 lety +6

    I've been looking for a video covering this specific topic for a long time now. Many thanks for the useful information!
    Something I want to know though: How do you use the same icon on an object, by way of painting it on the object instead of messing around with the UV's? For me, I sometimes need to use the same transparent icon in different areas of one object, so I think this UV method wouldn't be compatible in this case

    • @RyanKingArt
      @RyanKingArt  Před 2 lety +5

      Check out my tutorial on how to do this with texture painting. Link is in the description.

  • @friendlyreptilian3767
    @friendlyreptilian3767 Před 6 měsíci +1

    amazing as always. thanks!

  • @aikonni
    @aikonni Před rokem +1

    Great tutorial. What if you want to use a procedural texture and a sticker texture? The principled bsdf doesn't work with a mix node.

  • @uwemutz
    @uwemutz Před rokem +2

    Thanx

  • @rayleixx
    @rayleixx Před 9 měsíci

    thx

  • @Tenchinu
    @Tenchinu Před rokem

    super useful! thnk u :)
    have a weird question tho...
    can you move the png independently into a different texture map? as in, u import a map (or create it inside blender), and then add a png inside a specific area of that map?

  • @E3_Productions
    @E3_Productions Před rokem

    This is great for future use! But my current projects needs to mix a principled BSDF and an image texture separately. as if the BSDF was a solid-coloured image texture. Is that possible?

  • @DoGGuY
    @DoGGuY Před rokem

    ive done this and im struggling to figure out how to add different metallic and reflection values to mine. Im just using an rgb node to get the color and an image texture of course on top. I want the image texture to be shiny while the base color is pretty basic and slightly glossy

  • @mariohimawan8497
    @mariohimawan8497 Před rokem

    hello! is it possible to put 2 different image and put 1 under the texture and the other one over the texture? thank you

  • @constantineskliris
    @constantineskliris Před rokem +1

    Mate, this is a mission, for a simple job, it used to be that you could paint a stencil in two minutes, without any nodes

    • @zeroh_chill2966
      @zeroh_chill2966 Před 5 měsíci

      Exactly! There’s other videos showing this in less than half the time

  • @barneyfagan2624
    @barneyfagan2624 Před 16 dny

    hey, amazing video. It was super helpful and I really appreciate your help. I was just wondering how you would approach adding a second Icon,? I currently tested with essentially adding a second UV map and duplicating the mx setup and running this through another mix node but the result comes out faded, is there a smarter solution?

  • @SoundtracksandMore
    @SoundtracksandMore Před rokem

    Im trying to add a logo to the mustard bottle from your other tutorial, but my logo gets all messed up because of the subdivision surface... Do I need to apply it first or is there a workaround? A+++ level tutorials by the way, many thanks!

  • @SebastianKomor
    @SebastianKomor Před 2 měsíci

    Thanks for showing this. However, as I am in the midst of modeling an airplane, how do I get the icon to show up on both side of the plane? I tried duplicating the process to add the 2nd icon, however its not showing up and I feel possibly I am not using the right method of mixing them all?

  • @anzaklaynimation
    @anzaklaynimation Před 2 lety +1

    Your work is great. What is your qualification? Do you have any art degree or you learned blender on your own?

    • @RyanKingArt
      @RyanKingArt  Před 2 lety +2

      Thanks! I just learned Blender on my own, mostly by just watching tutorials online and practicing a lot.

  • @ankitshrivastva6682
    @ankitshrivastva6682 Před rokem

    hey bro just wanted to know how did you made the alpha and the color map on a single texture? i mean that icon is just a color map right?. so when you switched to alpha so how it is showing the black and white at a same time?

  • @felushblanco9240
    @felushblanco9240 Před 9 měsíci +1

    How con i add various "stickers" (image textures) on the same material?

  • @antcas3250
    @antcas3250 Před 2 lety

    Bro I was just thinking about this yesterday how the fuck are you this on point lol

  • @Mr.McWatson
    @Mr.McWatson Před 6 měsíci

    I understand using the textures, but what if you want to place the icon onto a surface generated in blender? Is there a way to use a bsdf texture?

  • @treevsy
    @treevsy Před měsícem

    is there a way to make the layer glossy, whilst maintaining the layer beneath? i've been struggling for a while. in particular i'm trying to overlay my skin texture with scales that have a glossy look. the only way i've found i can do it is assigning area, but it doesn't look great.
    edit: nevermind, i added another BSDF and used a mix shader, used the alpha.

  • @kdom4953
    @kdom4953 Před rokem +1

    What if I wanna add more than one ?

  • @wg1948
    @wg1948 Před 2 lety

    Hi fantastic tutorial, if I may, how do I add one texture png on another png with one a bit smaller on the same face for instance?

    • @RyanKingArt
      @RyanKingArt  Před 2 lety +1

      Thanks for watching. This method that I show in the video should be able to do that. Just add in both images into the stencil and paint them on.

    • @wg1948
      @wg1948 Před 2 lety +1

      @@RyanKingArt wow that was quick thanks a million

  • @DINGOS30
    @DINGOS30 Před rokem

    This is kinda off topic but how do I make a picture like the hazard sign. The lines are so symmetrical and straight.

  •  Před 2 lety +1

    6:29 🌟Separating UV Map for alpha texture

  • @borg_cube
    @borg_cube Před 2 lety +1

    When would it be a good idea to do one over the other (texture paint vs overlay) ?

    • @RyanKingArt
      @RyanKingArt  Před 2 lety +1

      I would use this method most of the time, unless you specifically want to texture paint it, to use in a game engine or something.

  • @gillesa4663
    @gillesa4663 Před 3 měsíci

    So it is impossible to use an image texture that is not transparent? eg. I have a black logo on a white background as my image texture. But I only want the logo (in white) on my already textured model.

  • @Saasquash2000
    @Saasquash2000 Před rokem

    Hey, if you want to export it and that everything remains inside one object and to not have to reassigned the texture later, how can you do it ? Thanks for the video !

    • @RyanKingArt
      @RyanKingArt  Před rokem

      hmm, if I understand you correctly, you can texture bake the material to texture maps. that way the overlay will be baked into the same texture map.

  • @littlegreen4899
    @littlegreen4899 Před rokem

    iam having an issue on when iam importing my transparent image into blender it fills the transparent space with black

  • @sunbg1749
    @sunbg1749 Před 9 měsíci

    Late, but i canr figure out where the "Base Color" node is located, could you help me with this?

  • @psmontte
    @psmontte Před rokem

    Would not it be easier to to use separate Principal BSDF (with Mix Shader) for the Icon?

  • @carlostorrente9093
    @carlostorrente9093 Před 2 lety +1

    👍👍👍

  • @LiveMusicRec
    @LiveMusicRec Před 10 měsíci

    How can I add the icon to a base color?

  • @samilhuseynov8359
    @samilhuseynov8359 Před 2 lety

    this is great bro ,how old are you?

  • @docmcmoth
    @docmcmoth Před rokem

    When I open the image with the UV editor and move the UV map around, the image doesn't change in the Viewport. Is there something I'm doing wrong? The image is transparent and should be working, but I don't know what's doing this

    • @RyanKingArt
      @RyanKingArt  Před rokem

      if you're in the material preview, it sometimes won't update. make sure your in rendered mode.

  • @taucher1945
    @taucher1945 Před 2 lety +1

    What if a miror modifier is on the model? I get the decal on both sides

    • @RyanKingArt
      @RyanKingArt  Před 2 lety +1

      Yes if there is a mirror modifier it will use the same UV map on both sides and so it will mirror it.

    • @taucher1945
      @taucher1945 Před 2 lety +1

      @@RyanKingArt and that´s what I want to avoid

    • @RyanKingArt
      @RyanKingArt  Před 2 lety +1

      @@taucher1945 Then you will need to apply the mirror modifier, then UV unwrap the object again.

    • @taucher1945
      @taucher1945 Před 2 lety

      @@RyanKingArt in order to keep the mirror I now used the shrinkwrap method. The stencil method with texture paint also needs to apply the mirror- isn´t it? Thank You very much so far!

  • @harvi__
    @harvi__ Před 5 měsíci

    why i dont have a mix RGB addon?

    • @RyanKingArt
      @RyanKingArt  Před 5 měsíci +1

      in the new blender update that node was updated to the "Mix Color" Node instead.

  • @INotSillyTV
    @INotSillyTV Před rokem +1

    What if there’s no Mix RGB?

    • @RyanKingArt
      @RyanKingArt  Před rokem +1

      I recently made a video about that: czcams.com/video/i4GAHxtDAsk/video.html
      In the new Blender update, they changed the Mix RGB node, to just the mix node. So just add the mix node, and change the Float option, to Color. Then you can use it just like the mix RGB node.

  • @davideblonda6159
    @davideblonda6159 Před rokem

    For those who can't properly view images applied to objects or it appears to be "Pink", just try to change the file name of the image texture into something shorter.

  • @jim4645
    @jim4645 Před rokem

    How to make the same icon appear on all four corners of the same face of the cube?

    • @RyanKingArt
      @RyanKingArt  Před rokem

      hmm, you could add loop cuts in the center, and then delete the other sides. and then add a mirror modifier.

    • @jim4645
      @jim4645 Před rokem

      @@RyanKingArt For my case, I need same icon/image on four corners on one face of cube. And different icons/images on four corners of other faces of the cube. Does the method you mentioned work for that?

  • @mch43856
    @mch43856 Před rokem

    pro

  • @0blueenderman044
    @0blueenderman044 Před rokem

    Can use it with one texture rather than two

    • @RyanKingArt
      @RyanKingArt  Před rokem

      Yes, you can keep adding more layers of textures with more mix nodes.

    • @RyanKingArt
      @RyanKingArt  Před rokem

      Or you could also just plug one texture into the base color. 👍‍

  • @neet9599
    @neet9599 Před 4 měsíci

    how bake it?

    • @RyanKingArt
      @RyanKingArt  Před 4 měsíci

      check out my texture baking tutorials, to learn texture baking.

  • @stellarmindz9832
    @stellarmindz9832 Před rokem

    Thanks for the video!
    But to be honest, as a beginner it looks absolutely frustrating and overly complicated.
    In this case wouldn't it be a thousand times easier and faster to just build a small triangle object out of your sticker image and put this on the cube?
    You'll have an actual 3D object that can easily be moved and edited, seperately from your cube material.

  • @tomjejojose
    @tomjejojose Před rokem

    Couldn't we just shrinkwrap it with a small offset ?

  • @adilhussain3680
    @adilhussain3680 Před rokem

    I change My Image to clip but its doesn't Remove Tiling 😶‍🌫😶‍🌫

  • @gerdsfargen6687
    @gerdsfargen6687 Před 2 lety +1

    (Thumbnail Image ): DANGER: Default Cube risk of Electric Shock! The Action Status Dont be Broke! 😵

  • @Jjjj119-r8c
    @Jjjj119-r8c Před 2 lety +1

    1.

  • @golden-gamingmore5931
    @golden-gamingmore5931 Před 6 měsíci

    i hate blender.

    • @RyanKingArt
      @RyanKingArt  Před 6 měsíci

      sorry to hear that

    • @golden-gamingmore5931
      @golden-gamingmore5931 Před 6 měsíci

      @@RyanKingArt Well I hate blender because of how many precise things you have to do in this program and its been years that im trying to understand blender.
      Also I suggest you to please make shorter videos because I saw a video that explained how to overlay an icon within a material in 5min and it was easy and quick to understand! While yours is 15min and its pretty complicated!!!

  • @AJ-mw4nb
    @AJ-mw4nb Před rokem +1

    How do we add more than 2 decals? Because the mixer node has only 2 inputs and room for only one alpha/factor control. So how does one go about doing that?