🔹 使用濾鏡實現不同的字體效果

1,932

AriaVon

AriaVon

介紹

大家好!感謝大家再次光臨 ʕ•́ᴥ•̀ʔっ。這次我將分享我如何使用一些濾鏡來為字體創建不同效果的過程。好吧,話不多說…

 

讓我們開始吧!!

1. 認識濾鏡

讓我們從濾鏡及其不同分類的介紹以及它們的介面開始,這樣我們就能更好地掌握它們。

 

注意: 從 Clip Studio Paint 3.0 版本開始,以下濾鏡已可用:色差雜訊復古電影鉛筆素描;從 4.0 版本開始,新增了濾鏡:鏡頭模糊結晶化

 

 

✦ 它們在哪裡?

工作室模式: 我們可以在介面頂部欄的「濾鏡」選項卡中找到濾鏡。

簡易模式: 在簡易模式中,我們可以在三個圓圈的符號中找到濾鏡。展開選項後,我們會發現兩個類別:濾鏡和效果。

 

濾鏡用於校正色調,而效果有助於紋理和線條提取。

回到工作室模式,下拉選單中顯示兩個組別:

 

1. 第一個包含了一組在簡單直觀的介面中最常用的濾鏡和效果。

2. 在第二部分,我們找到了一個更廣泛的列表,其中包含更多按功能分類的功能;其中包括:修正線稿、模糊、扭曲、效果、銳化、渲染。第二部分包含第一部分的所有濾鏡和效果以及其他更多。


✦ 其介面

讓我們從「即時濾鏡」開始。這些濾鏡讓你可以選擇將它們應用於選定的圖層,或者應用於合併的圖層(這表示它會將不同的圖層合併為一個,同時保留原始圖層,並在此圖層上應用濾鏡/效果)。

介面如下:

 

左側是即時預覽,右側是相應的濾鏡。下方區域有縮放調整器、前後箭頭,以及一個用於查看添加濾鏡前後對比的按鈕。

 

即時濾鏡包括:鮮豔、暖色、冷色、檸檬水、鈷藍、海藍寶石、極光、棕褐色和單色。

選擇其中一個濾鏡的縮圖,你會看到你的插畫預覽根據所選濾鏡而改變。即時濾鏡已經預設好設定,但你可以透過下方顯示的百分比條降低其強度。

 

注意: 這些濾鏡有助於校正插畫的色調。

另一方面,在「調整」選項卡中,我們找到了一系列選項,可以讓我們進行更精確和手動的色調校正。這些調整包括:亮度、對比度、色相、飽和度、色溫、色調和銳度。

 

這些調整可以與先前的濾鏡一起使用,也可以單獨使用。

對於濾鏡的第二部分,我們有更具體濾鏡和效果。選擇一個類別後,我們會找到最終的濾鏡。例如,在「扭曲」類別中,我們找到相應的濾鏡。即時效果也包含模糊效果,但數量不如本節多。

每個選定的濾鏡和效果都有其自己的窗口,其中包含特定的選項。

最後,即時效果部分中的效果也存在於第二部分,但排除顏色校正濾鏡。

例如,第二部分中的「色差」效果具有以下窗口:

而在「即時效果」中,我們發現它是這樣的。

這些效果包括:模糊、銳化、描繪線條、復古電影、色差、雜訊、線稿提取等。

- 簡易模式 -

 

回到簡易模式,當我們選擇其中一個選項(濾鏡或效果)時,會彈出一個窗口,詢問我們是否要將調整應用於選定的圖層或應用於所有內容(創建合併圖層)。

濾鏡和效果的縮圖位於右下方的可滑動選單中。

與工作室模式一樣,在即時濾鏡版本中,我們有一個強度百分比條、調整和一個用於比較前後的按鈕 (1)

 

切換到濾鏡的「調整」,它們會以相應的圖示顯示,下方是其強度條 (2),我們可以在這裡更改亮度、對比度、飽和度、色相、色溫等的值。


✦ 注意事項

現在讓我們看看在使用濾鏡之前需要了解的一些方面:

 

• 濾鏡可以應用於單一圖層或資料夾,但選擇資料夾時,我們會發現只能使用其「全部應用(建立合併圖層)」選項來存取即時濾鏡和效果。

「全部應用(建立合併圖層)」將建立一個包含資料夾檔案的新合併圖層,同時保留原始資料夾。

