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

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

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

最終效果圖

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

動(dòng)畫效果 教程素材:http://pan.baidu.com/share/link?shareid=93807&uk=755000821

1、iPad 2 的 psd文件 iPad 2 template.rar

2、手型圖片 hand-point.rar

3、字體 Walkway Typeface 字體--Walkway--font.rar

4、用到的圖標(biāo) 圖標(biāo)icon_used.rar

第一步:新建文件

畫布大小 1400 X 1200px,RGB,72dpi,并命名為 ipad應(yīng)用程序.psd

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

第二步:創(chuàng)建ipad屏幕的操作區(qū)域

創(chuàng)建一個(gè)長(zhǎng)方形,大小為1024*768,作為ipad2的操作區(qū)域(即ipad2的屏幕大小)

1、選擇矩形工具(U) ,隨意的畫個(gè)矩形,按 ctrl + t ,在屬性工具欄上上輸入具體的數(shù)值(提示:右鍵點(diǎn)擊屬性欄上的寬度輸入框,選擇“像素”)

2、按ctrl+A ,并選擇 移動(dòng)工具(V) ,點(diǎn)擊“垂直居中對(duì)齊”和“垂直居中對(duì)齊”

3、建立參考線,對(duì)齊矩形的邊線。

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

第三步:添加ipad2 背景圖

1、 拖動(dòng)素材ipad2.psd(從本文中下載)到ipad應(yīng)用程序.psd中,自動(dòng)生成一個(gè)智能對(duì)象,按 ctrl+T 調(diào)整ipad2大小,使ipad2的屏幕邊線對(duì)齊參考線,命名改層為“ipad”如下圖

2、 雙擊圖層“ipad”,打開智能對(duì)象,隱藏相應(yīng)的圖層,在圖層“Base”上建立蒙版,用選區(qū)工具(M),畫出ipad2屏幕區(qū)域,并填充黑色,并“保存”,回到ipad應(yīng)用程序.psd。

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

第四步:背景

1、給ipad的屏幕區(qū)域添加一個(gè)背景,選擇矩形工具(U),在圖層“ipad”的下方創(chuàng)建矩形,并命名為“背景”,按ctrl+G ,編組名為"App"

2、給整個(gè)文檔添加一個(gè)漸變(設(shè)置前景色#121212,背景色 #434343)

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)回答!