How to Make Soft UI in Illustrator (Neumorphism) | Tutorial for Beginners

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 ม.ค. 2025

ความคิดเห็น • 39

  • @chasebros4948
    @chasebros4948 2 ปีที่แล้ว +3

    I was experimenting with this and figured out another way you could do it. You can use a stroke with a linear gradient that goes from black to white. Make the angle of the gradient 90 or 120 degrees. Then apply a gaussian blur to the stoke. Doesn’t really matter how the stroke is aligned when using a gaussian blur. Then you can either set the blend mode of the stroke to soft light, or leave the blend mode on normal and lower the opacity of the black and white colors in the gradient. What’s cool about doing it this way is that all you have to do is flip/reverse the colors in the gradient to alternate between a raised and pressed button.

    • @AndyTellsThings
      @AndyTellsThings  2 ปีที่แล้ว

      Yes, I have tried this way before as well. But you can't get a 45° lighting like in the way I do. This way the lighting is from the top, shadows and highlights are all around the button.

    • @chasebros4948
      @chasebros4948 2 ปีที่แล้ว +1

      @@AndyTellsThings if you change the angle of the gradient to 120 or 135 degrees, it’s essentially same thing as 45 degrees. You can also play with the locations of the white and black color stops and mid point of the gradient to get the shading just right. I tried it on a rounded rectangle and square and it worked great. 👍🏻

  • @madsrasmussen1594
    @madsrasmussen1594 2 ปีที่แล้ว +1

    Okay, this is just how you make tutorials! If I could, I would've smashed that like button 10 times at least!

    • @AndyTellsThings
      @AndyTellsThings  2 ปีที่แล้ว

      Thanks for the kind words my friend. I'm glad to help!

  • @miriamweinert3400
    @miriamweinert3400 ปีที่แล้ว +1

    Thank you so much, now it is easy!!!

  • @fumar.official
    @fumar.official 2 ปีที่แล้ว +1

    Pretty nice UI design!

  • @xfarhan6562
    @xfarhan6562 ปีที่แล้ว +1

    Wahhh thank u so much

  • @edengro7737
    @edengro7737 2 ปีที่แล้ว

    Thank you for this AMAZING video!

  • @chasebros4948
    @chasebros4948 2 ปีที่แล้ว

    For the pressed button could you use an inner glow as an inner shadow effect for the shadows and highlights?

    • @AndyTellsThings
      @AndyTellsThings  2 ปีที่แล้ว +2

      Technically, yes. But you wouldn't be able to offset the Inner Glow effect, so you'd lose the perspective (you can't have Inner Glow on just one side or the other).

  • @tonyguyable
    @tonyguyable 11 หลายเดือนก่อน

    thanx, realy helpfull

  • @colocrates503
    @colocrates503 ปีที่แล้ว +1

    what´s the name of the font on the thumbnail that says neumorphism?

  • @nicolekesselring3398
    @nicolekesselring3398 11 หลายเดือนก่อน

    Would "Inner glow" work for the second button?

    • @AndyTellsThings
      @AndyTellsThings  11 หลายเดือนก่อน

      No, because inner glow doesn't have direction or distance, so it'll just apply a shadow coming from all sides

  • @madihasiddiquii
    @madihasiddiquii ปีที่แล้ว

    Thank you ❤

  • @prabathnissanka5462
    @prabathnissanka5462 2 ปีที่แล้ว

    You are one of my favorite explainer 👍 keep it up! 👨‍🦱

  • @tommycatt
    @tommycatt 2 ปีที่แล้ว

    Thank you for a very successful video🤩🤩🤩🤩🤩

  • @gunayfarzalibayli2172
    @gunayfarzalibayli2172 2 ปีที่แล้ว

    Thank you so much.

  • @Harry-xe8kh
    @Harry-xe8kh 2 ปีที่แล้ว

    Please make a videos on photoshop all tools

  • @HamzaMobileRepairing
    @HamzaMobileRepairing ปีที่แล้ว

    how can i save pressed button in graphic styles

    • @AndyTellsThings
      @AndyTellsThings  ปีที่แล้ว

      Since they are 2 different objects, I'm afraid you can't. Not until we get a inner shadow effect :P

  • @kayday323
    @kayday323 8 หลายเดือนก่อน

    gracias amigo

  • @easydesign3984
    @easydesign3984 2 ปีที่แล้ว

    very nice

  • @IqroJunio
    @IqroJunio ปีที่แล้ว +1

    1 year later, still no inner shadow option... **sigh**

  • @zeeblogger1702
    @zeeblogger1702 2 ปีที่แล้ว

    Amazing'

  • @kleinmarshall
    @kleinmarshall 9 หลายเดือนก่อน

    Idk why but I'm trying over and over again but it still looks different. :(

    • @AndyTellsThings
      @AndyTellsThings  9 หลายเดือนก่อน

      Can you explain how different? :)