ui界面展示樣機-tft每日頭條

ui界面展示樣機

科技更新时间:2024-08-06 12:08:57

制作步驟：

1.下載手機樣機的PS素材，打開界面

這裡以華為方形屏幕的手機，作為樣機素材。

選擇方形屏幕，是因為比劉海屏幕，更好操作。比如：導出UI設計圖的時候，不需要預留劉海位置。

ui界面展示樣機（教程UI設計作品）1

ui界面展示樣機（教程UI設計作品）2

2.導入UI設計圖，到PS相應的屏幕圖層的上一層

屏幕圖層的查找，可以用選擇工具，在畫布手機殼屏幕區域點擊，然後就可以看到已經選中了屏幕所在的圖層，接着再導入UI設計圖，就剛剛好在這個圖層上面。

如果沒有找到屏幕圖層，那麼也可以自己畫一個方形的屏幕圖層。

屏幕圖層的作用，下一步，作為容器，裝入UI設計圖。

這裡以人民日報的公衆号截圖，作為舉例用的UI設計圖。

ui界面展示樣機（教程UI設計作品）3

ui界面展示樣機（教程UI設計作品）4

3.制作容器（蒙版）

按住鍵盤Alt鍵，點擊兩個圖層中間的位置，就可以出現裝入容器的效果。

ui界面展示樣機（教程UI設計作品）5

裝入容器之後的效果

ui界面展示樣機（教程UI設計作品）6

ui界面展示樣機（教程UI設計作品）7

4.把UI設計圖縮放到屏幕大小

按住ctrl T（win電腦）或者command T（Mac電腦），選擇圖片，開始變形

把UI設計圖的左上角，移動到屏幕方形的左上角，重疊位置。

ui界面展示樣機（教程UI設計作品）8

ui界面展示樣機（教程UI設計作品）9

重疊之後，把中間的基準點，移動到UI設計圖的左上角。

ui界面展示樣機（教程UI設計作品）10

ui界面展示樣機（教程UI設計作品）11

縮放的基準點，可以看到，已經轉到了左上角。

接着開始縮放圖片，就是以左上角對齊為基準，進行縮放圖片。

ui界面展示樣機（教程UI設計作品）12

ui界面展示樣機（教程UI設計作品）13

點擊100%，修改縮放數值，或者按方向鍵，可以加Shift縮放，直到UI設計圖大小，重疊到屏幕方形區域為止。

ui界面展示樣機（教程UI設計作品）14

ui界面展示樣機（教程UI設計作品）15

5.UI設計圖手機樣機效果，制作已完成。

ui界面展示樣機（教程UI設計作品）16

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

