How to make Photorealistic Button in Photoshop

Поделиться
HTML-код
  • Опубликовано: 11 авг 2016
  • "The user interface (UI), in the industrial design field of human-machine interaction, is the space where interactions between humans and machines occur." - Wikipedia
    LET'S CONNECT
    RUclips ► bit.ly/29t4ivk
    Facebook ► bit.ly/29jzmwK
    ›› RESOURCES ‹‹
    Icon: bit.ly/2aP6OdN
    ›› INSPIRATION ‹‹
    bit.ly/2aQijnO
    bit.ly/2SI9MHF
    ›› VIDEO SETTINGS ‹‹
    Screen recording software: Mirillis Action!
    Editing software: Adobe Premiere Pro CS6
    ›› MY EQUIPMENT ‹‹
    Monitor: Eizo Foris FS2434
    Processor: Intel Core i7 4790k
    Video Card: Gigabyte GeForce GTX770 2048MB
    RAM: HyperX FURY DDR3 8GB 1600MHz
    Music Credits:
    "Perspectives" Kevin MacLeod (incompetech.com)
    Licensed under Creative Commons: By Attribution 3.0 License
    creativecommons.org/licenses/b...

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

  • @SSBBMario301
    @SSBBMario301 5 месяцев назад

    There’s some slight Frutiger aero to this

  • @minar3907
    @minar3907 5 лет назад +4

    Thank you so much for uploading this! It is my favourite tutorial so far.
    The background music was calming and the steps were comprehensible and easy to follow.

  • @alanperea9176
    @alanperea9176 8 лет назад

    thank you very much , you've taught me a lot

  • @Genodesigners
    @Genodesigners 8 лет назад +2

    Beautiful!

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

    Very good tutorial. Thanks!

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

    It is not photoshop tutorial. It is art.. Thank for sharing..

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

    One of my favorite Chanel . Not much talking a smooth description nd I love the way you show the shortcuts in the corner that's brilliant thank you

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

      Get Designed thank you for this comment 🤗

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

    What an amazing class! He introduced me to concepts I had never seen before !!! Very good, thank you for the excellent content.

  • @user-tc3sh9pl4e
    @user-tc3sh9pl4e 3 года назад

    beautiful.

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

    Tanks for your help !!

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

      +Catherine Martinot no problem 👌

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

      +Catherine Martinot 😀✋

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

    I can't even describe how masterpiece this is. Thank you for your amazing art

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

      Thank You 😄

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

      @@MichaG I was wondering if you can make/made a rectangle version or smth similar ?

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

    This is stunning...! I like it so much TNX...!

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

    More professional... Awesome

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

      Thank You ;)

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

    That was absolutely brilliant. What was the format of the icon that you brought in? PNG? SVG? Thanks.

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

    Awesome

  • @SajibKhan-sm8ng
    @SajibKhan-sm8ng 2 года назад

    Great tutorial boss.... ❤️

  • @zga042
    @zga042 7 лет назад +8

    background gradient: #bdc1cc to #e7ebee linearlly vertically
    ellipse 185px: 50% gray (#959595), overlaid with gradient #d7dae1 to #cad0d8, inner shadow #c5c8ce, drop shadow #dde0e7
    ellipse 150px: #5d5d5d, overlaid with a gradient #b0b4bf to #cdd0d7 to #dee1e6 to #f5f6fa
    ellipse 85px: #2c2c2c, overlaid with color #d4d8e3, drop shadow #e4f0ff, inner shadow #b5b5b5
    ellipse 150px copy + clear layer style, then: drop shadow with black
    blank layer above ellipse 185px, clipped to ellipse 185px: upper right quadrant filled with 50%gray (#959595)

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

      Zachary Augustine I like this type of comment :) Thanks!

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

      no problem, thanks for the tutorial. Where did you get the colors? I was wondering why you typed them out.

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

    Pretty cool intro dude

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

    8:50 min how to setup layer with this small enter arrow please . How did you do that?

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

    8:50 min how to setup layer with this small enter arrow please . and thank inadvence for this amaizing tutorial

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

      Did you work it out?

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

      @@caburnicus2285 i found it :) many thanks for your Replay

  • @MitchellFox
    @MitchellFox 8 лет назад

    Nice work , keep it up

    • @MichaG
      @MichaG  8 лет назад +1

      Thanks, I will try ;)

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

    How do you get all of these colors? Did you prepare them before the video or?

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

      Bartosz Kowalski This is only inspiration. Check link in the description :)

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

    cool

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

    why if i try with same colours it's work, but if i try with the other colours it's not work?

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

      Sorry but I don't understand 🤔

  • @Sky-fn2nd
    @Sky-fn2nd 7 лет назад

    why that icon suddenly there? what is the step? thanks before

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

      Sky Lito You can get it from the link in the description

    • @Sky-fn2nd
      @Sky-fn2nd 7 лет назад

      got it sir, i can use shape coz wanna make android icon. Dont worry its not for commercial use :D btw thank you so much for your tutorial. its make learning photoshop become fun (y)

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

      Sky Lito thats not my icon so you should read about copyright on the site :), thanks for nice word :)

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

    Cooool)))

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

    create ellipse key code ctrl+ ? 1.33 video plase

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

      Tuğrul Kocadağ Just click left mouse button, I think it only works in CC version of Photoshop 😉

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

      Michał G. 👍

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

    can i transform into html?

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

      M Ashraful Alam yes

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

      can share raw file to learn more accurately?

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

      Not Mandatory

  • @aqibbaig7507
    @aqibbaig7507 8 лет назад

    awsomee 🙊🙊🙊🙊🙊🙊

    • @MichaG
      @MichaG  8 лет назад

      thanks ;P

    • @aqibbaig7507
      @aqibbaig7507 8 лет назад

      +Michał G. I want to learn from you can you teach me plzzzzzzz

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

    I can't even draw this :O

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

  • @AbasynPeshawar
    @AbasynPeshawar 7 лет назад +2

    u didnt showed how to add that icon.

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

      You can add any icon image on it.....Just google for minimalist icons and you will get it....Good Luck.

  • @oO5Dynasty
    @oO5Dynasty Год назад

    😀

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

    Matthew 5:11-12 Blessed are you when people insult you and persecute you, and falsely say all kinds of evil against you because of Me. Rejoice and be glad, for your reward in heaven is great; for in the same way they persecuted the prophets who were before you.

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

    cool