PS制作長投影加彌散陰影教程

現在習慣吃飽就睡覺,聽著農夫的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左右。

此刻下方圖層就會出現一層小小的陰影。此刻可以讓圖層更加立體。

要記住,陰影用一點點就好,太多會變得臟臟的。上述兩種創造陰影的方法比較簡便,但不要局限,陰影可以用畫筆,還有高斯模糊,現在更有很多插件,一鍵制作陰影,但我覺得還是不要依賴一鍵,設計師在設計中會有很多不能察覺的小問題,只有自己親自做出來,才能發現。

最后,愿冬天的你,能有個溫暖的被窩~

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,443評論 6 532
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,530評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,407評論 0 375
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,981評論 1 312
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,759評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,204評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,263評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,415評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,955評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,782評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,983評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,528評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,222評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,650評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,892評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,675評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,967評論 2 374

推薦閱讀更多精彩內容

  • 1 PHOTOSHOP常用快捷鍵大全 1.1文件 新建CTRL+N 打開CTRL+O --文件置入:打開位圖、...
    征程_Journey閱讀 3,977評論 0 9
  • 一、照片名稱:調出照片柔和的藍黃色-簡單方法, 1、打開原圖素材,按Ctrl + J把背景圖層復制一層,點通道面板...
    瀟湘妃子JC閱讀 4,267評論 0 17
  • 官網中文版 1 簡易天空替換## 技能:線性擦除,追蹤運動,用顏色鍵K出人物,用色彩曲線調色。(1)天空圖片素材放...
    朱細細閱讀 10,791評論 4 82
  • 【100/26】如何高效的行動 前段時間有給自己寫過一篇文章,做任何事情前先停三秒。是的,來我們一起來感受下,1,...
    錢程浩瀚閱讀 288評論 0 0
  • 江干晝夜不會很熱的時候,大約已是夏季走過去大部分了,江面平靜如素帶連綿伸向遠方,江水不會過多蒸騰,煙波只會愈發稀少...
    伊瓜Mayee閱讀 184評論 0 0