Photoshop設(shè)計(jì)動(dòng)態(tài)APP演示動(dòng)畫

2023-11-05 17:42:39 來源/作者: / 己有:3人學(xué)習(xí)過

步驟11

在形狀上方畫一個(gè)白色圓角矩形,我們會(huì)在這個(gè)區(qū)域放置圖像。

Photoshop制作流暢的動(dòng)態(tài)APP演示動(dòng)畫

設(shè)置圖層樣式內(nèi)發(fā)光。(圖層樣式若不滿意可不設(shè)置)

Photoshop制作流暢的動(dòng)態(tài)APP演示動(dòng)畫

步驟12

添加圖像,然后創(chuàng)建剪貼蒙版.

Photoshop制作流暢的動(dòng)態(tài)APP演示動(dòng)畫

然后添加文本圖層,利用尺寸,顏色,粗細(xì),來營造清晰的閱讀層級(jí)。

最后添加幾個(gè)按鈕圖標(biāo)。

Photoshop制作流暢的動(dòng)態(tài)APP演示動(dòng)畫

步驟13

其他幾個(gè)矩形同理

Photoshop制作流暢的動(dòng)態(tài)APP演示動(dòng)畫

步驟14

先把主要區(qū)域的矩形圖層全部隱藏,然后構(gòu)建一個(gè)較大的矩形區(qū)域,這將應(yīng)用到選擇具體卡片后的細(xì)節(jié)界面。

做完后,此圖層組不透明度設(shè)置為0%

Photoshop制作流暢的動(dòng)態(tài)APP演示動(dòng)畫