ps怎么設(shè)計(jì)一個(gè)手機(jī)app的動(dòng)態(tài)效果?
我要評(píng)論利用ps做APP簡(jiǎn)單動(dòng)效，會(huì)陸續(xù)發(fā)出各種動(dòng)效小制作，上一篇教程教童鞋制作靜態(tài)元素圖，完成了才能開始本次動(dòng)態(tài)學(xué)習(xí)哈先放動(dòng)效給大家看，準(zhǔn)備好就開始啦！
1、先來點(diǎn)準(zhǔn)備工作。首先ps動(dòng)效要在畫板的前提下才可以操作，所以如下圖，選中圖層0右鍵點(diǎn)擊來自圖層的畫板，就可以了，如果擋住了內(nèi)容，自行調(diào)整圖層順序。把需要用到的圓圈轉(zhuǎn)成智能對(duì)象，且保證圓圈的同一個(gè)中心點(diǎn)
2、把ps功能桌面切換成動(dòng)感，點(diǎn)擊創(chuàng)建時(shí)間軸，找到灰黑色底條，點(diǎn)擊灰色底條前的下拉三角形，就可以看到我們需要的設(shè)置條件區(qū)域
3、點(diǎn)擊變換，大致數(shù)值形態(tài)請(qǐng)看下圖，這里就不詳細(xì)描述了，點(diǎn)擊變換，在三處位置都加一個(gè)幀，注意它們之間的長(zhǎng)短，備注為A、B、C。選中A，Ctrl+T把灰黑底塊縮小為0，B變大，C不變。這里灰黑色底塊就搞定了
4、選中白條：點(diǎn)擊變換（注意下圖圓圈內(nèi)的白條起點(diǎn)），添加A幀，B幀 。A幀的白條如圖，B幀不變。添加透明度，幀的位置留意下圖，C修改透明為0，DE都為100。這里白條就完成了
5、選中灰條，點(diǎn)擊變換，添加A幀，B幀，A幀如下圖，B幀不變，這里灰條完成
6、這里綠條跟灰條的操作是一樣的，直接貼圖了，注意綠條位置。這里綠條完成
7、最后只剩文字了，三個(gè)文字的設(shè)置都是一樣的，主要注意先后順序，下圖，其一是看先后順序，其二：選中已消費(fèi)金額圖層，點(diǎn)擊變換添加A、B、C幀，A幀下滑到底部，B幀在原本位置更高一點(diǎn)，C不變，添加不透明度，同樣添加三幀，跟變換的幀同個(gè)位置，D透明度為0，E和F為100，結(jié)束時(shí)下一個(gè)文字要?jiǎng)偤媒由?。這里文字的操作就高一段落啦
8、最后貼上一張調(diào)整后的幀圖，之前為了讓大家看的清晰所以設(shè)的時(shí)間屬于很慢的，各位做完后也可以調(diào)一下，好了，今天的動(dòng)效教程就到這里
注意事項(xiàng)：
記得轉(zhuǎn)變成畫板形式
把每個(gè)圓層都轉(zhuǎn)換成智能對(duì)象，并且保證圓圈的中心點(diǎn)在統(tǒng)一一個(gè)地 方
相關(guān)推薦：
ps怎么去掉gif動(dòng)態(tài)背景? ps去掉gif背景的詳細(xì)教程
相關(guān)文章
photoshop怎么錄制動(dòng)作?PS動(dòng)作錄制方法介紹
通過photoshop動(dòng)作錄制和使用,可以讓ps記錄下我們操作的每一個(gè)動(dòng)作,并且可以利用這個(gè)功能導(dǎo)出演示動(dòng)畫,這更加方便了photoshop的教學(xué)和演示,下面小編為大家分享PS動(dòng)作錄制方2016-12-17
ps怎么創(chuàng)建動(dòng)作? ps動(dòng)作的使用方法
ps怎么創(chuàng)建動(dòng)作？ps中為了能更快的處理圖片，我們可以使用動(dòng)作來批量處理圖片，該怎么使用動(dòng)作呢？下面我們就來看看ps動(dòng)作的使用方法，需要的朋友可以參考下2016-12-15
這篇教程是向腳本之家的朋友分享PS制作文字繞著圈自動(dòng)展示效果方法，教程比較基礎(chǔ)，主要是利用路徑功能來實(shí)現(xiàn)的，下面就為大家詳細(xì)介紹一下，一起來看看吧2016-12-12
PS時(shí)間軸制作載入小動(dòng)畫圖標(biāo)
這篇教程是向腳本之家的朋友分享PS時(shí)間軸制作載入小動(dòng)畫圖標(biāo)方法，教程制作出來的動(dòng)畫圖標(biāo)非常有趣，方法很簡(jiǎn)單，適合新手來學(xué)習(xí)，推薦到腳本之家，一起來學(xué)習(xí)吧2016-12-09
這篇教程是向腳本之家的朋友分享PS CC2017啟動(dòng)畫面效果的制作方法，教程真的很實(shí)用，模擬出來的效果非常漂亮，推薦到腳本之家，喜歡的朋友可以參考本文2016-12-08
ps怎么設(shè)置畫筆形狀? PS設(shè)置畫筆的形狀動(dòng)態(tài)的教程
ps怎么設(shè)置畫筆形狀？ps中想要設(shè)置畫筆的形狀動(dòng)態(tài)，設(shè)置各種畫筆樣式，該怎么設(shè)置呢？下面我們就來看看PS設(shè)置畫筆的形狀動(dòng)態(tài)的教程，需要的朋友可以參考下2016-12-05
PS簡(jiǎn)單制作滾動(dòng)文字的動(dòng)態(tài)效果
這篇教程是向腳本之家的朋友分享PS簡(jiǎn)單制作滾動(dòng)文字的動(dòng)態(tài)效果方法，教程比較基礎(chǔ)，制作出來的動(dòng)態(tài)文字非常不錯(cuò)，推薦過來，感興趣的朋友可以參考本文，來看看吧2016-11-28
這篇教程是向腳本之家的朋友分享ps制作漂亮的流光字動(dòng)態(tài)圖方法，教程制作出來的字體非常漂亮，難度不是很大，值得大家學(xué)習(xí)，推薦到腳本之家，一起來學(xué)習(xí)吧2016-11-24PS制作地球旋轉(zhuǎn)的3D動(dòng)態(tài)效果
這篇教程是向腳本之家的朋友分享PS制作地球旋轉(zhuǎn)的3D動(dòng)態(tài)效果方法，教程制作出來的效果是動(dòng)態(tài)的，主要是利用PS時(shí)間軸來實(shí)現(xiàn)，好了，下面我們來看看吧2016-11-23
PS如何用調(diào)整邊框快速摳出多絨毛的小狗(小動(dòng)畫演示)
今天小編為大家?guī)砹巳绾斡肞S調(diào)整邊框快速摳出多絨毛的小狗(小動(dòng)畫演示)，教程不算復(fù)雜，喜歡的朋友可以一起來學(xué)習(xí)2016-11-18
