二維碼 購物車
部落窩在線教育歡迎您!

教程丨制作一個屬于自己的PSD樣機

?

作者:玩皮兔來源:部落窩教育發(fā)布時間:2017-11-30 11:08:38點擊:3275

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 網(wǎng)絡作品,轉(zhuǎn)載請注明原作者和出處。
編按:
智能對象是包含柵格或矢量圖像中的圖像數(shù)據(jù)的圖層。智能對象將保留圖像的源內(nèi)容及其所有原始特性,從而讓您能夠?qū)D層執(zhí)行非破壞性編輯。本教程詳細解析了智能對象在效果圖制作中的應用,內(nèi)容淺顯易懂,但是學會以后可以節(jié)約我們大量的時間。

這次我們又給你們帶來了不一樣的教程——PSD智能樣機。發(fā)車!我們一起去看看如何制作屬于自己的PSD樣機。

(國內(nèi)某知名設計師官網(wǎng)就是這個模板哦)



(精美的iPhoneX模板PSD)

在展示一個設計項目或者作品的時候,怎么才能讓客戶身臨其境的感受到設計的真實感呢?最好的辦法就是用智能對象樣機展示你的作品,不但不用花任何錢去找實物展示,而且制作一個智能樣機的步驟也非常簡單。



STEP 1  
首先你需要尋找一些方便展示作品的實體圖片。你可以拍幾張,也可以從各大圖片素材庫尋找。我們這次教程的素材是從istock圖庫網(wǎng)下載的。



STEP 2    
還要找一些你想要展示的圖片或作品。我準備在名片上展示我的名字,筆記本電腦展示我的個人網(wǎng)站截圖。溫馨提示:盡量確保你要展示的圖片和你所選的實體圖片匹配,這樣才能增加真實感。(注:比如用筆記本屏幕展示網(wǎng)站截圖)



STEP 3 
先來制作筆記本的智能對象樣機吧!用PS打開筆記本展示圖,然后文件-置入智能對象鏈接,把我們所需要的圖片打開,點擊確定。這是一個新的圖層。


STEP 4  
你應該注意到圖片已經(jīng)變成了一個智能對象。這樣的好處是無論你后面做怎樣的更改,你的圖片都不會受到任何的損壞



STEP 5 
選中圖片圖層,按住“Cmd/Ctrl+T”快捷鍵,出現(xiàn)自由變換工具。     



STEP 6  
右鍵單擊,從菜單欄里選擇扭曲。這樣的話就可以獨立操作圖片的四個角點了。你可以選擇圖片四周的任何一個角點,然后可以把它拉伸到任何一個你想拉伸的位置。



STEP 7    
選中圖片上的任何一個角,然后拖拽它和筆記本上面圖像相對應角點對齊。注意,越精準效果就越好,多花點時間和心思來做哦!



STEP 8 
來回調(diào)整四個角,直到圖像精準放入筆記本電腦屏幕中。完成了就可以按回車鍵以確認變換。



STEP 9
如果你置入的作品是一個正在進行設計的作品或項目,智能樣機的優(yōu)勢就是你可以隨時保存并更改你的效果圖。如果你需要做任何修改或者調(diào)整,你只需要雙擊智能對象就可以在原始文件做出你想要的修改。



STEP 10  
如果突然找不到原始文件的位置了,可以點擊圖層→智能對象→重新鏈接到文件,就能查找到原始文件了。



STEP 11                                                   另外,你也可以替換一個全新的圖片。點擊圖層→智能對象→替換內(nèi)容,然后置入你要展示的圖片。


     
STEP 12                                                     讓我們來看一個稍微有點不同的智能對象樣機教程案例!要用到一張名片,在名片上增添一些紋理。將紋理元素添加到智能對象樣機中,營造出一種真實感。



STEP 13                                                    重復前面的步驟3至步驟7,就能制作出新名片的智能對象樣機了。這次你可能會注意到我使用了一張背景圖--沒有PNG格式的圖片,所以背景圖片里沒有白色部分。因為這樣的話,把紋路從白色卡片里顯現(xiàn)出來會更容易一些。



STEP 14                                                     選中圖標圖層,點擊圖層→混合模式,下拉菜單里選擇正片疊底模式,實體展示圖就能顯現(xiàn)出卡片上的紋路。



STEP 15                                                    小建議:由于選擇不同的設計圖和實體展示圖,在混合模式下,制作出的效果也許會有意想不到的效果!



原文:教程丨制作一個屬于自己的PSD樣機
翻譯:玩皮兔
出處:http://www.zcool.com.cn/article/ZNTg1MTAw.html