ps設計格子APP軟件圖標(3)

來源:PS夢工場 作者:南辰翻譯 學習:14403人次

將其圖層混合模式設置為線性減淡(添加),圖層不透明度設置為30%。此時每個格子間都被細線分割開了。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網

第8步:

將上一步創(chuàng)建的圖層Ctrl+J再次進行復制。將圖層混合模式設置為減去,圖層不透明度設置為20%。

選擇移動工具,利用鍵盤上的方向鍵將其位置向下方與右方分別移動1像素。這樣格子的間隔部分便形成了凹槽的效果。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網

第9步:

利用橢圓工具在icon中心繪制出一個正圓形。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網

然后為其添加角度漸變。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網

繼續(xù)添加內陰影

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網

為了表現立體感還要為其添加投影

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網

我們來看一下此時的圓形樣式

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網

 

第10步:

利用橢圓工具在icon中心再次創(chuàng)建一個較小的正圓形。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網

為其添加顏色疊加樣式。此處顏色選擇接近黑色的深灰色。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網

繼續(xù)添加內發(fā)光。與第2步相同,我們這里利用內發(fā)光來添加雜色。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網

然后為其添加內陰影。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網

再來個內部描邊以使其輪廓更加明顯。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網

來看看我們處理后的結果。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
夏天2017-07-22 04:29
我的作業(yè):試著做了
顧盼生花2017-05-27 02:44
給力
佐料配大米2017-05-27 02:44
給力
大鬧所有聰兒2017-05-27 02:44
給力
鑫1982017-05-27 02:44
給力
雪嵐兒如煙2017-05-27 02:44
給力
阿飛小蝴蝶2017-05-27 02:44
給力

關注大神微博加入>>

網友求助,請回答!