如何做出有厚度的 APP 界面圖片?

      作者:
      分類: 教程
      2016-02-22
      11276


      舉個栗子:

      假設,你要做一個5S的尺寸的效果展現圖。

      步驟:

      1、新建一個畫布尺寸為:640x1136

      Image title

      然后保存為,隨便命名如:5S效果圖模板

      Image title

      2、再新建一個畫布,隨便命名如:效果圖展現Image title

      尺寸隨意,可以大點,自己看情況吧。
      3、將剛才保存的那個5S效果圖模板.psd拖到這個畫布中Image title

      command(ctrl)+T變換到合適的尺寸,傾斜到合適的透視效果。

      Image title

      4、然后雙擊"5S效果圖模板"這個圖層

      Image title

      這就是智能對象的好處。
      跳到這個畫面后

      Image title

      拖入你想要做的界面:

      Image title

      圖片來自dribbble:Dribbble - GIF for the Timeline App by Sergey Valiukh
      然后保存:command(ctrl)+s ,關閉:command(ctrl)+w
      5、回到這個展示頁面

      Image title

      復制一個圖層:

      Image title

      按住option(alt)+鼠標左鍵拖動圖層往下拽,或者command(ctrl)+J
      選下面的一個圖層,雙擊圖層進入圖層樣式,選擇斜面和浮雕,設置一下參數:

      Image title

      參數自行調整,其中,陰影角度45°可隨大環境光線可根據情況自行調整,陰影模式透明度隨意,自己看情況調整。
      6、然后,從第二個圖層開始連續復制多個該圖層,每復制的一個圖層都在上一個圖層的下方,每復制一個圖層都往下移一個像素,按住option(alt)+鼠標左鍵拖動圖層往下拽,可使用鍵盤上的下方向鍵來控制。

      Image title

      然后,在最后一個圖層上設置一個投影Image title

      參數自行解決。Image title

      最后調整下整體環境。
      完工!

      以上的好處便是使用了智能對象,它可以讓你想展示的界面可以隨意替換。
      如需展示多個界面的效果,只要多拖進幾次那個PSD,然后平面排好后,統一調整透視效果。


      當然表現的手法很多,以上只是一種。
      比如,也可以再建好的大畫布上,畫一個矩形的尺寸為640x1136,然后轉成智能對象,再雙擊智能對象,進入調整。


      0
      3
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務聯系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區9號樓2層

      版權信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

      主站蜘蛛池模板: 中文字幕无码免费久久9一区9| 久久国产一区二区三区| 国产亚洲一区二区手机在线观看 | 内射女校花一区二区三区| 91视频国产一区| 精品国产免费一区二区三区香蕉| 视频一区视频二区在线观看| 亚洲一区免费观看| 精品一区二区久久| 亚洲av综合av一区| 国99精品无码一区二区三区| 中文字幕一区二区免费| 亚洲国产成人久久综合一区77| 国产一区二区三区在线观看免费| 黑巨人与欧美精品一区| 极品少妇一区二区三区四区| 加勒比无码一区二区三区| 成人精品一区二区激情| 国产萌白酱在线一区二区| 国产丝袜无码一区二区视频| 国产一区风间由美在线观看| 国产无吗一区二区三区在线欢| 国产一区二区三区免费视频| 无码精品人妻一区二区三区影院 | 日本一道一区二区免费看| 国产麻豆剧果冻传媒一区 | 亚洲免费视频一区二区三区| av在线亚洲欧洲日产一区二区| 亚洲av区一区二区三| 丰满少妇内射一区| 一区二区精品在线| 无码国产精品久久一区免费 | 国产福利电影一区二区三区,免费久久久久久久精 | 久久伊人精品一区二区三区 | 国产乱码一区二区三区| 亚洲欧美成人一区二区三区| 日韩精品午夜视频一区二区三区| 国产福利无码一区在线| 好吊视频一区二区三区| 无码人妻AV免费一区二区三区| 国产精品揄拍一区二区|