ps怎么設計一個手機app的動態(tài)效果?

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