首先，這不是一個(gè)專業(yè)設(shè)計(jì)教程，本教程適合那些沒有設(shè)計(jì)經(jīng)驗(yàn)又渴望設(shè)計(jì)出賞心悅目內(nèi)容的人，這邊只講最簡單的，只需要你擁有一臺(tái) iPad 甚至只是一臺(tái)手機(jī)，就擁有了設(shè)計(jì)能力。

如今，依托移動(dòng)互聯(lián)網(wǎng)創(chuàng)作變得平民化，通過本教程做出的圖片輸出完全可以滿足基本的微博朋友圈分享，甚至是網(wǎng)紅寫作插圖，應(yīng)該說，可以大大滿足這一點(diǎn)，也許還不止于此。

正如蘋果那句廣告語：別問有什么用，放手試！但最關(guān)鍵的，是你舉一反三的能力，當(dāng)然為了效率復(fù)制一下我也不反對，如果能在我提供的思路上延伸一點(diǎn)就非常棒了。

在簡單遮罩的基礎(chǔ)上，你可以融入一些寫實(shí)的質(zhì)感，而這時(shí) Phonto 這種便捷的 App 就無法滿足高度定制的要求了，這時(shí)我們就要引入那個(gè)很多數(shù)碼藝術(shù)家都聽說過的 Procreate，對于許多入門繪畫的人，這個(gè)工具強(qiáng)大而友好，不僅是繪畫，YouTube 和 B 站上的大量視頻博主已經(jīng)證明這款軟件在設(shè)計(jì)方面的價(jià)值。

選取和觀察一張圖片素材的構(gòu)圖，選擇合適的位置添加文字，這張我決定在上一個(gè)教程的基礎(chǔ)上更進(jìn)一步，做出樹葉遮擋文字的陰影。

步驟（如果有 Apple Pencil 就趕緊用上吧）：

在開始之前有一點(diǎn)需要注意，Procreate 設(shè)計(jì)初衷是為了繪畫，所以它并不是一款為設(shè)計(jì)量身定做的 App，其中圖層中的素材在畫布上調(diào)整完成后不會(huì)保持原始分辨率，會(huì)在縮小后適應(yīng)畫布的分辨率，當(dāng)你再放大分辨率還是縮小后的，而且調(diào)整后超過背景邊緣的區(qū)域會(huì)裁掉。所以入門選手注意規(guī)避它的這種限制就好，學(xué)習(xí)能力強(qiáng)的也可以使用 Affinity Photo 來制作，圖層邏輯是一樣的。

導(dǎo)入圖片，左上角第一個(gè)圖標(biāo)（「圖庫」右側(cè)）里的「添加 - 添加文本」，選擇合適的字體，這里我選擇的是 NEUTRA 的變體。

將文字移動(dòng)到與樹葉的重疊處，然后隱藏文字圖層。

選擇葉子所在的圖層，點(diǎn)擊左上角第三個(gè)「選區(qū)」圖標(biāo)，點(diǎn)底欄第一個(gè)「自動(dòng)」選項(xiàng)。

然后點(diǎn)住文字和葉子的重疊處并左右滑動(dòng)，調(diào)節(jié)選區(qū)閾值，這個(gè)閾值其實(shí)就是根據(jù)算法的自動(dòng)摳圖，我們只需讓選區(qū)中包含樹葉遮住文字的區(qū)域就夠了，選擇好后點(diǎn)一下圖層。

再顯示文字圖層，再點(diǎn)一下文字圖層，然后選擇菜單欄里的「清除選區(qū)」，這就是直接摳好圖了，基本不需要像 Phonto 那樣的手動(dòng)擦除。

這一步就是實(shí)現(xiàn)陰影。重復(fù)上面的「選區(qū)」步驟，然后新建一個(gè)圖層，選擇黑色，點(diǎn)擊圖層，菜單欄中選擇填充圖層。

再結(jié)合選區(qū)工具和清除選區(qū)將多余和錯(cuò)誤的區(qū)域清除，只留下大致包含樹葉和文字重疊的部分。然后將這個(gè)黑色填充圖層移至文字圖層上方。

