• <nav id="iswca"><strong id="iswca"></strong></nav>
  • <menu id="iswca"><code id="iswca"></code></menu>
    <menu id="iswca"><strong id="iswca"></strong></menu>
  • <xmp id="iswca"><nav id="iswca"></nav>
  • <xmp id="iswca">
  • PS設計教程網歡迎你!

    毛玻璃擬態圖標的臨摹思路與設計技巧

    文章來源于 優設,感謝作者 牙線y2x 給我們帶來經精彩的文章!
    設計教程/設計理論/設計理論2021-03-22
    這篇文章主要分享怎么做一套毛玻璃擬態圖標,以及在這基礎上如何發散創意。希望大家可以喜歡。

    帶著這個想法,我開始逛“避寒寺”和“追波”,找可以參考的作品。這套作品我挺喜歡的,作者還做出了 3D 視角的。作者名字我忘存了,如果有朋友知道的話,在評論幫我補上叭。

    毛玻璃擬態圖標的臨摹思路與設計技巧

    毛玻璃擬態圖標的臨摹思路與設計技巧

    先分析一下圖標的結構。圖標有三層:底部幾何色塊、毛玻璃主造型,帶有含義的白色圖形。

    毛玻璃擬態圖標的臨摹思路與設計技巧

    再分析俯視角度時圖標的表現,方便用工具表現。

    毛玻璃擬態圖標的臨摹思路與設計技巧

    最后是顏色的歸納。作者用了飽和度非常高的顏色,基本都在右上角最尖尖的位置。

    毛玻璃擬態圖標的臨摹思路與設計技巧

    分析完以后可以開始臨摹了…因為造型比較簡單,我沒有臨摹,直接創意發散做了另一套。選主題的時候我隨便開了個 APP(當時打開的是微博),覺得個人中心的快捷入口圖標主題可以拿來試試。我選了深色作為背景,所以這套圖標用到界面會比較難適配,和原 APP 風格也不符合。在這里單純利用主題來做練習。

    做底部的幾何色塊時,形狀可以盡量跟主圖形相關性大一些,加強它們之間的關聯性,如果實在沒法關聯的也不必勉強。

    毛玻璃擬態圖標的臨摹思路與設計技巧

    我降低了幾何色塊的面積,增加了多一層毛玻璃形狀層,并且讓白色的圖形更靈活,而不是雕刻在毛玻璃層上。這是我理解了原作者圖標的結構之后,自己進行的改變,效果還行。

    毛玻璃擬態圖標的臨摹思路與設計技巧

    做的過程中,發現草稿箱如果里面放一張白色的卡紙,視覺效果還不錯,所以我又做了另一種效果。最終呈現出來的效果只有草稿箱比較出彩,其它很牽強。

    毛玻璃擬態圖標的臨摹思路與設計技巧

    拿「照片」這個圖標來進行拆分,參數分別如下:

    毛玻璃擬態圖標的臨摹思路與設計技巧

    這是最后呈現的效果:

    毛玻璃擬態圖標的臨摹思路與設計技巧

    毛玻璃擬態圖標的臨摹思路與設計技巧

    封面圖參考了小米的屏保。我用 sketch 做的,效果一般,可能用 ps 做會更逼真吧。

    毛玻璃擬態圖標的臨摹思路與設計技巧

    臨摹一套圖標的時候,要帶著目的去臨摹,分析原作者每一步的處理。然后把圖標拆分成不同的變量,修改這些變量的時候或許會得到不錯的想法。

    歡迎關注作者微信公眾號:「一點牙線」

    毛玻璃擬態圖標的臨摹思路與設計技巧

    版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
    aaa
    国产精品丝袜一区二区三区,亚洲精品A级毛片,中国少妇XXXXX高潮喷水,中文字幕丰满乱子无码伦,国产蜜芽剧果冻传媒,亚洲一区二区三区人人爽