• 濾鏡是破壞性的; 這大致意味著它們會直接應用於插畫圖層,而不是新圖層。這可能導致我們丟失沒有濾鏡的原始版本。為了解決這個問題,建議創建原始圖層的副本。

濾鏡應用於整個圖層; 這個特性可能會造成困難,如果我們只希望效果出現在特定的部分,但對此有一個解決方案。

• 濾鏡可以應用於選區內; 很簡單,使用任何版本的選擇工具,我們可以劃定一個區域並僅將濾鏡應用於該區域。

最後一個技術細節是,我們可以修改視窗的尺寸,以更好地利用空間。

2. 創建一些字體效果

現在我們已經了解了濾鏡和效果的基本原理,我們可以更具體地將它們應用於不同的領域。在本節中,我不會涵蓋所有這些內容,因為它們太多了,但我將涵蓋我認為最有趣的內容。

 

 

✦ 反射效果

製作這種字體風格的第一步是使用「文字」工具,用它將每個字母單獨添加到一個圖層中。

接下來是將它們一個接一個地排列。

注意: 為了確認每個字母都對齊,我們可以使用「對齊與分佈」工具。在此官方教學中了解更多關於此工具的資訊:

現在我們要前往工具列中的「漸層」工具。

我們選擇或創建一個我們最喜歡的漸層,並將其應用於所需的方向。漸層將應用於整個畫布,為了讓它只應用於文字,我們必須啟用「剪裁至下方圖層」功能,此設定位於「圖層」視窗中。

要更改顏色,我們需要注意預覽下方節點。

 

這些節點可以讓我們:

1. 使用下方區域的箭頭調整每種顏色的數量。

2. 透過點擊下方線條(移動箭頭所在處)上的任何位置來建立新節點。

3. 刪除節點。若要刪除展開選單的某個部分,必須展開漸層選單(「+」符號)並選擇選項:進階設定 > 選擇節點 > 刪除。

要更改漸層的顏色,您需要:

 

首先,我們必須從色環中選擇顏色。

接著,點擊節點,如下方 GIF 所示。每個節點都這樣操作。

 

「子工具」視窗中,我們找到了一系列預設漸層。但是,要創建自己的漸層,我們需要執行以下操作:

 

選擇一個預設漸層,我的情況下選擇了「藍天」

然後,點擊視窗下方或按住要複製的漸層時顯示的浮動選單中的「複製子工具」圖示。

現在需要為每個字母複製漸層圖層,並將其一次又一次地放置在它們之上。

接下來是使用「與下方圖層合併」功能,將字母圖層與相應的漸層圖層合併。

再次回到「漸層」工具,選擇「漫畫漸層」(這是程式預設的漸層)。

現在,從右到左一次一個字母地應用漸層,不要覆蓋整個字母。這個漸層將為其增添陰影。為了讓漸層只應用於字母圖層,我們需要再次將漸層圖層「剪裁至下方圖層」

最後,將這個漸層圖層複製到每個字母上,並將它們放置在字母上方。

應用漸層後,若要編輯其角度和位置,請使用工具列中第一個選項的「操作」工具。一旦選定該工具,只需選擇漸層區域,即可顯示控制器。

現在,下一步是添加反射,讓我們看看如何操作:

 

所有的圖層都必須放入一個資料夾中。

需要合併這些圖層。為此,右鍵點擊資料夾(如果使用平板電腦或手機,只需按住圖層/資料夾)並在選單中選擇「合併選定圖層」選項。完成。

 

如果不想丟失字母的個別處理過程,可以隨時在合併之前複製資料夾。

現在,需要複製合併後的圖層。

選定圖層後,啟動「變形」工具,並從「工具屬性」視窗中的「水平翻轉」選項反轉圖層。

完成上述操作後,將文字移動到主文字下方。

(1) 變形工具可以在平板電腦版本(如我的情況)的頂部選單中的快捷方式中找到,或者在以下路徑中找到:編輯 > 變形。 它的鍵盤快捷鍵是 「CTRL 加 T」

(2) 工具屬性 > 水平翻轉。

接下來是使用帶有矩形變化的「選擇」工具,選擇反轉文字的下半部分並將其刪除。

 

在選擇工具的浮動欄的第六個選項中,有一個選項可以一鍵刪除選區內的內容。

