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

ui界面展示樣機

科技更新时间:2025-01-08 09:55:43

制作步驟：

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每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

科技電腦機箱風扇怎麼裝
電腦機箱風扇怎麼裝?在安裝機箱散熱風扇前，要先取下機箱的前面闆和上面闆，現在小編就來說說關于電腦機箱風扇怎麼裝?下面内容希望能幫助到你，我們來一起看看吧!電腦機箱風扇怎麼裝在安裝機箱散熱風扇前，要先取下機箱的前面闆和上面闆。正确區分散熱風扇... 2022-08-17
科技編程的三大本質
編程的三大本質?1.增加孩子抽象思考能力其實學寫編程，就像學第二外國語一樣如果說學外文是為了跟外國人溝通，學寫編程就是學怎麼跟電腦溝通有趣的是，你碰到老外不會說英文還可以比手畫腳，這表示孩子在學的過程中，更需要一種把抽象化為具體的能力，好讓... 2022-11-16
科技側吸油煙機安裝高度
側吸油煙機安裝高度?準确地說應以竈具的最高點到煙機的最低點為準，一般中式/深型煙機的推薦高度為650～700mm，歐式/塔型為650～750mm，側吸型為350～450mm如果想更準确一點，可以看煙機的說明書，其中都有詳細的介紹，有些煙機的... 2022-06-06
科技王者榮耀蘋果賬号怎麼換到安卓
因為還有很多小夥伴還不知道王者榮耀怎麼轉系統，有些小夥伴可能買了新手機，新買的蘋果，想從安卓轉到ios系統，或者新買的安卓手機想ios系統轉安卓系統，小編這就為你介紹如何賬号轉移：王者榮耀轉移系統是需要下載【王者營地】的，下載好後打開登錄帳... 2022-11-13
科技現代戰艦俄羅斯領袖級驅逐艦
《軍武次衛面》作者：機甲888▲俄羅斯目前正在研制的新一代22350M導彈驅逐艦的模型圖（圖片來源于：網絡）如今的俄羅斯海軍雖然繼承了前蘇聯海軍遺留下的大部分軍備，但由于經費比較緊張的原因，它的大部分水面作戰艦艇也都很久沒有得到更新，因此，... 2022-10-23
科技 4k修複電影教程
4k修複電影教程?前段時間收拾屋子的時候找到了大學時的電腦硬盤，它被遺落在書架角落裡已有14年，心懷忐忑地接上硬盤盒，再小心翼翼成功打開的瞬間，我隻想高喊一句“爺青回”在硬盤裡不僅找到了很多當年的學習資料，也翻到了很多用DV和諾基亞手機拍攝... 2022-10-08
科技怎麼清理電腦上的彈出窗口
昨天在公司會議上在讨論一個項目，一個同事電腦投屏在大屏幕上，突然右下角彈出一個窗口，一個在運動的不健康的窗口（我就不上圖了，大家可以想象一下），别提當時有多尴尬了，會議室男的相視一笑。關掉吧，又找不到關閉的提示，萬一再放大了，就更不好了，再... 2022-12-09
科技手機膜防藍光有用嗎
科普【給手機貼上防藍光膜，有用嗎？】很多人的手機上都會貼個膜，以防刮花。還有一些人，聽了天橋上貼膜人的話，貼了“防藍光”超薄高清手機膜。中山大學中山眼科中心視光盧金華醫師認為，很可能是商家的營銷噱頭，目前國家并沒有出台相關産品标準。“如果真... 2022-10-27
科技怎麼提取中的表情包
怎麼提取中的表情包?據天眼查APP顯示，6月18日，北京奇藝世紀科技有限公司公開“一種從視頻中提取表情包的方法、裝置及電子設備“專利，公開号為CN110321845B，申請日期為2019年7月，接下來我們就來聊聊關于怎麼提取中的表情包?以下... 2022-10-10
科技筆記本電腦散熱底座接口
對于經常出差的辦公一族而言，一直面對筆記本電腦工作，長時間的久坐總是會感覺肩膀酸痛，頸椎疲勞。從而導緻工作效率大大降低。這主要是因為筆記本電腦的放置角度，在使用的過程中，身體脊椎長時間處于彎腰的狀态導緻的。一款能夠調節的筆記本電腦支架扇熱器... 2022-11-14
科技微信長怎麼直接在朋友圈顯示
相信很多小夥伴都知道，微信朋友圈視頻，最開始的時長限制是10秒。而在不久之前，騰訊将這個時間，延長到了15秒。大家進入朋友圈，不管是點擊拍攝，還是從手機相冊選擇，都可以直接發15秒視頻。不過，對于很多用戶而言，15秒的時長還是有點短。如今的... 2022-11-13
科技華為手機鎖屏壁紙大全高清版
, 2022-11-09
科技都市女主播大全
點擊藍字關注我們茫茫網絡，一聲問候你認為的緣分牽線其實是預謀的詐騙短短幾天便騙走你上萬元錢女主播的“天價”手機号近日，安徽省馬鞍山市公安局楚江分局成功摧毀1個利用網絡直播平台實施電信網絡詐騙的犯罪團夥，抓獲犯罪嫌疑人40餘名，繳獲作案手機1... 2022-12-28
科技絕地求生固态硬盤推薦
絕地求生固态硬盤推薦?希捷酷玩固态510系列：這款NVMe固态硬盤擁有最大2T的容量，足夠玩家和選手們存儲各種遊戲配合着比SATA硬盤快6倍的強大性能，用戶可體驗更高的遊戲運行流暢度和操作的流暢度，更有利于實力趨近的選手們從畫質清晰真實、畫... 2022-06-06
科技 cad文件出現亂碼和問号
AotoCAD打開文件常會遇到字體亂碼的問題，有人說拷貝自己就可以了，其實這樣也不一定能保證打開都會顯示字體，國标規定字體通常是仿宋或者宋體，所以，一個小操作就可以實現了打開無法顯示字體的CAD文件點開格式-文字樣式你會發現加載文件是“仿宋... 2022-12-09
科技 wps 常用快捷鍵
WPSOffice是一款國産的辦公軟件套裝，有WPS文字、WPS表格和WPS演示三個闆塊，可以實現辦公軟件最常見的文字、表格、演示等多種功能，支持閱讀和輸出PDF文件，全面兼容MicrosoftOffice97-2019格式。想要熟練地使用... 2022-10-31
科技手工制作相框大全
我是美麻：手工讓生活更美好！每個寶媽的手機裡，應該都有大量的寶寶生活照片，如果把這些手機照片全部洗出來的話，那你應該需要很多的小相框吧？這些相框的成本遠遠大于照片本身，很多寶媽是舍不得買這麼多相框的。所以，今天美麻就教大家用廢棄的紙箱自制手... 2022-11-15
科技筆記本電腦的音響怎麼安裝
步驟1：在計算機搜索欄中搜索[此計算機]，或在桌面上找到[此計算機]，然後右鍵單擊[屬性]。步驟2：在屬性頁上單擊[設備管理器]以進入設備管理器的設置界面并在其中更新驅動程序。步驟3：選擇您的計算機名稱（第一個），或單擊上方的[Operat... 2022-10-30
科技外牆grc線條問題
我們的工程是18層安置房，因為老闆之前接的工地都是中高層沒有外立面這麼複雜的線條，所以都是按照圖紙施工的。但是材料進場了發現這麼重的線條安在50米高空，時間長了會有掉落導緻小區業主的不安全。現因線條整改加固、專家論證都做個，但是安全性還是不... 2023-02-21
科技學習編程有什麼用
學習編程有什麼用?輔助工作當前正處在大數據時代背景下，對于職場人來說，掌握一定的數據分析技術将是未來一個發展趨勢，而無論是采用統計學的數據分析方式還是機器學習的數據分析方式，編程都是重要的工具目前在金融領域内，通過編程（Python語言）來... 2022-06-09
科技 htc手機哪年停産
提到HTC手機，大家腦海裡浮現的是什麼關鍵字？如果是我，最先想到的是“機皇”這個稱号。在安卓手機早期的時候，HTC手機配置與設計，都是安卓陣營中絕對的機皇般存在。在這裡給大家科普一個小知識，世界上第一部安卓手機，正是HTCG1。曾經業界稱H... 2022-11-17
科技 bj40體型多大
一直以來，人們對于車輛舒适空間的追求都是永不停歇的，特别是二胎政策放開以後，中國消費者對于大空間、更舒适的車型更加青睐，一方面，“舒适空間”不僅承載了人們用車生活的實用性和便捷感,另一方面，中國消費者對于用“大空間”來滿足全家人出行的需求更... 2023-01-21
科技蘋果手機通訊錄怎麼導入華為手機
蘋果手機通訊錄怎麼導入華為手機?首先在蘋果手機以及華為手機上安裝同步助手app，然後打開蘋果手機的同步助手并且點擊“賬号與設置”用QQ号進行登錄，我來為大家科普一下關于蘋果手機通訊錄怎麼導入華為手機?下面希望有你要的答案，我們一起來看看吧!... 2022-06-02
科技高通骁龍8 gen1最高主頻多少
IT之家12月7日消息，在2021骁龍技術峰會期間，高通正式發布了全新一代骁龍8移動平台，即将搭載于各大廠商的旗艦手機中。IT之家近日已經對這款萬衆期待的骁龍8Gen1旗艦芯片進行了實際跑分測試，采用的是高通搭載骁龍8移動平台參考設計的手機... 2023-01-05
科技華為手機開啟了數據流量卻不能上網怎麼...
華為手機開啟了數據流量卻不能上網怎麼辦?華為手機開啟了數據流量卻不能上網，首先檢查是否連着其它無線網絡（WIFI），如果手機當前連着無線網（wifi）的情況下，是不能使用數據流量上網的，建議把wifi關閉，我來為大家科普一下關于華為手機開啟... 2022-06-28
科技 bvr電線和bvv電線有什麼區别
BVR電線是什麼意思?BVR是銅芯聚氯乙烯絕緣軟線;下面科訊線纜為大家詳細解讀BVR電線電纜規格型号，希望對大家有幫助!BVR電線是一種配電櫃專用軟電線，也叫二次線。采用銅芯聚氯乙烯的絕緣軟電線,其應用于固定布線時要求柔軟的場合。深受廣大電... 2022-11-18
科技哪種選機方案最好
大家好，今天和大家聊聊是選擇準系統還是品牌整機呢。準系統是一個主機系統，可以看作是一台半成品電腦，一般要自己選擇CPU、内存和硬盤。用戶可以根據自己的需要配置CPU、内存、硬盤才是一台完整的電腦。準系統既有台式機又有筆記本。差不多可以這樣的... 2022-11-27
科技電腦啟動要按f1才能進入系統
據說開機進不了系統需要按F1才能進系統，常常是因為電腦電池沒有電導緻，主闆上紐扣電池沒到導緻BIOS系統不能正常運行，今天遇到一個客戶電腦出現了這個問題，電腦比較老了，是一個戴爾的筆記本電腦i5一代處理器，出現了開機進不了系統。需要按F1才... 2022-11-08
科技最新款良心手機
作為一個數碼博主，我比較喜歡折騰手機，2020到2022年的旗艦機型基本都買了，當然其他手機也用過一些~今天就給大家盤一盤目前國産手機中，有哪些“天花闆機型”，不同側重強者都有！信号最好——華為Mate40Pro華為Mate40Pro發布距... 2023-02-01
科技宏基筆記本5560g
最近，很多人都開始關注酷睿12P系列處理器，雖然其比H45處理器晚了幾個月，但由于适合使用在輕薄本上，因此更受關注。而除了有采用i5-1240P處理器的筆記本之外，目前i7-1260P處理器的筆記本也開始上市，比如宏碁的非凡S3超輕薄本，僅... 2022-10-25

tft每日頭條

> 科技

> ui界面展示樣機

ui界面展示樣機

相关科技资讯推荐

热门科技资讯推荐

网友关注