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

來(lái)源:PS夢(mèng)工場(chǎng) 作者:南辰翻譯 學(xué)習(xí):14403人次

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

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

第8步:

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

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

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

第9步:

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

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)

我們來(lái)看一下此時(shí)的圓形樣式

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

 

第10步:

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

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ā)光來(lá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)

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

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

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

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

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

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