接下來是使用濾鏡,看看如何操作:

 

選擇反轉文字的圖層,然後前往以下路徑:濾鏡 > 即時效果。

進入效果窗口後,選擇「動態模糊」效果。使用控制器調整角度,使動作指向下方。另一方面,「模糊距離」選項應保持較低,以使模糊效果不會太明顯。

最後,對剪切的字母應用「漫畫漸層」,就完成了。


✦ 故障(Glitch)

現在讓我們看看故障效果:

 

首先要做的就是將文字圖層轉換為點陣圖層。為此,右鍵點擊圖層,然後在彈出選單中選擇「點陣化」

 

使用點陣圖層是因為文字圖層無法編輯或繪製。

其次是使用「選擇」工具,並在字母上確定小區域,然後使用「變形」工具將選區稍微移出字母。

現在前往:濾鏡 > 即時效果。

在效果窗口中,選擇兩個選項之一:「徑向色差」「橫向色差」。在我的情況下,我選擇了第二個。一旦選擇,就需要使用控制器來確定其強度和角度。

 

• 徑向模式: 徑向模式以圓形擴張應用效果。在預覽中,螢幕中央會出現一個「X」,指示圓心的位置。我們可以移動這個「X」到畫布上,以指定效果的來源。

• 橫向模式: 另一方面,使用此模式時,色差會沿著一個方向移動。要指示方向,我們需要移動「角度」部分中的滑塊。

完成上述步驟後,我覺得色差的顏色太暗淡,所以為了改進,我只是複製了最終圖層並稍微降低了不透明度。

- 顏色變更 -

色差的顏色無法選擇,但可以使用色調校正圖層來改變。

 

首先,選擇已經包含色差的圖層,然後右鍵點擊它。

在選單中,我們會找到「新建校正圖層」選項。

該選項將展開其他選項,我們可以選擇多個,但在本例中我們將選擇「漸層對應」

將打開一個窗口,您必須在其中選擇您最喜歡的漸層,最後點擊接受。

 

為確保漸層顏色不會應用於整個圖層,請啟用「剪裁至下方圖層」選項。

接下來是複製帶有色差效果的原始圖層,並將其放置在漸層對應上方。

下一步是合併校正圖層和字母圖層。

我們將對這個新圖層應用顏色校正,方法是使用濾鏡,為此需要前往:濾鏡 > 即時濾鏡。在設定中,我們將調整參數,直到找到我們最喜歡的顏色配置,或者如果沒有,則使用已設定的濾鏡。

- 亮度 -

要添加發光效果,您需要:

 

首先,在字母已經風格化後,我們將創建原始圖層的副本。

我們將如前所述將「色差」效果應用於其中一個圖層。

現在再次前往:濾鏡 > 即時效果。 在那裡,選擇「動態模糊」效果並根據需要調整參數。

現在我們將未應用任何效果的圖層移動到已應用效果的圖層之上,並使用「變形」工具將每個字母縮小並居中。

顏色會很暗淡,但我們可以透過使用濾鏡來解決:濾鏡 > 即時濾鏡。


✦ 豹紋效果

這個效果很簡單,看看怎麼做:

 

首先,我們將如前所述對文字使用「色差」效果。

然後,在新圖層上,位於文字上方,使用「圖形」工具,選擇「實心矩形」,繪製平行線直到覆蓋整個文字。

現在需要選擇放置平行線的圖層,然後在選擇平行線圖層的縮圖時按住「CTRL」鍵。如果是在平板電腦版本上操作,可以在側邊面板中找到此按鈕。這將選擇圖層中的每條線。

接著,我們將停用放置平行線的圖層,並選擇文字所在的圖層。

最後,我們將使用選擇工具浮動欄中的刪除按鈕 (1)。之後,我們可以「取消選擇」我們一直選中的條形選區 (2),這可以從選擇工具選單的浮動欄中完成。

我們將複製經過前面步驟後留下的分段字母圖層,然後使用「變形」工具將圖層移動到我們認為合適的位置。完成,我們已完成。


✦ 霓虹

為了實現這個效果,我們將執行以下操作:

 

首先是將文字圖層轉換為點陣圖層,然後複製它。

接下來是選擇原始圖層並前往:濾鏡 > 即時效果。

在那裡,選擇「高斯模糊」效果。模糊強度不應過於誇張。

