<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 日常臨摹如何用到項目里去?這個案例說明白!

    2021-3-23    周周

    不同的階段,臨摹的目的不盡相同。一般來說,前期臨摹更多的是練習軟件、技法,后期練習別人的風格表達,綜合運用。所以,我把臨摹分為技法臨摹、半原創到原創 3 個階段,每一個階段沒有絕對的界限,都是在積累創意,完全是可以用到自己的項目中去的。

    今天會分享一個我當年做臨摹練習并融入實際項目中的小案例。

    臨摹

    大概是在 15 年左右,在網上看到錘子設計師設計的一個圖標,覺得非常驚艷,當時就想把它臨摹下來,這是當時臨摹的一個效果。


    日常臨摹如何用到項目里去?這個案例說明白!△ 原作

    日常臨摹如何用到項目里去?這個案例說明白!

    △ 這是我當時臨摹的圖

    我在臨摹這張圖的時候,想達到的目標是能根據自己的 logo 色及文字,做一個半原創的設計。

    然后實際練習中,不斷觀察原作發現有一些細節值得學習:

    日常臨摹如何用到項目里去?這個案例說明白!

    1. 圖標分為水上和水下,2 個層級,在水下的圖形因為折射的關系,會發生扭曲
    2. 水下會有深淺的顏色變化
    3. 真實的水會流動,所以在水下會畫出帶明暗細節的水紋線條
    4. 水下會有氣泡,且氣泡的產生符合真實場景,氣泡的大小由小變大
    5. 水面的邊緣因為透光而產生邊緣反射
    6. 投影因為紅色盒子的影響,會偏紅色色相,并且有近實遠虛的關系
    7. 盒子的邊緣會有 1px 的高光和反光
    8. 背景為了增加圖標的展示效果,也做了單獨的設計,把四周壓暗,然后加上雜色,使得整體的質感更加強烈

    當時,對我來說,在練習的過程中有一個難點就是關于第 3 個細節水的紋理執行有些難度,因為其中包括了粗細變化、虛實變化、明暗變化等等,單純的用圖層樣式或者矢量去畫的話,難度都比較大。這個細節當時耗費了我不少時間,后面突然想到其實也可以用合成的辦法來實現,然后我去找了真實水紋的圖片進行疊加,很快就搞定了。所以,只要能達到效果,不能太過于局限某一種思路。

    日常臨摹如何用到項目里去?這個案例說明白!

    分析并完成這些細節后,就是你在做這個練習中學到的點,嘗試把它們學以致用。

    運用

    記得當時在 360 時需要設計一套關于摩洛哥藍色小鎮的官方定制版主題圖標。從搜集的當地代表性的圖片中發現,多彩顏料是當地的一大特征,所以決定以染料為關鍵詞去畫一個圖標,又因為顏料本身自帶多彩的特點,所以以它為主題圖標就很合適了。

    日常臨摹如何用到項目里去?這個案例說明白!

    然后在思考這個圖標的時候,首先會應用參考圖中的配色,并結合染缸的造型做出了第一版的效果。

    日常臨摹如何用到項目里去?這個案例說明白!

    這個效果雖然是表達了那個意思,但缺乏亮點,聯想之前練習過水的技法表達(臨摹中第 3 點細節運用),正好可以利用水的紋理做下強化,這樣就優化出了第二版。

    日常臨摹如何用到項目里去?這個案例說明白!

    嗯,看起來感覺有了一些特點,但感覺缺乏細節,接著思考水除了有紋理高光,應該還會有邊緣高光(結合臨摹中第 5 點細節),所以在邊緣嘗試加了高光,增加體積感,做出水要漫出來的感覺。

    日常臨摹如何用到項目里去?這個案例說明白!

    如果只有這一層高光的話,細節度感覺還是不大夠,在之前的文章《如何從優秀作品中偷師,用一個游戲案例教你思路》我有分享到在 UI 大佬的作品中能學到他們對于 1px 高光的使用(臨摹作用中的第 7 點),這里因為是液體的材質表現,所以增加一個高光點增加水的通透感。

    日常臨摹如何用到項目里去?這個案例說明白!

    日常臨摹如何用到項目里去?這個案例說明白!

    到目前為止,似乎看起來已經差不多了,但考慮到現實世界中,溢出的彩色液體在透光性很好的情況下,也會對周圍環境產生影響,所以我在顏料設計的四周,配上對應的四種顏色的模糊投影(臨摹練習中的第 6 點)。

    日常臨摹如何用到項目里去?這個案例說明白!

    在思考下,在臨摹的圖標中為了使得圖標更加自然,作品中其實結合了很多真實世界中會發生的情況,比如水的折射,氣泡的比例,深淺等等,那對于染料來說,會有怎樣的真實情況發生呢?我當時想到一點是,染料在用的過程中其實很容易灑出來,所以圖標背板上現在太過于干凈了,增加一些細節能夠使得背板能夠跟主體物產生關聯,也更加自然。嗯,又是一個小細節。

    日常臨摹如何用到項目里去?這個案例說明白!

    最后,我們對比下第一版和最終版的效果,細節確實豐富了很多。

    日常臨摹如何用到項目里去?這個案例說明白!

    一張動態圖可以更加清晰的看到變化。

    日常臨摹如何用到項目里去?這個案例說明白!

    總結

    這次圖標的優化過程,我覺得有幾個要點對我來說印象深刻的:

    圖標的風格可以是扁平的,但想要增加自然舒服的細節,一樣可以像畫寫實風格那樣仿照現實。你需要留心觀察這個世界,就算是一張照片中也能有非常多可以利用的細節。

    碰到難做出來的細節,多想想有沒有更效率的辦法。比如在做水紋理的時候,一開始就想著完全靠鼠繪畫出來,結果效果一直不大好,然后利用 PS 合成的方法,很快就能把效果做出來。

    對于圖標來說,要注意其整體性。比如圖標中的主體物不要跟背景脫離,不要讓圖標背板只是作為一個容器,而要讓背板也成為圖標本身的一部分,這樣圖標的整體性會更好。

    臨摹的過程中,一定要多分析,多記錄自己覺得是細節的點。每一次記錄,都可能是將來設計時提升細節的靈感來源。

    以上內容只是我在日常練習中應用到實際項目中的一個小案例,其實還有非常多的靈感想法都來自于你平時做的練習,關鍵是要多動手,多總結,才能增強自己對細節的把握能力。





    文章來源:優設網     作者:彩云譯設計



    藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務



    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 99精品伊人久久久大香线蕉| 精品国产亚洲男女在线线电影 | 亚洲精品免费视频| 亚洲AV无码成人网站久久精品大| 成人国产精品一区二区视频| 国产精品国色综合久久| 中文字幕精品无码一区二区三区 | 久久久久久夜精品精品免费啦| 精品露脸国产偷人在视频| 热re99久久精品国产99热| 91精品国产91久久久久久| 久久国产乱子伦免费精品| 亚洲精品老司机在线观看| 国模精品一区二区三区| 337P亚洲精品色噜噜| 国产精品久久久久久久久免费| 日产精品久久久久久久性色| 无码精品人妻一区二区三区影院| 国产在线精品一区二区不卡麻豆| 亚洲欧美日韩精品久久| 久久777国产线看观看精品| 黑人巨大精品欧美| 久久久久人妻一区精品色| 在线成人精品国产区免费| 在线精品亚洲| 中文字幕乱码中文乱码51精品 | 人妻精品久久久久中文字幕69| 亚洲精品成人片在线观看| 久久久久久无码国产精品中文字幕| 国产精品国产三级在线高清观看 | 色综合久久综精品| 久久精品国产一区| 欧美日韩精品乱国产538| 欧美精品香蕉在线观看网| 精品国产美女福利到在线不卡| 国产精品久久网| 四虎成人精品免费影院| 99精品国产一区二区| 国产高清一级毛片精品| 国产亚洲精品AA片在线观看不加载 | 亚洲第一区精品观看|