Photoshop制作電商平臺優(yōu)惠劵領(lǐng)取頁面

2021-03-20 11:22:28 來源/作者: Yisvip / 曉陽 己有:890人學習過

教程效果圖

Photoshop制作電商平臺優(yōu)惠劵領(lǐng)取頁面

教程步驟

Step 01 紅包

1.1 新建畫布,尺寸750*1334像素,分辨率150。

1.2 使用圓角矩形工具畫一個矩形,數(shù)值如下,填充色#da3232,并命名為【紅包底】。

Photoshop制作電商平臺優(yōu)惠劵領(lǐng)取頁面

1.3 Ctrl+j復制【紅包底】,填充色改為#e74747,命名為【紅包面】。使用橢圓工具,按住shift+alt鍵畫一個圓(這里運用到了布爾運算),數(shù)值參考如圖(只要圓直徑比紅包底的寬度大就行),使用空格鍵調(diào)整圓位置使之與【紅包面】居中對齊。

Photoshop制作電商平臺優(yōu)惠劵領(lǐng)取頁面

1.4 使用圓角矩形工具再畫一個矩形,數(shù)值如下,填充改為0,命名為【紅包凹槽】。

Photoshop制作電商平臺優(yōu)惠劵領(lǐng)取頁面

1.5 紅包大致形狀已經(jīng)出來,接下來就要做光影(在做光影的時候,一定要先去確定好光源位置)。

1.5.1 雙擊【紅包底】圖層,添加圖層樣式(切記不要讓圖層樣式遮住畫布)選擇內(nèi)陰影和漸變疊加,數(shù)值如下:

Photoshop制作電商平臺優(yōu)惠劵領(lǐng)取頁面

Photoshop制作電商平臺優(yōu)惠劵領(lǐng)取頁面

Photoshop制作電商平臺優(yōu)惠劵領(lǐng)取頁面

1.5.2 雙擊【紅包面】圖層,添加內(nèi)陰影和漸變疊加,數(shù)值如下:

Photoshop制作電商平臺優(yōu)惠劵領(lǐng)取頁面

Photoshop制作電商平臺優(yōu)惠劵領(lǐng)取頁面

Photoshop制作電商平臺優(yōu)惠劵領(lǐng)取頁面

1.5.3 雙擊【紅包凹槽】圖層,使用斜面浮雕和漸變疊加。數(shù)值如下:

Photoshop制作電商平臺優(yōu)惠劵領(lǐng)取頁面

Photoshop制作電商平臺優(yōu)惠劵領(lǐng)取頁面

1.6 紅包的大致外形做好后,將做好的【紅包面】與【紅包底】Ctrl+g創(chuàng)建新組命名為【主體物】。接下來就是要添加紅包里面的一些元素。

1.6.1 在【紅包凹槽】圖層上,添加¥1,000,000字樣,右鍵轉(zhuǎn)換為形狀,將這兩個圖層Ctrl+g命名為【1000000】,字體顏色選擇#fffed5。由于受到光的影響,字體在顏色上呈現(xiàn)漸變的樣式。雙擊圖層,添加漸變疊加,數(shù)值如下: