這是繼《用Sketch畫出大自然中最美的漸變色》之后的又一篇Sketch漸變色使用教程,講解如何使用Sketch的徑向漸變繪制一個立體球棋恼,依然側重原理講解爪飘。
1.營造立體感的秘密
繪制一個平面圖形簡單椅棺,但是繪制立體的圖形就沒那么容易了两疚,要營造一個物品的立體感诱渤,關鍵在于對光影的掌控顷窒,例如題圖的乒乓球,之所以人眼看起來是立體的,是因為它擁有高光鞋吉、暗部和陰影等光影變化鸦做,這些變化被人在腦海中“自動加工”為立體圖形。此外谓着,立體球的明暗變化泼诱,其實是漸變的其中一種,基于此赊锚,我們可以考慮使用Sketch的漸變功能來完成立體球的繪制治筒。
2.繪制立體球過程
明白立體球的實現原理之后,我們來試試在Sketch中繪制一個立體球舷蒲,步驟如下:
第1步耸袜,使用圓形工具(快捷鍵O),按住shift鍵牲平,繪制一個200x200的正圓形堤框,并取消描邊。
第2步纵柿,選中圓形蜈抓,并打開填充Fill,選擇Radial-Gradient(徑向漸變)昂儒。
第3步沟使,想象光源的位置,并調節(jié)漸變條的方位渊跋,把亮的部分對準光源位腊嗡,現在看起來圓形有點立體球的樣子了,但是還不夠拾酝。
第4步燕少,在漸變條上增加2個點,分別作為明暗過渡微宝、暗部棺亭,并且設置好球體高光面(#E6E9EA)、明亮過渡(#C4C4C4)蟋软、暗部(#817F7F)镶摘、反光面(#BEC1C4)的顏色,營造立體感岳守。注意凄敢,顏色不是固定的,可以自行調節(jié)湿痢。
第5步涝缝,立體感有了扑庞,但是離真實性還差一些物理陰影,用圓形工具拉出一個比球體略細的180x180圓形拒逮,取消描邊罐氨,并設置好Shadows(陰影)屬性,如下圖所示滩援。
第6步栅隐,把球體和圓形重疊,圓形在下玩徊,為立體球營造陰影效果租悄,至此,一個立體球繪制完成恩袱。
更多我的原創(chuàng)精彩的文章推薦(讀完多點贊哦)
精品(過萬閱讀泣棋,700+贊):干貨:讓你全方位學習成為一名交互設計師(1.6萬字誠意之作)
交互設計系列:資源有限時怎么對待細節(jié)優(yōu)化?
Sketch教程:Sketch進階教程:這可能是Symbol最詳細的使用說明書