电竞比分网-中国电竞赛事及体育赛事平台

分享

Photoshop制作隨著頁(yè)面變化的GIF動(dòng)畫(huà)效果

 梅子雨1 2016-11-16

效果圖:

所以這期MICU教大家如何使用常用的工具PS去制作動(dòng)態(tài)的展示效果圖!

1、導(dǎo)入GIF轉(zhuǎn)為智能對(duì)象

首先吧GIF動(dòng)畫(huà)圖丟入到PS中,在【窗口】里面的打開(kāi)【時(shí)間軸】面板。

點(diǎn)擊時(shí)間軸面板里左下角點(diǎn)擊【轉(zhuǎn)為時(shí)間軸】按鈕,將幀動(dòng)畫(huà)顯示調(diào)整到時(shí)間軸的顯示效果。

選中所有的圖層,右擊圖層【轉(zhuǎn)換為智能對(duì)象】

2、制作展示透視圖

新建一個(gè)800x600像素,分別率為72的畫(huà)布。

選擇一個(gè)合適的前景色,Alt+Delete將前景色填充到畫(huà)布中。

使用路徑工具中的【矩形工具】繪制一個(gè)正方形,大小改成和之前GIF圖的同樣大小。

雙擊路徑圖層可以將路徑形狀改為白色。

右擊形狀圖層將圖層【轉(zhuǎn)為智能對(duì)象】

【Ctrl+T】對(duì)矩形圖層進(jìn)行自由變換,按住【Alt】鍵對(duì)智能對(duì)象的四個(gè)邊角進(jìn)行定位,調(diào)整到合適的透視效果。

調(diào)整好透視后,【Ctrl+J】復(fù)制矩形圖層。

雙擊圖層類(lèi)別后半?yún)^(qū)域,調(diào)出【圖層樣式面板】,勾選【斜面和浮雕】在樣式上選擇內(nèi)斜面,調(diào)整效果為

(方法:平滑,深度:00%,大?。?像素。陰影的角度:45°,陰影模式:黑色正片疊底,不透明度10%。)

【ALT+J】對(duì)圖層進(jìn)行復(fù)制位移,重復(fù)操作,厚度就會(huì)越來(lái)越厚。

3、將GIF智能對(duì)象置入到透視展示圖中

厚度制作好后把最初的無(wú)圖層樣式的矩形圖層放在最上面,對(duì)其好頂部的面。

“雙擊”圖層中的【智能對(duì)象】,打開(kāi)智能對(duì)象后,將之前的GIF圖的智能對(duì)象拖拽到畫(huà)板中。

點(diǎn)擊時(shí)間軸面板進(jìn)行創(chuàng)建時(shí)間軸。然后【Ctrl+S】對(duì)文件進(jìn)行保存。

保存完畢后我們回到之前的透視展示的畫(huà)布中,可以看到所有的智能對(duì)象都進(jìn)行同步了,

再次在時(shí)間面板中點(diǎn)擊創(chuàng)建時(shí)間軸,這時(shí)候GIF動(dòng)畫(huà)就置入到透視的效果中了。

4、調(diào)整展示細(xì)節(jié),加強(qiáng)頁(yè)面效果

為了讓界面的透視感更為真實(shí)我們可以對(duì)所有的智能對(duì)象Ctrl+G進(jìn)行編組,編組好后,雙擊編組添加圖層樣式【投影】

在豐富一下背景光源的顏色,讓整體變得更為完整。

最后在時(shí)間面板上調(diào)整動(dòng)畫(huà)【工作區(qū)域】的開(kāi)始結(jié)束,從而保證動(dòng)畫(huà)的開(kāi)始和結(jié)束是循環(huán)的?!究崭矜I】可以進(jìn)行動(dòng)畫(huà)預(yù)覽。

制作完畢后【Ctrl+shift+Alt+S】對(duì)動(dòng)畫(huà)進(jìn)行保存,選擇GIF格式,在面板下方的循環(huán)選項(xiàng)中【選擇永遠(yuǎn)】,這樣導(dǎo)出的GIF才是循環(huán)播放的。

最終效果!

今天是2016年的11-11

距離春節(jié)還有70多天你都做了什么?

寒冷的冬季已來(lái)臨,大家準(zhǔn)備好今天最后規(guī)劃下

需報(bào)班學(xué)習(xí)同學(xué)可到菜單欄了解系統(tǒng)學(xué)習(xí)-專(zhuān)業(yè)課介紹

需PS CC軟件請(qǐng)?jiān)诤笈_(tái)回復(fù)【PS下載】破解文件回復(fù)【補(bǔ)丁】

需要看中級(jí)PS往期直播視頻教學(xué)回復(fù):【回放】

需先學(xué)ps最基礎(chǔ)工具摳圖技能回復(fù):【PS基礎(chǔ)】

有生之年,學(xué)習(xí)成長(zhǎng)路上你需要跟我勾搭也歡迎來(lái)騷擾

@~@~@¥¥點(diǎn)下面廣告就幾KB流量,最大的支持…

點(diǎn)閱讀全文可加入學(xué)習(xí)Q群參加直播通知

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類(lèi)似文章 更多