當前位置:首頁>ps入門教程>動圖教程>動畫教程>教程內(nèi)容

ps設(shè)計平板電腦應(yīng)用程序動畫模擬(5)

來源:飛特網(wǎng) 作者:情非得已 學習:5152人次

第三十八步:滑動“新聞中心”

1、選擇”新聞中心“,在時間軸上 7秒處 創(chuàng)建一個關(guān)鍵幀

2、在11秒處 創(chuàng)建一個關(guān)鍵幀,拖動”新聞中心“向上,直到出現(xiàn)”添加訂閱“的按鈕

3、在14秒處 創(chuàng)建一個關(guān)鍵幀,不做任何操作

4、在15秒處 創(chuàng)建一個關(guān)鍵幀,拖動”新聞中心“向下,直到出現(xiàn)第二個訂閱欄

5、在17秒處 創(chuàng)建一個關(guān)鍵幀,不做任何操作

6、在19秒處 創(chuàng)建一個關(guān)鍵幀,拖動”新聞中心“向下,直到初始位置

Photoshop制作iPad應(yīng)用程序動畫模擬教程,PS教程,16xx8.com教程網(wǎng)

 

第三十九步:設(shè)置”新聞詳情頁“的顯示和隱藏

1、選擇”新聞詳情頁“(默認不透明度為0),在時間軸上 20秒處 創(chuàng)建一個關(guān)鍵幀,不做任何操作

2、在22秒處 創(chuàng)建一個關(guān)鍵幀,把”新聞詳情頁“的不透明度改100%

3、在28秒處 創(chuàng)建一個關(guān)鍵幀,不做任何操作

4、在29秒處 創(chuàng)建一個關(guān)鍵幀,把”新聞詳情頁“的不透明度改0

Photoshop制作iPad應(yīng)用程序動畫模擬教程,PS教程,16xx8.com教程網(wǎng)

第四十步:滑動新聞詳情頁

1、選擇編組”新聞詳情頁“中的”新聞“,在時間軸上 24秒處 創(chuàng)建一個關(guān)鍵幀

2、在25秒處 創(chuàng)建一個關(guān)鍵幀,把”新聞“向下拖動到底部

3、在26秒處 創(chuàng)建一個關(guān)鍵幀,不做任何操作

4、在27秒處 創(chuàng)建一個關(guān)鍵幀,把”新聞“向上拖動到頂部初始位置

Photoshop制作iPad應(yīng)用程序動畫模擬教程,PS教程,16xx8.com教程網(wǎng)

第四十一步:增加手型

1、拖動手型圖片到ps中,放在最頂層,并且去掉白色背景

Photoshop制作iPad應(yīng)用程序動畫模擬教程,PS教程,16xx8.com教程網(wǎng)

第四十二步:手型隨訂閱欄滑動

Photoshop制作iPad應(yīng)用程序動畫模擬教程,PS教程,16xx8.com教程網(wǎng)

 

第四十三步:手型隨新聞中心滑動

Photoshop制作iPad應(yīng)用程序動畫模擬教程,PS教程,16xx8.com教程網(wǎng)

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!