怎樣用ps做ui設計(ps做ui介面設計教程)
1樓：豬八戒網
步驟：1、新建乙個畫布尺寸為：640*1136，然後儲存，命名如：5s效果圖模板。
2、再新建乙個畫布，命名如：效果圖展現。
2、再新建乙個畫布，命名如：效果圖展現。
尺寸隨意，可以大點，自己看情況吧。
3、將剛才儲存的那個5s效果圖模板。psd拖到這個畫布中。
ctrlt變換到合適的尺寸，傾斜到合適的透視效果。
4、然後雙擊」5s效果圖模板」這個圖層。
這就是智慧型物件的好處。
跳到這個畫面後。
拖入你想要做的介面：
然後儲存：command（ctrl）s，關閉：command（ctrl）w
5、回到這個展示頁面。
注：這兒忽略了一步，把剛才儲存的圖層拖過來。同學們應該都懂吧_-
複製乙個圖層：
按住option（alt）滑鼠左鍵拖**層攜敗扒往下拽，或者command（ctrl）j，選下面的乙個圖層，雙擊圖層進入圖層樣式，選擇斜面和浮雕，設定一下引數：
引數自行調整，其中，陰影角度45°可隨大環境枯梁光線可根據情況自行調整，陰影模式透明度隨意，自己看情況調整。
6、然後，從第二個圖層開始連續複製多個該圖層，每複製的乙個圖層都在上乙個圖層的下方，辯昌每複製乙個圖層都往下移乙個畫素，按住option（alt）滑鼠左鍵拖**層往下拽，可使用鍵盤上的下方向鍵來控制。
然後，在最後乙個圖層上設定乙個投影。
然後，在最後乙個圖層上設定乙個投影，引數自行解決。
最後調整下整體環境。
ps介面設計怎麼做_ps怎麼做頁面設計
2樓：豬八戒網
新建完圖層後我們使用工具欄中的橢圓工具繪製乙個橢圓形。雙擊形狀圖層將形狀的顏色改為黑，透明圖設定為5%。
選擇形狀圖層，ctrlj複製出同樣的乙個形狀。
選擇複製出來的圖層，【ctrlt】將旋轉的角度調整為45°。使用同樣的方式ctrlj進行復製圖層，再ctrlt進行旋轉，重複3次同樣的操作後繪製以下的形狀效果。
將繪製好的圖層全部選中【ctrlg】對圖層進行編組，方便後面的製作。
第2步。新增顏色，加強細節。
在圖層面板中底部找到【新建圖層】按鈕點選，新建乙個空白圖滑衫戚層。
使用工具欄中的【畫筆工具】繪製顏色。在繪製的前可以調整畫筆的大小和顏色，雙擊工具欄中的顏色進行設定前景色和背景色。通過使用【畫筆工具】將顏色繪製成從藍色到桃紅色的漸變效果。
漸變顏色圖層繪製好後，在圖層與編組之間按住【alt】鍵進行圖層與編制之間的巢狀，讓漸變的顏色巢狀到下面的編組上。從而完成以下的效果。
選擇圖層編組，ctrlj複製新的編組。選擇複製的編組ctrlt進行變換，縮放的時候後按住shiftalt鍵拖動邊緣的方塊對圖形進行進等比縮放。將圖形信陵比例調整到合適的大小，讓形狀顯得更有層次和空間。
為了讓顏色巢狀到所有的圖層上，選中形狀的兩個編組【ctrlg】把圖層下面的兩個編組合成為乙個編組。然後在顏色層與編制之間按住【alt】將圖層巢狀到合成的編組上，這時候背景的主要形狀就繪製好了。
背景效果製作完後，使用工具欄中的【文字工具】製作字型，文字顏色設定為白色，大小設定280px。
alt鍵拖動複製字型圖層，改成副標題的文案。在【視窗】中找到【字元】面板調整文字的字間距到合適的間距，將字型大小為42px，文字字間距為60。
文字製作好後，再次豐富一下背景的效果。選擇路徑【橢圓工具】，在繪製的時候按住【shift】繪製乙個正圓。
雙擊繪製好的路徑圖層開啟【圖層樣式】面板選擇【漸變疊加】。
在【漸變疊加】面板中雙擊『「漸變條」調出漸變器調整藍色到紫色的漸變效果。
做好乙個圓形的漸變效果後，選擇圖層【ctrlj】複製乙個新的圖層。然後【ctrlt】對新的圖層進行縮放。
將圓形調整到合適的大小後，再雙擊圖層調整漸變為方向為反響，從而加強兩個圓形之間的塌納層次效果。
但炫酷的效果完成後，我們可以對整體的頁面進行功能佈局。繪製好功能的按鈕及子功能的icon圖示等，從而讓頁面變得更加的豐富和細膩。
ui設計師的工作介面怎麼用ps設定
3樓：老王瞎嗶嗶
操作：選單 → 檔案 → 新建。
寬度：640畫素。
高度：1136畫素(4英吋iphone裝置)
解像度：72畫素/英吋(ppi)
顏色模式：rgb顏色。
背景內容：白色(可選)
畫素長寬比：方形畫素。
配置如下圖：
這個處就是當你使用圖層、形狀等操作時自動對齊網格，畫向量圖不怕模糊邊緣，確保每個畫素保持清晰。
設定：選單 → 檢視 → 對齊。
選單 → 檢視 → 對齊到 → 全部。
字型我一般把字型設定為犀利，如果你是photoshop cc版本，它有乙個windows lcd/mac lcd抗鋸齒功能，文字可以為網頁一樣效果了，所以建議公升級到photoshop cc吧。
操作：首先選定文字 → 字元工具(aa)選擇windows lcd/mac lcd
繼蘋果ios人機介面指南，你應該把燈光設定為90°。
操作：圖層 → 圖層樣式 → 全域性光 → 90°
現在設計ios介面都要相容視網膜(retina),所以我把每個網格設定為2畫素，這樣我就不怕影象在視網膜裝置下變得模糊了。
這裡通過」儲存為web格式…」匯出png-24為例，其中預設設定比較重要，如下圖：
操作：選單 → 檔案 → 儲存為web格式所用格式。
預設：png-24
透明：勾選。
交錯：未勾選。
嵌入顏色配置檔案：未勾選 (photoshop cc版本才有)
轉換為 srgb：未勾選。
質量：兩次立方。
如果你是使用帶retina視網膜的macbook pro，你應該確保你是使用2800×1800畫素(1440×900點)
顏色配置是極為複雜的乙個操作，如果你不是這領域的大神，那麼還是老老實實的用推薦的配置吧，這裡我選擇了marc edwards的顏色配置選項。
4樓：萊茵
現在隨著ui設計介面市場的擴大，實際需求更是日益添增，大量的研發團隊與美術外包占領了業界的主導，而且被目前列入國家發展重點計劃，**也已研擬出設計服務業發展綱領及行動方案、由此看來設計師行業前景不錯。
如何使用ps製作ui
5樓：夢與路同行
1.建立畫布。
新建一張790*400的畫布（不要忘記檔案命名哈~）
2.製作背景。
alt+delete 填充背景色為 #1c46e3，併為其新增漸變疊加圖層樣式 (如下圖所示）
<>3.建立介面底託。
選擇圓角矩形工具，建立 250*90\圓角半徑2畫素 的白色圓角矩形，併為其新增 圖層樣式 (如下圖所示）
<>到此為止的效果如下圖~
4.為底託新增效果。
新建圖層，選擇橢圓選區工具畫乙個如下圖的選區，並進行羽化(50px) ,alt+delete填充黑色 (如下圖所示）
<>將繪製好的「黑色羽化圖形」 ctrl+t 變得扁一些 (如下圖所示）
為該圖層新增蒙版結合畫筆和選區工具製作 (如下圖所示）
調整為柔光模式 (如下圖所示）
5.製作彩色loading條。
矩形工具繪製288*2的矩形，併為其新增 漸變疊加圖層樣式 ，在其下繪製1px黑色直線 (如下圖所示）
<>6.現在給整個介面增加細節。
這一步主要是通過直線工具和選取工具對介面進行細化 (如下圖所示）
可以按照上述方法繪製其餘的細節（效果如下圖）
7.為介面新增文字，並將loading修改到36%狀態。
加入文案，為其新增1px修飾效果，將彩色loading新增圖層蒙版，做成36%狀態 (如下圖所示）
8.為loading新增載入時的預期動畫效果。
這裡主要是靈活運用選區工具，畫筆工具，鉛筆工具（鉛筆工具作用於繪製1px點）進行仿光效繪製 (如下圖所示）
9.放上自己心愛的小icon，做適當修飾~
因為整個介面風格是簡約風，所以在選擇icon的時候也要選用風格相對一致的喲~ (如下圖所示）
10.最後為icon和文字新增光效修飾，再加入屬於你自己的印記，大功告成~
光效運用了這裡的素材。
如下圖所示）止了互聯：
6樓：帶你過考試
首先你得會用ps, 看書就可以了。或者去網上學習。國外的**很多都不錯的，比如tuts
ui介面方面：
**：站酷 、ui中國、優秀網頁設計、花瓣、dribbble（各種大神在上面會po自己作品）pinterest
ui設計師的工作介面怎麼用ps設定
7樓：豬八戒網
ppt自定義標籤中紅色設定步驟如下：
1、開啟ppt文件。
2、點選「檢視」功能。
3、選擇其中的型手「幻燈片母版」功能。
4、在模板幻燈片中選擇第一張。
5、點選「參考線」功能。
6、滑鼠選擇參考線，點選滑鼠右中虧鍵，選擇「紅色賣租神」。
7、ppt自定義標籤就變成紅色了。
基於ui設計的ps要怎麼學
8樓：豬八戒網
ui設計是指對軟體的人機互動、操作遊禪邏輯、介面美觀罩答的整體設計。好的ui設計不僅是讓軟體變得有個性有品位，還要讓軟體的操作變得舒適簡單、自由，充分體現軟體的定位物磨慧和特點。
而ps是設計師必用軟體，不管你是網際網絡、建築、家裝還是服裝設計，同樣也會用到很多，比如ai、ae、axure、fireworks、coreldraw、flash、藍湖。
ui設計篇最基礎教程菜鳥應該怎樣學ui設計
給小白同學一些學習建議，一般學習ui設計可以分為以下4個階段。第一階段 素描手繪 也就是素描手繪這塊，這個對於後期的ui設計有一個幫助。但並不是最重要的。第二階段 軟體學習 現在的ui設計師一般要掌握以下幾個軟體，比如ps ai ae axure 等等。第三階段 理論學習 這個有內容就有點多了，因為...
怎樣用ps做地磚的效果圖，怎樣用PS做地磚的效果圖
1 新建乙個圖層，來製作瓷磚的大致輪廓，用畫筆畫出如圖的兩條線。2 設定好後，選擇編輯 定義圖案 輸入瓷磚，點選確定。3 開啟 素材，然後新建乙個圖層，設定拾色器，選擇乙個灰色，然後進行填充，調整圖層順序。5 選擇圖層 圖層蒙版 應用，並為該圖層新增乙個蒙版，選擇鞋面和浮雕效果，然後調整相應引數。6...
用PS怎麼做漸變的圓點背景,怎樣用ps做乙個漸變的圓形效果呢？
先畫1個圓點做成圖案，用路徑工具先選好1個帶狀閉合路徑，然後填充圖案。這個叫波爾卡點 圖層先漸變填充，然後用濾鏡裡的畫素化裡的彩色半調，選擇形狀和大小就行了 怎樣用ps做乙個漸變的圓形效果呢？1 開啟photoshop軟體，新建乙個文件。2 把前景色設定成想要的顏色。3 把畫布填充成前景色，快捷鍵a...