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

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

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

第三十八步:滑動(dòng)“新聞中心”

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

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

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

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

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

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

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

 

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

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

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

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

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

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

第四十步:滑動(dòng)新聞詳情頁

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

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

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

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

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

第四十一步:增加手型

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

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

第四十二步:手型隨訂閱欄滑動(dòng)

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

 

第四十三步:手型隨新聞中心滑動(dòng)

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

學(xué)習(xí) · 提示

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

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

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