現在習慣吃飽就睡覺,聽著農夫的rap,覺得很有趣。還是要更新教程,說不定我能收獲小粉絲了。
設計一直都很流行長投影的設計風格,尤其在UI設計中,長投影設計某種程度上是扁平化設計的拓展或者說下一個階段。在秉持扁平化設計基本審美的同時,這一設計在長投影的幫助下使設計更有深度并同時保持了設計的扁平化
方法是設計師通常通過給圖標添加陰影的方式來創立長投影設計。它一般是一個把普通陰影的長度拓展了的45度陰影。圖標或標志通過這樣的處理會使設計更加具有深度。
下圖就是圖標運用長投影。
老規矩,做長陰影只需要十分鐘,我僅僅提供一個設計思維。先看成品圖。
Ctrl+n新建一個文檔。確定數值后,點確定
然后選擇圓角矩形工具,新建一個512×512px,圓角是90px。因為APP store上數值是1024×1024px,數值選擇一倍圖切圖可以切2x@的時候好切。隨意填充顏色,描邊無。
設計師要養成一個習慣,所以的設計都是有原因的,就跟偉大的作家一樣,所有的文字都要不浪費。
選擇圖層樣式的漸變疊加,選擇一個好看是數值,這里可以自行調節。我選擇淡藍
然后選擇多邊形工具,選擇形狀如下圖
作一個形狀,然后Ctrl+j復制水平翻轉,如下圖,顏色我選擇黑色,適當調整透明度。
接著選擇文字工具,隨意打去一個字母,字體我選擇方正大黑簡體。大小適當。
然后Ctrl+shift+n新建圖層,然后選擇鋼筆工具,按住shift能畫出平行的線,然后按住Ctrl適當調節陰影。然后Ctrl+enter把形狀轉化為選區,填充黑色。調節透明度至38%。
選擇圓角矩形圖層,按Ctrl加鼠標左鍵單擊圖層縮略圖,會出現螞蟻線選區,然后按Ctrl+shift+I反選。如下圖
然后再選長投影的圖層,按Ctrl+X剪切,就會發現多余的陰影被剪切進去。
這個不可以用剪切蒙版噢,因為剪切蒙版是把圖層剪切進圖層,是整個剪切。
輸出
以上就是流行的長陰影的做法,更加有設計感的做法可以自己試試。
下面選擇介紹彌散陰影,所謂彌撒陰影,就是使用圖層下拉讓整個界面更加精致。如下圖
用圖層蒙版就可以做出這種效果。把剛剛的圓角矩形Ctrl+j復制一層,清除圖層樣式,Ctrl+t自由變形縮小10%,命名為小圖層,移到拷貝圖層的下方。
然后Ctrl點擊小圖層縮略圖創建圖層蒙版,點擊圖層蒙版縮略圖羽化,羽化數值選擇16左右。
然后按住shift往下移到小圖層10px左右。
此刻下方圖層就會出現一層小小的陰影。此刻可以讓圖層更加立體。
要記住,陰影用一點點就好,太多會變得臟臟的。上述兩種創造陰影的方法比較簡便,但不要局限,陰影可以用畫筆,還有高斯模糊,現在更有很多插件,一鍵制作陰影,但我覺得還是不要依賴一鍵,設計師在設計中會有很多不能察覺的小問題,只有自己親自做出來,才能發現。
最后,愿冬天的你,能有個溫暖的被窩~