這次我們要做的是壹個5 s大小的APP效果展示圖。
步驟:
1.新建壹個畫布，大小為640*1136，保存後命名為:5S效果圖模板。
2.創建壹個新的畫布，命名為:渲染。
2.創建壹個新的畫布，命名為:渲染。
大小是任意的，妳可以把它變大，自己看。
3.拖動5S效果圖模板。妳剛剛保存到畫布上的psd。
Ctrl+T變換到合適的大小，傾斜到合適的透視效果。
4.然後雙擊圖層“5S效果圖模板”。
跳到這張圖片的後面。
拖進妳想做的界面。
5.返回此演示頁面。註意:這裏省略了壹個步驟。拖動剛剛保存的圖層。
復制壹個層。
按住Option(Alt)+鼠標左鍵向下拖動圖層，或者Command(Ctrl)+J，選擇下面的圖層，雙擊圖層進入圖層樣式，選擇斜面和浮雕，設置參數。
參數可自行調整，其中，45°陰影角度可根據有環境光的情況進行調整，陰影模式透明度任意，視情況而定。
6.然後，從第二層開始連續復制多個層。每個復制的圖層都在前壹個圖層的下方，並且每個復制的圖層都向下移動壹個像素。按住option(Alt)+鼠標左鍵向下拖動層，這可以通過使用鍵盤上的向下箭頭鍵來控制。
然後，在最後壹層設置壹個投影。
然後，在最後壹層設置壹個投影，參數自行求解。
最後，調整整體環境。
這個教程的好處是使用了智能對象，可以讓妳想展示的界面被隨意替換。
如果想展示多個界面的效果，只需要在那個PSD裏拖幾下，平面排列好後再統壹調整透視效果即可。
當然，表現的方式有很多種，以上只是其中壹種。
比如妳也可以在大畫布上畫壹個大小為640×1136的矩形，然後把它變成智能對象，雙擊智能對象進入調整。
附@鄭的方法原理相同，細節更豐富。
達到壹種效果的方法有上千種，這裏只提供壹種簡單的思路，用PS pure制作。
第壹，失真&；輻狀的
導入界面圖，然後編輯-扭曲，然後旋轉，從而達到如下效果:
二、生產厚度
這壹步是最關鍵的。選擇界面層，[Ctrl+Alt+T]，然後點擊箭頭鍵[↑]並按回車鍵。這會復制壹個圖層，新圖層會在原來的基礎上向上移動壹個像素。
來，狂按[Ctrl+Alt+Shift+T]就是重復前面的變換操作，這樣會復制很多層，每壹層都會在前壹層的基礎上上移壹個像素。以便實現厚度效果。
第三，改變亮度
保留頂層，其他所有界面層合並為壹層，命名為[thickness]。
然後選擇【厚度】圖層，使用矩形選框工具+【圖像-調整-亮度對比】將厚度左側和右側的亮度分別降低20和50。
第四，陰影
復制[app]圖層，圖層順序更改為[厚度]以下，然後使用[高斯模糊]+顏色疊加為黑色+不透明度更改為30%。搞定了。
好了，關於如何用PS把圖片變成APP效果圖就說這麽多了。妳學會了嗎？
如何制作UI設計的展示圖UI設計中界面圖標的制作過程；
1，圖標創意階段；
2.素描階段；
3.草圖渲染階段。
補充:
1.在PS中創建壹個所需大小的新畫布並保存，命名為UI設計渲染模板。
2.創建壹個新的畫布，並將其命名為界面UI設計渲染顯示。大小是任意的。
3.拖動保存的UI設計效果圖模板。psd到畫布上。Ctrl變換到合適的大小，傾斜到合適的透視效果。
4.然後雙擊UI設計效果圖模板層。
補充:UI是用戶界面的簡稱。壹般指用戶的操作界面，包括手機APP、網頁、智能穿戴設備等。UI設計主要是指界面的風格和美觀。在使用上，軟件的人機交互、操作邏輯、界面美觀的整體設計是另壹個同樣重要的門道。好的UI不僅能讓軟件個性化、有品位，還能讓軟件的操作舒適、簡單、自由，充分體現軟件的定位和特色。
App打開頁面怎麽設計？我們來看看這五種常用的方法。第壹印象很重要！很多用戶會根據App/網站的初始形象來判斷是否可以信任這個公司或產品。
那麽如何解決快速感知的問題呢？首先，專註於App帶給我們的第壹印象。合理的啟動頁面可以激發用戶的潛意識，有助於吸引和留住合適的用戶。
在深入研究設計策略之前，我們先來學習壹下啟動屏的基礎知識。
啟動屏幕指的是壹系列連續的體驗——從用戶點擊應用程序圖標到加載內容。通常包括以下五種形式:
1，應用圖標(參與啟動體驗的第壹個鏈接)
2.啟動屏幕(打開屏幕頁面)
3.打開屏幕頁面並跳轉到內容頁面
4.骨架屏幕啟動表(待加載)
5.動畫屏幕打開(加載更多內容)
開屏頁面是產品體驗的入口，通過模擬更快的加載時間，打造無縫的啟動體驗，提升用戶體驗。
設計不僅註重外觀，更註重針對具體用戶問題的解決方案。啟動頁面可以解決哪些問題？
——潛意識裏與用戶交流，設定對未來的預期；
-通過隱藏加載過程來減少感知的等待時間；
-向用戶介紹App的用途和品牌；
-為用戶提供愉快的體驗。
通過對問題的梳理，總結出五種打開頁面設計的方法，可以有效吸引用戶的註意力。
從iOS10開始，開發者可以個性化預定義的圖標。Bear允許用戶根據主題顏色調整圖標的顏色。
MLB允許用戶選擇他們最喜歡的球隊作為啟動圖標。
啟動頁面就像是壹個持續的營銷活動，因為用戶每次打開App都會加深對品牌的印象。
通過在啟動頁面添加壹個標誌性的口號或圖像，不僅可以強調應用程序的使用，還可以為用戶設定壹定的期望。
比如上圖中的三個應用，把品牌logo放在了打開頁面，直接刺激了用戶的感官。
上面的三個應用程序，歷史、DocuSign（壹項電子簽名服務）和Ted，通過在開始屏幕上添加口號來加強價值主張。
從點擊圖標到加載內容，有壹個可感知的加載時間。如果在此期間加入適當的動畫，用戶可以提前了解產品狀態。
上圖中的三個app都是用動畫在打開的屏幕頁面和內容頁面之間搭建無縫橋梁。
谷歌、TinyFax和Cinamatic等應用程序使用動畫巧妙地將圖標轉換為內容。
同樣，以上三款app使用的動畫雖然不是很精致，但也能完成從初始頁面到內容的過渡。
壹些應用的動態效果保持簡單，logo只作為高亮顯示，如上圖所示。
福樂雞快餐店在首頁添加了提示動畫，成功引導用戶進入內容頁面。
對於大多數應用來說，采用開屏加骨架屏的形式更有意義，因為輕量級應用通常加載速度非常快，骨架屏可以獲得更流暢的體驗。
這些應用程序在啟動頁面上預加載主頁的內容，Breathe使用與主頁內容相似的顏色骨架。Transit(右)使用地圖的骨架作為啟動頁面，方便用戶加載後直接點擊。
上圖的應用通過預加載和動畫來把握時間，給人壹種“即將到來”的感覺。
與之前的應用相比，Snow、Dribbble和LaunchPro使用的骨架狀態很少。
有些app在啟動時需要加載很多數據，比如視頻和音頻，所以加載時間很長。
對於這類應用，稍微長壹點的動畫更有意義。隨著數據緩存和加載時間的縮短，動畫可以變得越來越短。
上圖中的App使用動畫加載數據，給用戶反饋時間。
Clashem、Tumbleweed和Chefsfeed使用有趣的動畫來加載數據，同時增強品牌體驗。
看了這麽多案例，開機畫面會顯示多久？這應該考慮應用程序的配置和加載數據所需的時間。
定制啟動體驗，以適應不同的使用時間和用戶:
各個階段的用戶應該有不同的啟動體驗；
在選擇合理的啟動頁面之前，考慮應用程序的大小；
用圖像傳達信息，以動畫為導向；
盡可能使用獨特的圖標進行品牌推廣。
希望文章能讓妳有所收獲~
精彩推薦:
1，談卡片設計的應用
2.案例分析:網格系統的布局設計。
3.如何設計壹個黑暗模式？這三個因素都需要考慮。
4.深度分析:服務藍圖的應用邏輯設計。