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

2023-12-06 17:35:39 來源/作者: / 己有:0人學(xué)習(xí)過

步驟11

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

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

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

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

步驟12

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

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

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

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

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

步驟13

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

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

步驟14

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

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

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