ps設(shè)計格子APP軟件圖標(biāo)(3)

來源:PS夢工場 作者:南辰翻譯 學(xué)習(xí):14403人次

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

Photoshop制作炫彩格子風(fēng)格的APP軟件圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第8步:

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

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

Photoshop制作炫彩格子風(fēng)格的APP軟件圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第9步:

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

Photoshop制作炫彩格子風(fēng)格的APP軟件圖標(biāo),PS教程,16xx8.com教程網(wǎng)

然后為其添加角度漸變。

Photoshop制作炫彩格子風(fēng)格的APP軟件圖標(biāo),PS教程,16xx8.com教程網(wǎng)

繼續(xù)添加內(nèi)陰影

Photoshop制作炫彩格子風(fēng)格的APP軟件圖標(biāo),PS教程,16xx8.com教程網(wǎng)

為了表現(xiàn)立體感還要為其添加投影

Photoshop制作炫彩格子風(fēng)格的APP軟件圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作炫彩格子風(fēng)格的APP軟件圖標(biāo),PS教程,16xx8.com教程網(wǎng)

 

第10步:

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

Photoshop制作炫彩格子風(fēng)格的APP軟件圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作炫彩格子風(fēng)格的APP軟件圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作炫彩格子風(fēng)格的APP軟件圖標(biāo),PS教程,16xx8.com教程網(wǎng)

然后為其添加內(nèi)陰影。

Photoshop制作炫彩格子風(fēng)格的APP軟件圖標(biāo),PS教程,16xx8.com教程網(wǎng)

再來個內(nèi)部描邊以使其輪廓更加明顯。

Photoshop制作炫彩格子風(fēng)格的APP軟件圖標(biāo),PS教程,16xx8.com教程網(wǎng)

來看看我們處理后的結(jié)果。

Photoshop制作炫彩格子風(fēng)格的APP軟件圖標(biāo),PS教程,16xx8.com教程網(wǎng)

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(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
給力

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!