PS設計教程網歡迎你!

Photoshop制作動態界面展示GIF動畫效果

文章來源于 站酷,感謝作者 Micu設計 給我們帶來經精彩的文章!
設計教程/PS教程/動畫教程2016-11-08
很多時候我們在網站上看到很多炫酷的動態界面效果,他們呈現著立體的效果,不僅是界面有著動畫,并且在側面我們也能清晰的看到隨著頁面動畫也在發生變化。這么炫酷的效果到底是如何制作出來的呢?今天我們就一起來學習吧。

很多時候我們在網站上看到很多炫酷的動態界面效果,他們呈現著立體的效果,不僅是界面有著動畫,并且在側面我們也能清晰的看到隨著頁面動畫也在發生變化。這么炫酷的效果到底是如何制作出來的呢?今天我們就一起來學習吧。

效果圖:

Photoshop制作動態界面展示GIF動畫效果

所以這期MICU教大家如何使用常用的工具PS去制作動態的展示效果圖!

1

導入GIF轉為智能對象

首先吧GIF動畫圖丟入到PS中,在【窗口】里面的打開【時間軸】面板。

Photoshop制作動態界面展示GIF動畫效果

點擊時間軸面板里左下角點擊【轉為時間軸】按鈕,將幀動畫顯示調整到時間軸的顯示效果。

Photoshop制作動態界面展示GIF動畫效果

Photoshop制作動態界面展示GIF動畫效果

選中所有的圖層,右擊圖層【轉換為智能對象】

Photoshop制作動態界面展示GIF動畫效果

Photoshop制作動態界面展示GIF動畫效果

2

制作展示透視圖

新建一個800x600像素,分別率為72的畫布。

Photoshop制作動態界面展示GIF動畫效果

選擇一個合適的前景色,Alt+Delete將前景色填充到畫布中。

Photoshop制作動態界面展示GIF動畫效果

Photoshop制作動態界面展示GIF動畫效果

版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
aaa
国产精品丝袜一区二区三区,亚洲精品A级毛片,中国少妇XXXXX高潮喷水,中文字幕丰满乱子无码伦,国产蜜芽剧果冻传媒,亚洲一区二区三区人人爽