在選定原始圖層的同時,右鍵點擊它,然後前往選項:新建校正圖層 > 漸層對應。 在那裡選擇所需的漸層並調整它,直到我們認為完美為止。

 

漸層對應工具中的漸層可以從該工具手動創建,也可以從主選單的漸層工具創建,甚至可以從 Clip Studio ASSETS 下載:

完成上述步驟後,圖層的順序應如下:複製的圖層、色調校正圖層和原始圖層。

 

好吧,之後我決定對原始圖層添加更多高斯模糊。

下一步是取出「棉布」紋理,它位於:素材 > 單色圖案 > 紋理。 要將紋理應用於畫布,只需將其拖曳到畫布上即可。

添加紋理後,前往「圖層屬性」視窗,在「效果」部分中啟用「疊加紋理」選項。透過百分比條,我們可以降低或提高紋理的強度。

完成上述操作後,接下來是合併所有創建的圖層。

對於創建的單一圖層,我們需要應用雜訊效果。雜訊效果位於:濾鏡 > 即時效果。 雜訊有兩種:「彩色雜訊」和「灰色雜訊」,顧名思義,一種為圖像添加典型的色差彩色雜訊,另一種則添加灰色。我在此風格中使用的是灰色。完成,結束。

 

我建議雜訊強度不要太高,15到20之間是完美的。


✦ 顏色效果

以下風格非常適合深色背景:

 

讓我們從將文字圖層轉換為點陣圖層開始。

接下來是選擇文字的下半部分,然後前往:濾鏡 > 即時效果。

進入效果窗口後,選擇「動態模糊」效果。角度應指向下方,且不宜過於強烈。完成,只需點擊接受。

現在,使用「液化」工具,根據喜好扭曲模糊的文字區域。

 

當我們模糊由選區劃定的區域時,最有可能會在效果和無效果區域之間產生一條邊界線,為平滑這種過渡,我們可以使用位於工具列「混色」工具中的「模糊」筆刷。

選定我們之前調整過的圖層,我們將啟動「變形」工具,一旦啟動,前往「工具屬性」並將「模式」更改為「自由變形」。配置好以上內容後,我們就可以將文字適應到另一個視角。

接下來是創建一個新的色調校正圖層,為此,右鍵點擊圖層並前往:新建校正圖層 > 漸層對應。 在這裡我們可以選擇和編輯我們最喜歡的顏色對應。完成後點擊接受。

下一步是添加紋理,我的情況下是從我的個人檔案中導入了一張折疊紙的圖片,目的是將折痕紋理添加到我的設計中,為此我做了以下操作:

 

1. 前往:檔案 > 導入 > 從裝置導入。

2. 使用圖片的節點,將其調整到所需的角度和位置。

3. 將圖層的「混合模式」更改為「正片疊底」 (1),但如果效果不如預期,可以嘗試其他混合模式。另一個值得考慮的因素是調整圖層的不透明度,以更好地適應紋理。

另一個考慮是,如果我們不希望校正圖層的顏色隨意應用於整個畫布,那麼我們必須使用漸層對應圖層中自動創建的圖層蒙版 (2),選擇它並刪除不需要的區域。

最後,需要從濾鏡 > 即時效果應用「灰色雜訊」「彩色雜訊」效果。完成,我們已到達終點。


✦ 玻璃效果

現在讓我們看看如何製作這種磨砂玻璃效果:

 

我們必須將字體和設計的所有元素合併在一個單一圖層中。

接下來是在設計圖層上方創建一個新圖層。

在這個新圖層上,繪製一個白色的圖形,可以是任何圖形。為此,我們可以使用工具列中的「圖形」工具(空心方形圖示)。

現在我們將複製設計圖層,並將其放置在包含白色圖形的圖層上方。

我們將對這個複製的圖層應用「高斯模糊」濾鏡,該濾鏡位於:濾鏡 > 效果 > 即時效果 > 高斯模糊。 我將模糊強度設置為45。完成,點擊接受。

我們將剛應用模糊濾鏡的圖層設定為「剪裁至下方圖層」,如以下圖片所示。

在這個圖層上(目前)要執行的最後一步是鎖定它,為此,請按下圖層窗口設定中的鎖定圖示「鎖定圖層」

