❶ ps如何將圖片做出拼圖效果
PS教程:製作逼真有趣的拼圖效果,回味童年快樂
每個人的心裡都住著一個小孩,一次回眸,幾分懷念,當初拼圖的美好時光,也許就是童心未泯的烙印。本期課程,我們將學習將圖片轉成拼圖效果,回味回味我們兒時的快樂 ,有興趣的朋友可以跟著教程,一起來製作。
工具/材料:
電腦、Photoshopcc 2019、素材圖片一張
方法/步驟:
製作這種拼圖效果我們分兩步來完成:
第一步:先製作拼圖的形狀
第二步:完成拼圖的合成
製作拼圖圖案的形狀
1、如下圖所示,新建一個文件,300像素*300像素,解析度72像素/英寸,點擊"創建"。
2、 按住Alt鍵,向前滾動滑鼠滑輪,適當地擴大畫布。
新建一個圖層,Ctrl+R調出標尺,用移動工具由上方標尺處,向畫布中心拉出一條橫向參考線,然後由左方標尺處,向畫布中心拉出豎直方向的參考線。
點擊"矩形選框工具",屬性欄中設置相關參數,「樣式」選擇"固定大小",寬度150像素,高度150像素,如下圖所示,在畫布的左上角我們單擊滑鼠左鍵,這樣,我們就繪制出了一個150像素*150像素的選區。
3、 Alt+delete填充前景色黑色,Ctrl+D取消選區。
點擊"橢圓選框工具",在屬性欄中,我們設置「樣式」為「固定大小」,寬度60個像素,高度60個像素。
如下圖所示,在黑色正方形的右側單擊,繪制出一個圓形的選區,利用方向鍵,我們調整選區的位置,使它剛好在黑色正方形左側的中心處,讓圓形選區的一半在黑色正方形內,Alt+delete填充前景色黑色,Ctrl+D取消選區。
4、然後,在黑色正方形的下方,再次單擊滑鼠左鍵,繪制一個圓形選區。同樣的,使用方向鍵,我們調整圓形選區的位置,使圓形選區一半在黑色正方形內,一半在黑色正方形外,按 delete刪除,Ctrl+D取消選區。
5、 同樣的,在正方形的左側位置,我們再次單擊滑鼠左鍵,繪制一個圓形選區,利用方向鍵調整好位置,按delete刪除,Ctrl+D取消選區,操作後效果如下。
Ctrl+J復制圖層1,點擊"編輯-變換-旋轉180度",使用移動工具,我們將旋轉後的圖形移至畫布右下角,如下圖所示。
6、隱藏「背景」圖層,點擊"編輯-定義圖案",我們將這個圖案命名為"拼圖",點擊確定。至此,用於拼圖的圖案完成,至此,我們的任務也就完成了一大半,好,下面我們就來完成拼圖效果。
完成拼圖的合成
1、如下圖所示,先隱去"效果"圖層,選中"背景"圖層,Ctrl+J復制背景,新建一個圖層。
點擊"編輯-填充",如下圖所示,在打開的"填充"對話框中,填充"內容"選擇"圖案",在打開自定圖案的下拉列表,找到我們剛才儲存的"拼圖"圖案,點擊確定。
2、 好,至此,拼圖的形狀出來了,如下圖所示,但是它並沒有與圖片相融合,下面我們就來做些調整。
雙擊圖層1,打開"圖層樣式"面板,如下圖所示,勾選"斜面和浮雕":樣式,選擇"枕狀浮雕";方法"平滑";"深度"給到200%;「方向」上;"大小"15個像素;"軟化"1個像素;光源角度120度;光源高度30度;高光模式:濾色,顏色:白色,不透明度75%;陰影模式:正片疊底,顏色:黑色,不透明度75%(這里所有的參數都不是固定的,每一張圖片的情況都不同,大家可以根據需要,根據每張圖片的具體情況,具體調整,教程這里只是給大家提供一個思路),點擊確定。
3、再次觀察圖像,加了「斜面和浮雕」後,拼圖的感覺是有了,但依然沒有與原圖很好地融合在一起,黑色的拼圖部分仍然是黑色的,這就需要我們調整混合模式,既然是要去黑,當然,我們就可以選擇"濾色、顏色減淡、線性減淡"等去黑的混合模式都可以,哪一個效果好,我們就選擇哪一個,可以多嘗試幾組,本案例選擇"線性減淡"。
至此,大告功成!效果如下所示,拼圖的效果我們就完成了!是不是很逼真呢?
本期教學視頻鏈接:PS教程:學習製作逼真的拼圖效果,學會了自已做拼圖#學浪計劃#
讓我們共同成長,成為更優秀的自己!
❷ ps貼圖教程_ps怎麼製作貼圖效果
怎麼利用PS製作貼圖效果呢?所謂“貼圖”,就是將一個平面圖片與一個立體圖形進行整合,使用平面圖片顏色來填充立體圖形,以達到逼真的3D效果。下面由我為大家整理的ps貼圖教程,希望大家喜歡!
ps貼圖教程
1、首先利用PS打開一張平面圖片和一張立體圖形,此時的效果如圖所示:通常我們將平面圖片貼到立體圖形的表面。
2、接下來適當將平面圖片進行處理,根據實際需要,可能需要對平面圖片進行去背景等操作。按“Ctrl+A”全選圖片,點擊“編輯”-“拷貝”項復制平面圖片。
3、接下來回到“立體形狀”界面,打開“圖層”面板,將“背景”層拖到“新建圖層”按鈕上以創建“圖層0”。
4、接著點擊“濾鏡”-“消失點”項,以打開“消失點”編輯界面,對貼圖進行相關設置。
5、待打開“消失點”編輯界面後,利用滑鼠點擊透視平台或對像的四個角以創建編輯平面,同時利用“選擇移動”工具調整四個角的位置。
6、待調整合適後,點擊“編輯”按鈕,利用滑鼠拖動平面的一側以形成垂直平面,如圖所示,同時利用“選擇移動”工具進行節點的調整。
7、待編輯平面調整完成後,直接按“Ctrl+V”以粘貼之前所復制的平面圖片,此時效果如圖所示:
8、當利用滑鼠移動此平面圖片時,貼圖效果就出現啦,通過移動將貼圖調整到適合的大小和位置即可。
9、最後點擊“確定”按鈕即可返回PS主界面,在此可以進行其它相關修飾操作。待所有操作完成後,點擊“文件”-“存儲為Web所有格式”項,即可將貼圖輸出保存。
猜你喜歡:
1. 手把手教你用PS製作炫酷的UI界面
2. 怎樣製作漂亮透光圖片效果的PS技巧
3. ps濾鏡怎麼給圖片添加效果
4. ps海報特效教程
5. 如何使用photoshop製作藝術圖片
6. 如何使用PS做出水墨畫效果
❸ 怎樣用ps 做ui設計
步驟:
1、新建一個畫布尺寸為:640*1136,然後保存,命名如:5S效果圖模板
2、再新建一個畫布,命名如:效果圖展現
2、再新建一個畫布,命名如:效果圖展現
尺寸隨意,可以大點,自己看情況吧。
3、將剛才保存的那個5S效果圖模板.PSd拖到這個畫布中。
Ctrl+T變換到合適的尺寸,傾斜到合適的透視效果。
4、然後雙擊」5S效果圖模板」這個圖層。
這就是智能對象的好處。
跳到這個畫面後
拖入你想要做的界面:
然後保存:Command(Ctrl)+ S,關閉:Command(Ctrl)+ W
5、回到這個展示頁面
註:這兒忽略了一步,把剛才保存的圖層拖過來。同學們應該都懂吧 – -
復制一個圖層:
按住Option(Alt)+ 滑鼠左鍵拖動圖層往下拽,或者Command(Ctrl)+J,選下面的一個圖層,雙擊圖層進入圖層樣式,選擇斜面和浮雕,設置一下參數:
參數自行調整,其中,陰影角度45°可隨大環境光線可根據情況自行調整,陰影模式透明度隨意,自己看情況調整。
6、然後,從第二個圖層開始連續復制多個該圖層,每復制的一個圖層都在上一個圖層的下方,每復制一個圖層都往下移一個像素,按住option(Alt)+滑鼠左鍵拖動圖層往下拽,可使用鍵盤上的下方向鍵來控制。
然後,在最後一個圖層上設置一個投影
然後,在最後一個圖層上設置一個投影,參數自行解決。
最後調整下整體環境。
❹ ui設計中ps有什麼作用
1. 圖片處理
我們在設計手機APP界面設計的時候,會發現很多APP界面中都會有圖片,而這些圖片素材的來源,一般都是用相機拍攝或者去素材網站中下載而來的,但是通過這些途徑來的素材,並不是就能適合我們UI工作中要用的素材,所以這一步在我們UI設計師的工作環節中,就需要使用PS軟體來對素材進行修改。都是需要我們設計師後期加工的,比如調整素材圖片的大小,調整圖片的色彩及處理圖片的細節,甚至對多張圖片進行合成的操作。這些全是要用PS軟體來進行處理的。
2. 界面設計
手機上的所有軟體都需要界面設計,比如手機APP軟體界面中的登錄界面和注冊界面,像大家經常用的微信這個APP,我們下載微信看到的第一步就是注冊界面。只有我們注冊了賬號才能進行微信的使用,而我看所使用所看到的界面,這些就是我們我們用PS軟體來進行設計的。
3. 圖標設計
手機桌面中的一些主題圖標,及手機APP界面中的應用圖標,這些圖標我們都可以用PS軟體來進行製作。
4. 運營設計
很多公司不定期都會舉辦很多運營活動,像聖誕節,國慶節,中秋節等節日,這些節日都會有相對於的活動結合自身公司的產品來進行運營,這些運營的設計我們就可以用PS軟體來製作。
5. 原型設計
原型是屬於交互設計的工作內容,不過現在很多公司沒有交互這個職位,還是由我們UI設計來擔任。那這塊的原型圖就是我們需要設計的了,一般原型圖是用AXURE軟體和墨刀軟體來進行設計,不過我們的PS軟體也是可以設計原型的,而且設計的會比較漂亮,所以這塊PS軟體也是可以有幫助的。
6. 作品包裝設計
要去面試UI設計工作的時候,最終都需要有一份作品集來進行面試,
那這個作品集就要進行精心的設計之後才能用來面試,常見的作品包裝設計就是給APP界面加樣機做展示圖的效果,這些都是我們可以用PS軟體來進行設計的。
7. 網頁界面設計
我們經常打開的網站,比如搜狗,進去搜索一個資料,這一系列操作所產生的過程界面,也都是我們用PS軟體來進行設計的。
❺ 怎麼用photoshop做ui
這要看你的做的是什麼風格的了,軟體熟練不知道做什麼作品的話可以參考其他人的作品,尋找靈感。零基礎的話屈屈君羊-陸二巴陵六零捂捂柒-先了解軟體操作再想設計構思然後找素材實踐就好了
❻ ps怎麼做ui界面
一般是要先有UI草稿,再確定整體的風格,操作流程,最後才在是PS里進行設計,在學習這樣的設計之前,要多看好的案例和大師的作品,把PS軟體的基本操作都學會。
❼ ps怎麼設計手機ui
1
首先在平面軟體:Photoshop裡面新建個畫布,然後拉漸變
2
先在平面軟體:Photoshop新建一個圓角四邊形,做出手機UI的形狀,找到漸變填充的工具填充顏色
3
在平面軟體:Photoshop的圓角四邊形里畫一個翻頁的角,然後找到混合選項-漸變疊加進行調整
4
給手機UI的翻頁角加高光,使翻頁角更真實
5
在平面軟體:Photoshop裡面手機UI翻頁角那填充白色,然後拉陰影
6
在平面軟體:Photoshop裡面畫出筆的形狀,然後一半加陰影使手機UI更真實
7
在平面軟體:Photoshop裡面給手機UI加陰影
簡單的手機UI就製作完成了