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

ps設計平板電腦應用程序動畫模擬

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

最終效果圖

Photoshop制作iPad應用程序動畫模擬教程,PS教程,16xx8.com教程網(wǎ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、用到的圖標 圖標icon_used.rar

第一步:新建文件

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

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

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

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

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

2、按ctrl+A ,并選擇 移動工具(V) ,點擊“垂直居中對齊”和“垂直居中對齊”

3、建立參考線,對齊矩形的邊線。

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

第三步:添加ipad2 背景圖

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

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

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

第四步:背景

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

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

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

學習 · 提示

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

關注大神微博加入>>

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