到目前為止,我們已經完成了50%的流程。使用「操作」工具並選定白色圖形圖層,我們可以按住圖形並將其在畫布上移動,我們會注意到無論我們將圖形移動到其區域的何處,模糊效果都會保持,而其餘部分將保持清晰。

現在讓我們看看如何為玻璃效果賦予深度:

 

我們將複製白色圖形圖層並暫時停用鎖定圖層。

在白色圖形圖層上方創建一個新圖層,此圖層必須「剪裁至下方圖層」。圖層的順序應為:鎖定的設計圖層、空白圖層、複製的圖形圖層、原始圖形圖層、原始設計圖層。

在空白圖層中應用黑白漸層。漸層可以應用於任何方向,重要的是漸層在白色圖形表面上保持整潔。

完成上述操作後,我們將漸層圖層與白色圖形圖層合併;這可以透過「合併至下方圖層」選項完成,該選項位於「圖層」視窗的選項中。

我們將對這次合併產生的一個新圖層應用「高斯模糊」濾鏡,其百分比在15到20之間,路徑為:濾鏡 > 效果 > 即時效果 > 高斯模糊。 完成,點擊接受。

總結一下,最後我們應該擁有的圖層將是:(1) 鎖定圖層,(2) 帶有圖形和其漸層的圖層,(3) 帶有白色圖形的圖層,(4) 原始設計圖層,這些是創建效果所需的所有圖層。此時我們必須啟用鎖定圖層 (1),結果將如下:

這是可選的,但我們可以對我們之前已經應用過模糊的圖形圖層額外應用一次「高斯模糊」

作為最後一步,我們將應用一些濾鏡為玻璃添加紋理。

 

首先,我們將定位到鎖定圖層並將其解鎖。

然後,在解鎖圖層上應用「結晶化」濾鏡,此濾鏡位於:濾鏡 > 效果 > 結晶化。 透過控制器,我們可以調整其排序和密度。

我們將添加的第二個濾鏡是雜訊濾鏡,為此,請前往:濾鏡 > 效果 > 即時效果。 在我的情況下,我將使用「灰色雜訊」效果。完成。

最後,我們需要再次鎖定圖層。

我們的效果已完成。如果我們希望在畫布上移動圖形,我們需要在使用「操作」工具的同時選定兩個圖形圖層。

- 反轉效果 -

 

若要反轉效果,使模糊支配圖像,而圖形成為清晰的窗口,只需交換鎖定圖層和原始設計圖層的位置即可。


✦ 簡單效果

最後,讓我們看看一些可愛且快速完成的效果。

接下來是一個非常簡單的效果,儘管可以直接從文字工具的屬性中完成,但仍然值得一提。這個效果是使用「線稿描繪」濾鏡來獲得空心文字。讓我們看看怎麼做:

 

讓我們從將文字圖層轉換為點陣圖層,然後複製它開始。

接下來是前往:濾鏡 > 即時效果。

進入窗口後,選擇「線稿描繪」效果。在設定中,我們可以調整線條的粗細、簡潔度和密度。完成後點擊接受。

現在的空心字母可以用多種方式使用,但在這種情況下,我會將它們移動到基礎圖層下方,並將其移動到一側,以賦予文字三維效果。


接下來是模糊和雜訊的組合效果。

 

將文字圖層轉換為點陣圖層。

前往:濾鏡 > 即時效果 > 高斯模糊。 這個首次模糊應該是輕微的。

然後,使用選擇工具選擇所需的區域;在我的情況下,我將選擇下半部分。

接下來是再次前往:濾鏡 > 即時效果 > 動態模糊。 使用這個模糊效果,需要選擇移動的角度和強度。

現在取消選擇框定的區域,合併背景和字體圖層,然後從濾鏡 > 即時效果 > 灰色雜訊應用雜訊效果。


接下來的濾鏡為文字賦予簡單的玻璃效果,看看怎麼做:

 

將圖層轉換為點陣圖層。

使用選擇工具選擇所需的區域。

然後從濾鏡 > 即時效果添加「高斯模糊」效果。完成。

結語

字體設計非常有趣,現在隨著效果、濾鏡和其他新增功能的更新,可製作的設計的便捷性和多樣性都增加了。所以,希望你們也能實驗並玩得開心。

 

感謝你們看到這裡!如果能給我一個讚就太棒了。下次再見!(≧∇≦)/

 

再見。

 

在以下地方了解更多關於我的資訊:

留言

最新

最新官方