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

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


      舉個栗子:

      假設,你要做一個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號

      主站蜘蛛池模板: 看电影来5566一区.二区| 精品一区二区三区AV天堂| 无码国产精品一区二区免费 | 国内精品视频一区二区三区八戒| 久久无码人妻一区二区三区午夜 | 无码人妻一区二区三区兔费 | 中文字幕一区二区三| 亚洲综合激情五月色一区| 国产精品免费综合一区视频| 国产精品合集一区二区三区| 日本精品少妇一区二区三区| 日本一区二区免费看| 久久亚洲一区二区| 国产91精品一区二区麻豆网站| 91一区二区在线观看精品| 亚洲日本乱码一区二区在线二产线 | 一区二区三区无码视频免费福利| 亚洲毛片不卡av在线播放一区| 欧洲精品一区二区三区| 久久精品无码一区二区日韩AV | 精品不卡一区二区| 精品无码成人片一区二区98| 亚洲一区二区影视| 大帝AV在线一区二区三区| 内射女校花一区二区三区| 国产精品一区二区电影| 精品一区二区无码AV| 国产麻豆精品一区二区三区v视界| 国产suv精品一区二区33| 精品国产一区二区三区四区| 日本精品啪啪一区二区三区| 国产美女露脸口爆吞精一区二区| 精品免费久久久久国产一区| 无码AV天堂一区二区三区| 国产精品无码一区二区在线观| 波多野结衣免费一区视频 | 久久久国产一区二区三区| 免费视频精品一区二区三区| 亚洲一区无码精品色| 中文字幕精品一区二区2021年| 国产激情一区二区三区 |