Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Product Mockup
Design

在PS中制作手機樣機

by
Difficulty:IntermediateLength:LongLanguages:

Chinese (Traditional) (中文(繁體)) translation by Fuhuan (you can also view the original English article)

Final product image
What You'll Be Creating

將濾鏡應用於智 將濾鏡應用於智能對象層時,將自動變成智能濾鏡。 可以根據需要多次編輯濾鏡,而不會損壞原始像素。 

在本教程中,妳將學到用同壹智能對象的兩個副本來制作樣機,然後應用濾鏡來重新分散背景。 壹旦設置完成,就可以輕松的通過更新智能對象中的圖像來更改場景。

1.準備模型

我從壹個分層的PS文件開始。 妳可以使用自己的照片,或在GraphicRiver或PhotoDune上查找獨立的產品圖像。

Photoshop mockup

第壹步

正如妳在“ 圖層”面板中所看到的,該文件被分解成許多圖層。 妳可能不需要所有的圖層,但是更多的圖層為妳提供了更多的靈活性和對最終輸出的更多控制性。

layer panel

第二步

就我們的目的而言,將壹層作為“屏幕”層是很重要的。 它應該是壹個透明的圖層,是壹個手機屏幕大小的填充矩形。

transparent screen layer

要創建此圖層,可以使用矩形選框工具(M)仔細選擇屏幕區域,然後將選區填充到手機圖層上方的新圖層中。 要細化選擇,用變換選區下,選擇菜單得到它恰到好處。 妳可以用任何顏色填充選區,因為它在最終的模型中不可見。

2.準備智能對象

第壹步

將照片拖入樣機PSD。 它應該是壹個有著高分辨率的圖像,所以它可以作為背景。 將圖層拖到圖層的底部。 重命名為“場景”。

background image

第二部

將場景圖層轉換為智能對象。 有三種方法可以做到這壹點:

  1. 有三種方法可以做到這壹點:
  2. 單擊“ 圖層”面板上的彈出式菜單,然後選擇“ 轉換為智能對象”。
  3. 單擊“ 圖層”面板上的彈出式菜單,然後選擇“ 轉換為智能對象”。
convert to smart object

第三步

妳會註意到該圖層的縮略圖右下方有壹個小圖標,表達這是壹個智能對象層。 通過將智能對象圖層拖動到“ 圖層”面板底部的“ 新建圖層”圖標來制作副本。

copy smart object
將“智能對象”圖層拖到“新建”圖標上進行復制。也可以直接CTRL+J。

第四步

將屏幕圖層上方的副本向上拖動。 使用自由變換(Command-T)縮放圖像,使其大致與手機屏幕大小相同。 使用自由變換(Command-T)縮放圖像,使其大致與手機屏幕大小相同。

transform smart object

第5步

第5步 這將遮蔽超出屏幕邊緣的圖像部分,但實際上不會裁切圖像。 首先,選擇“場景復制”圖層,然後單擊“ 圖層”面板上的彈出式菜單,然後選擇“ 創建剪貼蒙版”。 首先,選擇“場景復制”圖層,然後單擊“ 圖層”面板上的彈出式菜單,然後選擇“ 創建剪貼蒙版”。

create clipping mask

或者,妳也可以按住Option(Alt)鍵並在兩層之間單擊。 妳會看到光標變成了雙圈,讓妳知道妳是在正確的位置。

clipping mask icon
按住Option / Alt鍵並在圖層之間單擊以創建剪貼蒙版。 光標變成壹個雙圓圈圖標。

壹旦剪貼蒙版被創建,圖像應該填充屏幕的尺寸。 妳還會看到圖層縮略圖稍微向右移動,並有壹個向下的小箭頭。 這表示“場景復制”智能對象層被“剪輯”到下面的圖層。

3.添加並編輯智能濾鏡

第壹步

選擇背景“場景”智能對象層。 去濾鏡>模糊>高斯模糊。 為模糊半徑輸入壹個值,以使背景具有失焦的效果,如下圖所示。

blur filter

第二步

將濾鏡應用到智能對象時,會在智能對象下自動創建壹個智能濾鏡,其中內置了壹個圖層蒙版。

smart filter layer

第三步

妳可以在智能濾鏡蒙版上進行繪制或以其他方式對其進行編輯,以遮蔽濾鏡效果的某些部分。 在這種情況下,我們希望將場景的前景放在壹個更清晰的焦點上,因為它更接近拍攝者。

在“圖層”面板中選擇“智能濾鏡”蒙版。 它會在縮略圖周圍顯示壹條細線,表示它處於活動狀態。 選擇漸變工具(G)並確保在控制面板中選擇線性黑白漸變。 將漸變工具垂直拖動到圖像中,以便漸變的黑色部分從蒙版的底部開始。 與任何類型的圖層面具壹樣,請記住:“黑透白不透”。

apply gradient to mask
通過智能濾鏡蒙版拖動壹個黑色到白色的漸變。

壹旦應用漸變,妳將在“ 圖層”面板中的“ 智能過濾器”縮略圖中看到它:

filter mask

妳可以選擇(Alt)-點擊蒙版的縮略圖,在PSD中看到完整的蒙版。 選項再次單擊以返回到正常視圖。

layer mask

第四步

這是完成的樣機。 妳可以看到,前景(即圖像底部)的海灘和水比橋和天空更集中。 漸變的黑色部分遮擋了濾鏡效果,並轉換為圖像上半部分的完全模糊。 妳可以繼續調試漸變的位置,使其恰到好處。

finished

第五步

智能濾鏡的好處在於它們是非破壞性的。 妳可以無限編輯它們,而不會對圖像中的像素造成永久性損壞。 假設妳想讓模糊效果更強壹點。 雙擊“ 圖層”面板中“ 智能濾鏡”蒙版下方的效果名稱,再次調出其設置。 調整半徑並單擊確定。

如果妳將“模糊”濾鏡應用於常規像素圖層,則以後將無法返回並更改設置。 這是智能對象與智能過濾器壹起使用的優勢。

edit effect
如果雙擊“圖層”面板中的效果,則可以根據需要多次調整效果,而不會降低圖像質量。

第六步

妳還可以更改智能濾鏡的混合模式,使其更具多功能性。 在“ 圖層”面板中,效果名稱右側有壹個小圖標。 它看起來像兩個滑塊。 雙擊該圖標調出混合選項

blending mode icon

雙擊該圖標調出混合選項 妳也可以改變不透明度。 大多數混合模式對於這樣的樣機都是不實用的,但調試起來可能很有趣。

blending options

4.編輯智能對象

現在,該模型是所有設置了智能對象和智能過濾器,妳可以通過編輯原始的智能對象,同時更改屏幕圖像和背景。

第壹步

雙擊智能對象縮略圖進行編輯。 妳會看到下面的消息。 妳會看到下面的消息。

edit smart object
雙擊智能對象縮略圖進行編輯。

第二步

智能對象作為單獨的特殊文件打開。 文件擴展名是.psb。

psb file

第三步

我只是要在現有的照片上拖動壹張不同的風景照片。 智能對象可以有多個圖層,因此不需要拼合圖像。

new layer

第四步

現在,新的風景將出現在手機屏 現在,新的風景將出現在手機屏幕和背景上。 這種效果是有效的,因為手機屏幕上的智能對象是原件的副本。

final

第五步

根據妳使用的圖像,妳可能需要編輯模糊效果,或調整智能濾鏡蒙版上的漸變。

結論

智能濾鏡提供了無限的可能來修改智能對象圖層的外觀。 最好的原因是妳可以大膽的做,而不用擔心會損壞原始像素。 嘗試新的內容吧!

Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.