科技蘋果電腦不能退出系統偏好設置怎麼辦
蘋果電腦不能退出系統偏好設置怎麼辦?首先打開finder，然後點擊上面欄裡面的（前往），然後出來一個列表，點擊（個人）與（airdrop）中間的（電腦）此時會出現網絡與兩個硬盤，點擊你的蘋果盤，樓主的是MacintoshHD點擊後看到多個文... 2022-07-05
科技手機電池嚴重虧電怎麼恢複電量
随着手機的使用時間變長，電池會越來越不耐用。明明之前10%的電量還能撐上一會，而現在展示10%的電量卻突然關機，難道這就是被迫換手機的節奏嗎？這是因為手機電池加劇退化嗎，其實并不然，而是電池中存在大量虛電。應該很多朋友都不知道，我們的手機自... 2022-12-16
科技 opporeno2還值得入手嗎
OPPOReno2Z上市已經有幾天時間了，不過有不少用戶都持币觀望。這些用戶反複比對各種評測内容，希望以此來更客觀全面的認識這款手機。在這裡，我們選取多家科技媒體的評語，來解讀一下OPPOReno2Z這款新品吧。手機之家：精準“刀法”下的差... 2023-01-20
科技 iphone為什麼還不能用電信vol...
北京時間3月26日淩晨，蘋果召開了春節新品發布會，但是大家期待已久的iPhoneSE2并未如約而至，蘋果推出News、TV及遊戲訂閱服務等4項服務，但在iOS12.2系統更新中，為國内用戶推出了一個新特性——蘋果手機支持電信的VoLTE通話... 2022-12-01
科技捷豹xel和xfl外觀有什麼區别
随着時代的變遷，在汽車行業，有的車企蒸蒸日上，有的車企則日落西山，而捷豹早期在國内的地位及豪華程度，也是不輸于BBA的，當然，看如今，捷豹也隻能定位于二線豪華品牌，今天說的捷豹XEL和XFL，則是捷豹旗下最具性價比的兩台轎車，一台定位B級，... 2022-11-28
科技朋友圈小可以保存嗎
朋友圈小可以保存嗎?用了這麼久微信，你知道如何保存朋友圈小視頻嗎？今天我就教大家如何保存聊天記錄和朋友圈裡的一些珍貴小視頻，不會的朋友快來看看，今天小編就來說說關于朋友圈小可以保存嗎?下面更多詳細答案一起來看看吧!朋友圈小可以保存嗎用了這麼... 2022-10-19
科技如何用ai做ui界面設計
真心覺得學設計不容易，PS、Ai、CDR、Sketch、Axure、AE等軟件都要掌握，學會快捷鍵能讓你在工作中小幅提高效率。今天小U整理了《CDR快捷鍵大全》，幫你逐漸熟練掌握CDR！顯示快捷鍵【F9】全屏預覽【CtrlW】刷新【Shif... 2022-12-26
科技筆記本需要設置微軟賬戶嗎
---關注IT小技術，每天Get一個小技能。一、前言描述客戶剛買了一台DELL筆記本電腦，需要做電腦的初始化配置，在初始化配置系統時，裡面有一個配置系統用戶設置，有很多人，在設置時候，不知道該如何去設置此系統用戶。有的人直接就設置了微軟賬戶... 2023-01-23
科技帶你深入了解網上兼職
在如今這個高消費的社會上，月光族比比皆是，很多在校的大學生，或是剛踏入社會工作的青年人，幾乎都會面臨着錢不夠花的尴尬處境，這個時候就會有很多人想到可以利用閑暇的時間做兼職。最常見的兼職就是發傳單、送外賣，當然也有去工地搬磚的狠人，還有拾起耐... 2022-11-23
科技自媒體剪輯的網站
大家好，我是白城實用軟件app、網站、電影，還有不定期的好東西分享，老白啥都有01軟件推介水印精靈水印精靈是一個功能全面的視頻編輯處理軟件，這個是免會員版。可以一鍵快速去除視頻上的水印，除此之外還支持快速下載網頁視頻、一鍵視頻換封面、視頻提... 2022-11-12
科技 cpu百分之百的原因
cpu百分之百的原因?防殺毒軟件造成故障：由于新版的KV、金山、瑞星都加入了對網頁、插件、郵件的随機監控，無疑增大了系統負擔，我來為大家科普一下關于cpu百分之百的原因?以下内容希望對你有幫助!cpu百分之百的原因防殺毒軟件造成故障：由于新... 2022-06-01
科技顯卡需要開啟GPU縮放嗎
顯卡需要開啟GPU縮放嗎?視情況而定具體解釋如下：GPU縮放是縮放畫面到原始分辨率，很多老遊戲原始分辨率很低，如果不開啟GPU縮放會自動拉伸到全屏這樣畫面會模糊不堪，GPU縮放并沒有額外增加顯卡的負擔，隻是靠一些參數實現的，所以玩遊戲需要開... 2022-07-13
科技一加手機新技術
二月第一天，一加手機發微博“官宣”和原神建立三年深度戰略合作，并且投入億元建立優化實驗室，将針對原神的大版本進行持續優化，也就是“專門給原神做個定制手機還帶優化售後”。這消息一出，移動設備圈可謂是熱鬧了，紛紛對一加和原神的深度合作投來了關注... 2023-03-12
科技惠普dv3的硬盤接口
惠普dv3的硬盤接口?各位大俠好，本人2007年下半年買的惠普DV3筆記本無法進入系統，後進入BIOS，發現識别不到硬盤後将此機器打開，發現是西部數據的320GSATA硬盤将此盤放到另一台筆記本上，同樣BIOS無法識别有此硬件請教各位，這種... 2022-11-30
科技單反相機參數怎麼設置最佳
如果你是攝影DIY派，不喜歡P檔、微距、人像、運動模式，那麼下面的單反參數設置小技巧你不能錯過！單反實戰之參數設置拍花鳥蟲等靜止小東西：Av檔，光圈最好是f5.6或更大，焦距在50mm以上，盡量在1米内拍攝，這樣背景就虛化啦！拍人：使用f5... 2022-12-30
科技父親去世的手機号碼怎麼過戶
如果是單純使用微信作為收款工具的話，那麼重新注冊一個微信，将新的收款碼發給客戶，不就一樣可以實現收付款功能了嗎？但馮女士卻說：不行！因為自己所有的客戶都在這個微信号上。換句話說，馮女士并不是擺放出來一個收款碼，讓别人掃碼付款。她所有的生意來... 2022-12-25
科技 macword如何做目錄
1.問題輸出新建Word文檔想必不是所有人都能輕松來完成的，我們剛入手Mac電腦的小夥伴，肯定會發現Mac電腦不能右鍵新建文件，那麼就不能夠進行快速的安裝Word了，該怎麼辦呢?不用慌張，這邊給大家分享一個最近發現的很不錯的一個Mac應用，... 2022-11-12
科技路由器插好網線但是不能上網
路由器插好網線但是不能上網?社會發展日新月異，現如今手機的普及可以說是相當快速，但是流量的消耗也領不少人頭痛不已，不得已，很多人都會自己購買路由器進行安裝，可是，雖然看似簡單，不少人卻表示連接上之後根本沒有網絡，自己不管怎麼設置都不可以，這... 2022-10-07
科技如何買二手電腦不上當
你準備購買新電腦嗎？那你一定要學會自己判斷電腦是不是二手電腦或者翻新機了。我們當中很多人的電腦是在網上購買的，一方面各大電商平台上的産品型号衆多，提供了豐富的選擇，另一方面價格也相對較便宜些。但是呢，也有很多人擔心被坑，自己買到二手電腦還被... 2022-12-20
科技騰訊視頻怎麼下載到本地電腦
騰訊視頻怎麼下載到本地電腦?首先打開“騰訊視頻”的最始頁面，在上方視頻對應的框中，可以搜索您想看的電視，還可以按照左側的分類來看，下面我們就來說一說關于騰訊視頻怎麼下載到本地電腦?我們一起去了解并探讨一下這個問題吧!騰訊視頻怎麼下載到本地電... 2022-06-23
科技 h110主闆和什麼型号通用
【PConline雜談】過年前，獸王從擴展性能、價格兩方面對這一代的B150主闆進行過分析，得益于擠得一手好牙膏的Intel大法，發現B150組平台不比B85平台劃算~兩個月過去了，B150和i5-6600竟然還漲價了，i7-6700雖然降... 2022-11-10
科技服務器是什麼
一.服務器是什麼?服務器是計算機的一種，它比普通計算機運行快、負或事高，價格。服務器網絡中為其客戶機(如PC機、智能手機、ATM等經端甚至是火車系統等大型設備)提供計算或者應用服務。服務器具有高速的CPU運算能力長時間的可靠運行、強大的1/... 2022-11-15
科技鄭州網站制作方案定制
企業在建設自己的網站的時候，會有很多的環節需要操作，包括域名、空間、網站設計、程序開發、後期維護等等環節。每個環節裡面的學問都是很深的，今天鄭州網站制作小編主要和大家談談網站設計環節在建站中的重要性。1，網站設計是什麼。一個企業網站的設計，... 2022-11-26
科技 ipad12.9寸第一代配置
蘋果iPad産品經理TedMerendino今天在發布會上介紹了第8代iPad。從外觀設計上來看，它似乎變化不大，但内部芯片已經升級到了A12BionicCPU性能提速40%，GPU性能更是達到了2倍。而且支持ApplePencil手寫筆。... 2022-11-23
科技電商店鋪增長策略
關鍵詞：電商運營、網上商店、營銷數據精心策劃的營銷策略永遠不會在假設上起作用。它總是以數據為後盾——具體數據。營銷界沒有什麼是真正停滞不前的——無論是技術、趨勢，甚至是你的消費者。您知道自己走上正軌并跟上進度的唯一方法是收集市場洞察力，并最... 2022-11-02
科技 wifi網絡受限制怎麼解決
wifi網絡受限制怎麼解決?WiFi提示網絡受限怎麼辦？最近有用戶反映，電腦在連接WiFi後，會提示網絡受限的問題，這是怎麼回事呢？WiFi網絡受限無法上網該如何解決？請看下文具體介紹，我來為大家科普一下關于wifi網絡受限制怎麼解決?以下... 2022-10-07
科技電腦磁盤清理
電腦磁盤清理?在開始菜單中打開“所有程序->附件->系統工具”,然後啟動“磁盤清理”工具，今天小編就來說說關于電腦磁盤清理?下面更多詳細答案一起來看看吧!電腦磁盤清理在開始菜單中打開“所有程序->附件->系統工具”,然後啟動“磁盤清理”工具... 2022-06-06
科技為什麼蘋果充電斷電了就不充電了
3通過前面兩個篇幅，簡單介紹了蘋果6手機的充電工作原理，我想大家對充電的整個思路有了簡單的了解，對于理論知識的學習，隻要搞透一個機型的工作原理，其它機型大同小異。不論是關機充電，還是開機充電，都需要運行我們前面講的充電工作流程。既然關機可以... 2022-12-04
科技酷家樂企業版如何切換4.05.0
衆所周知，酷家樂軟件是個家裝軟件，分為企業版和個人版兩個版本，那麼，這兩個版本到底有哪些不同呢？今天，我們就一起來看一下。 1、渲染優勢相對于個人版而言，企業版渲染方面的優勢較為明顯，擁有專屬渲染通道，同時還不會受到時間地點和數量... 2023-01-03
科技零首付買手機是真的嗎
零首付買手機是真的嗎?“零首付用新機”“一口價黃金不告知克重”“美容院免費體驗”，我來為大家科普一下關于零首付買手機是真的嗎?以下内容希望對你有幫助!零首付買手機是真的嗎“零首付用新機”“一口價黃金不告知克重”“美容院免費體驗”商家誘導消費... 2023-02-12

tft每日頭條

> 科技

> ui界面展示樣機

ui界面展示樣機

相关科技资讯推荐

热门科技资讯推荐

网友关注