教程效果圖

關(guān)于教程

本次教程，教大家用PS臨摹毛玻璃效果海報(bào)，（原作品出自Halo Lab），原作者是使用FIGMA軟件制作,（當(dāng)然AI也可是實(shí)現(xiàn)這種效果）本次我們用PS操作，簡單易上手，適合新手練習(xí)，話不多說，我們開始吧。

教程步驟

Step 01 原理的基本介紹

首先在臨摹之前，我們對其元素進(jìn)行拆分，可以主要分成幾大塊：羽化層、卡片層、清晰層如圖（拆分圖解）所示。

Step 02 步驟演示

2.1 打開PS，Ctrl+n新建畫布,寬度：1600px，高度1200px，（單位：像素 分辨率72 顏色模式RGB)

2.2 背景層的制作。

創(chuàng)建純色背景（填充顏色：151515），接著用柔邊圓畫筆（顏色：9b3349），在畫布右下角點(diǎn)擊一次，背景層就完成了，如圖（步驟2.2）。

2.3 接著我們開始制卡片和毛玻璃效果。

2.3-1 創(chuàng)建圓形，命名為：清晰層，（尺寸：760*760px），為圓形添加漸變疊加，如圖（步驟2.3-1）所示。

2.3-2 創(chuàng)建矩形卡片層，（新建矩形尺寸：600*920px,圓角：40px）命名「卡片層」

2.3-3 為了使卡片有半透明的效果，我們把「卡片層」填充改為10%。

2.3-4 如步驟2.3-4把卡片上的文案排版一下，（圖標(biāo)可隨便在網(wǎng)上下載一個你喜歡的圖標(biāo)）。如以下步驟圖2.3-2—2.3-4。

2.3-5 按住 shift 同時(shí)選擇「文字組」和「卡片層」，ctrl+t，向左旋轉(zhuǎn)15°（如圖步驟2.3-5）

主體結(jié)構(gòu)已完成，接下來我們利用圖層樣式為「卡片層」制作一些厚度和光影還有材質(zhì)。

2.3-6 因?yàn)榭ㄆ潜馄降?，我們利用圖層樣式「內(nèi)陰影」為它增加高光、陰影、反光，來模擬它的體積。

2.3-7 卡片的高光、反光、陰影，（我們在臨摹的時(shí)候可以多嘗試不同的參數(shù)和混合模式帶來的不同效果），本次教程具體參數(shù)如圖2.3-7：

2.3-8 最后我們要為卡片添加紋理雜色，同樣通過圖層樣式的「內(nèi)陰影」降低「透明度」，增加「距離」和「大小」的參數(shù)，為其再添加一層白色半透明的顏色，再添加雜色。具體如圖2.3-8所示。

2.3-9 完成了上一步之后，為了使「卡片層」更有質(zhì)感與背景更好的融合，我們把「卡片層」圖層混合模式改為「正片疊低」。如圖2.3-9，卡片層完成。

2.3-10 接著我們制作能產(chǎn)生毛玻璃質(zhì)感的「羽化層」點(diǎn)擊「清晰層」圖層，ctrl+j復(fù)制它，命名「羽化層」置于「卡片層」與「文字組」中間。如圖2.3-10

2.3-11 由上一步，得到的效果，我們可以分析下，「卡片層」中間部分不再透明，被「清晰層」和「羽化層」遮擋，為了達(dá)到我們最終的效果，我們可以利用圖層蒙版「黑遮白顯」的原理，遮掉我們不需要展示的部分，由此我們利用「選取」進(jìn)行圖層蒙版操作。如圖2.3-11

2.3-12 由上圖可知，「羽化層」超出「卡片層」外部的部分，已經(jīng)通過選取+圖層蒙版的方式遮掉了。如下圖

2.3-13 接著我們用同樣的方式，把「清晰層」在「卡片層」內(nèi)部的部分，遮掉。

先選擇圖層「清晰層」，接著按住ctrl 鍵，鼠標(biāo)點(diǎn)擊圖層「卡片層」這樣得到了卡片的選取，然后反選（ctrl+shift +i ）再點(diǎn)擊圖層蒙版圖標(biāo)。如下圖

2.3-14 由上圖可知，「清晰層」在「卡片層」內(nèi)部的部分，已經(jīng)通過選取反選+圖層蒙版的方式遮掉了。如下圖

2.3-15 最后，我們選擇「羽化層」，點(diǎn)擊「屬性」——「羽化」（羽化數(shù)值如圖）。

效果就完成了。如下圖

2.3-16 以上就是所有的效果制作步驟，接著我們可以加一些文字，進(jìn)行排版。

最終效果

原圖作者：Halo Lab