為了讓陰影符合空間關(guān)系，這里還需要將陰影圖層設(shè)置為文字圖層的剪輯蒙版，點(diǎn)選圖層的菜單欄中選擇剪輯蒙版，這樣陰影就只會(huì)投在文字上。

然后選擇界面左上角第二個(gè)「調(diào)整」圖標(biāo)中的「高斯模糊」，左右滑動(dòng)選擇模糊程度，這張圖我調(diào)整到 20% 左右。

用「移動(dòng)」工具將陰影圖層稍微下移。這段文字的遮罩+陰影就完成了。重復(fù)同樣的方法制作下一個(gè)文字效果就可以了。

在這里補(bǔ)充一點(diǎn)，實(shí)現(xiàn)相同效果，圖層邏輯可以有很多種，在這里我選擇的是一種較為簡便的作法。當(dāng)然，為了更進(jìn)一步，你也可以讓部分文字在最上一層，形成前景中景后景的關(guān)系。

更多樣例：

內(nèi)嵌維度

思路：其實(shí)實(shí)現(xiàn)這個(gè)都是很簡單的技巧，無非是直接摳圖，或者利用圖層和混合模式之類的，關(guān)鍵不在于實(shí)現(xiàn)的技巧，而是在于構(gòu)思上：文字內(nèi)嵌的內(nèi)容要與文字的結(jié)構(gòu)協(xié)調(diào)，這就要考驗(yàn)?zāi)愕膭?chuàng)造力了。

譬如這個(gè) iPad Pro 的簡單例子，首先我用手機(jī)拍攝了背景圖，然后我在 Procreate 的畫布上嘗試各種角度，發(fā)現(xiàn)圓形攝像頭放在P字的內(nèi)圈正好可以聯(lián)系起來，另外我還想形式上更好一點(diǎn)，于是我又重拍一張將筆直的 Apple Pencil 放置在字母 R 的豎線筆劃上的圖，形成呼應(yīng)，但是由于位置不好掌控，于是我干脆選擇將 Apple Pencil 摳出來移動(dòng)到合適的位置。

步驟：

首先導(dǎo)入背景圖層，然后添加一個(gè)圖層，填充稍微有點(diǎn)灰度的亮色。

再添加一個(gè)文本圖層，輸入文本，因?yàn)槭欠叫螛?gòu)圖，三個(gè)字母，所以這里我選擇的字體是較為瘦長的 FranklinGothic 的變體，居中放置（可以開啟「繪圖指引」輔助對齊）。

然后就是呈現(xiàn)設(shè)計(jì)感的一步，點(diǎn)擊文本圖層選擇菜單欄中的「選擇」，就相當(dāng)于字體部分作為選區(qū)。

再選擇下面的純色圖層，在菜單欄中選擇清除圖層，將上面的文本圖層隱藏，再次選擇下面已經(jīng)摳除 PRO 字樣的純色圖層。

再用橡皮擦將字母 P 的內(nèi)圈抹去，為的是下一步對齊攝像頭的位置，然后通過調(diào)整 iPad 那張照片的大小角度，找到最合適的位置，最重要的是攝像頭對應(yīng)字母 P 的內(nèi)圈，然后我盡可能地讓 iPad 的左側(cè)線條切在字母P的下方倒角上，這樣的細(xì)節(jié)會(huì)給強(qiáng)化構(gòu)圖的和諧感。

再添加 Apple Pencil 圖層并摳圖，基本上就完成了這張圖的主體。最后可以選擇性加點(diǎn)說明文字或者某些修飾性元素。

這時(shí)還可以更進(jìn)一步，通過給字體內(nèi)部添加陰影實(shí)現(xiàn)內(nèi)嵌效果，怎么做呢？也很簡單，選擇那張摳除文字的純色圖層，點(diǎn)菜單欄的「選擇」。

然后新建一個(gè)圖層，調(diào)色盤選為黑色，點(diǎn)菜單欄中的填充圖層，將圖層移動(dòng)到摳除文字的純色圖層下方，再使用前面說過的高斯模糊，然后將透明度調(diào)到合適。

最后使用「移動(dòng)工具」將圖層向右下方略微移動(dòng)一些。

更多樣例：

素材推薦：

原文地址：https://sspai.com/post/60099