當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>UI設計教程>教程內(nèi)容

貼圖教程,簡單幾步制作iPhone效果圖模版(4)

來源:站酷 作者:tiah 學習:20012人次

十分簡單的一個教程,適合新手學習。

第一步、瀏覽器打開www.apple.com.cn,找到喜歡的iPhone圖片

貼圖教程,簡單幾步制作iPhone效果圖模版_www.theoat.com.cn

截屏保存

注:因為無法另存下載

第二步、Photoshop打開截屏圖片

貼圖教程,簡單幾步制作iPhone效果圖模版_www.theoat.com.cn

裁切圖片

去掉無關的內(nèi)容

貼圖教程,簡單幾步制作iPhone效果圖模版_www.theoat.com.cn

保存文檔

命名為“iPhone高大上效果圖之

去tiah的站酷主頁掃碼關注公眾號

獲取更多互聯(lián)網(wǎng)設計干貨.psd“

貼圖教程,簡單幾步制作iPhone效果圖模版_www.theoat.com.cn

不鬧了,親隨便命個名

第三步、選擇矩形工具

貼圖教程,簡單幾步制作iPhone效果圖模版_www.theoat.com.cn

繪制640x1136的矩形

注:這是iPhone5的尺寸

如果親的設計稿是6或6P

那就繪制相應尺寸的矩形

貼圖教程,簡單幾步制作iPhone效果圖模版_www.theoat.com.cn

右鍵矩形圖層

選擇轉(zhuǎn)換為智能對象

貼圖教程,簡單幾步制作iPhone效果圖模版_www.theoat.com.cn

回到畫布

對矩形執(zhí)行扭曲

快捷鍵為command+T

右鍵

彈出菜單選擇扭曲

貼圖教程,簡單幾步制作iPhone效果圖模版_www.theoat.com.cn

將矩形的4個角

拉伸對齊iPhone圖片中界面的4個角

貼圖教程,簡單幾步制作iPhone效果圖模版_www.theoat.com.cn

敲回車確認

一個iPhone效果圖模版就做好了

第四步

在圖層面板雙擊智能對象

彈出一個新的文檔

注:不懂智能對象的小火子請自行百度

將親的設計稿效果圖

粘貼進去

command+S保存文件

再回到iPhone.psd文檔

一個高大上的效果圖出現(xiàn)了

貼圖教程,簡單幾步制作iPhone效果圖模版_www.theoat.com.cn

是不是炒雞簡單

要換界面也是非常簡單

只要雙擊智能對象

把新的界面粘貼進去保存就可以了

學習 · 提示

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

大南小難2019-11-21 02:40
如果桌面是圓角的呢
qzuser2019-01-22 08:11
點贊

關注大神微博加入>>

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