Photoshop設計動態APP演示動畫
- 2022-12-24 20:14:08
- 來源/作者：互聯網/佚名
- 己被圍觀次
動態已成趨勢，相比靜態，更直觀，更能展示產品效果。本教程將教你用PS制作動態演示GIF教程
本教程使用了PS CC，但是CS5和CS6依然能夠支持本教程。
靜態設計
步驟1
新建畫布
步驟2
視圖>新建參考線，垂直，間隔15px，左面4條，右面4條
視圖>新建參考線，水平，在40px，128px，220px處設置水平參考線。
完成后效果如下圖。
步驟 3
在畫布上添加狀態欄（也就是第一條水平參考線上方40px處），狀態欄各位可以從源文件里面直接復制獲取。
不過這里我用了iOS 7 UI Kit的動作包>>>>微盤下載
下一步，創建新圖層，然后在40px和128px之間創建選區，填充顏色#2c3137.
步驟4
在標題欄添加應用的標題和Logo
步驟5
畫一個放大鏡icon，圓形結合圓角矩形即可，顏色和App Logo相同。
再畫一個選項icon，圓角矩形即可，顏色和App Logo相同。
*PSjia.COM 傾力出品，轉載請注明來自PS家園網（www.wh207.com）
上一篇：ps調出金屬質感的膚色教程
更多精彩內容
-
斗轉星移陳妍希明星合成教程（10P) -
變老教程，利用ps把年輕人變成老年人效果 -
ps超酷水墨字效果 -
特色風格，用濾鏡做GTA5風格圖片 -
PS使用紋理圖片調色方法 -
cs6摳頭發絲教程 -
做投影，教你用ps做最近十分流行的長陰影 -
ps鼠繪網球教程