海報設計與排版

10,145

AriaVon

AriaVon
自動翻譯 | 查看原文

前言

大家好!感謝各位又一個月的陪伴 ʕ•́ᴥ•̀ʔっ。這一次,我將分享關於海報設計與排版的知識。希望對大家有所幫助。廢話不多說……

 

讓我們開始吧!!

1. 設計的受眾是誰?

首先讓我們問問自己:設計的受眾是誰?根據想要吸引的領域,設計必須導向該領域。領域決定風格。例如,針對兒童領域設計的作品與針對成人領域的作品完全不同,反之亦然。在許多情況下,一方的特點對另一方並不具備吸引力。

 

下一個要問的問題是:我想要針對的領域有哪些特徵?例如,針對兒童的海報應該包含色彩鮮艷、有趣、活潑且易於辨識的字體。而另一方面,對於青少年或成人受眾,元素則可以偏向大膽、前衛,並使用穩重的字體。

 

2. 分析風格

一旦我們了解了目標受眾,在開始排版之前,我們必須開始考慮與設計整體風格相關的某些元素。這些都是簡單但非常有效的方面。

 

 

✦ 字體排印

字體排印是指文字的風格或外觀。我們在製作文件、學校作業等時一直在使用它。在這一點上,必須開始考慮與海報風格一致的各種字體。例如,如果您正在處理帶有恐怖色彩的插畫,所使用的字體應與插畫的整體主題協調一致。

 

► 字體類型

 

展示字體(Display): 有些字體如下所示,被稱為展示字體,這類字體通常因其獨特的外觀而被用於標題。

這類字體可以從商店獲得,或由我們自己設計。以下範例是我在其他教學中介紹過的各種裝飾風格文字。

如果您想了解如何製作這些設計或其他設計,歡迎訪問我逐步解釋如何製作的其他教學:

 

 

• 襯線體 (SERIF): 下一類字體是襯線體,其特點是字母筆劃末端有稱為襯線的小筆觸。常見於雜誌和報紙。

• 無襯線體 (SANS SERIF): 無襯線體沒有襯線體那種特徵筆觸。這是一種展現簡潔與現代感的風格。通常用於數位環境,因為在螢幕上易於閱讀。

• 字族 (TYPOGRAPHIC FAMILIES): 字族擁有一些被稱為字體形態修改的變體。這些修改體現在筆劃寬度、比例和傾斜度的差異上。

 

由於這些變體,並不總是需要使用不同的字族,只用一個字族可能就足夠了。

► 使用哪些字體?

 

在進行專案時,建議最多使用一到兩種字體。如果需要更強烈的對比,可以重複使用已使用的字體,但修改其形態,例如增加尺寸、加底線或加粗。在下面的範例中,標題使用的是襯線體,而其餘部分是具有不同變體的無襯線體。

在組合不同類型的字體時,我們必須考慮到它們應該互補。例如,裝飾性字體搭配簡單字體,或矮胖字體搭配修長字體。

► 層次等級

 

在任何添加了字體的設計中,我們都可以利用字體層次結構。它有助於組織構圖和閱讀順序。字體層次通常分為三個等級:

 

➀ 第一層: 放置標題。

➁ 第二層: 包含副標題和小段落文字。

➂ 第三層: 長篇文章的主體文字位於此處。


✦ 色彩

此外,色彩能讓我們傳達情感和氛圍。例如,愛的情感通常與粉彩色和粉紅色相關;仇恨或恐懼則與咖啡色、黑色或紅色等暗色調相關。

 

某些顏色的含義會因文化而異,因此考慮目標受眾至關重要。

為了設計出好的色盤,我們必須了解色彩理論,為此我們將使用一種專為選擇顏色而設計的工具:色輪(色相環)。

顏色可以分為冷色調和暖色調。

 

► 暖色調

 

這些顏色能向觀者傳達熱情、激情、喜悅、愛、活力、溫暖等感受。同時,它們也可以代表一年中的某個季節,例如秋天或春天。它們傳達高溫的感受。範圍是從紅色到黃色。

► 冷色調

 

這些顏色傳達低溫的感受。範圍是從藍色到綠色,以及紫色。冷色調是冬天、夜晚、大海、湖泊、寧靜、冷靜、孤獨、安詳、憂鬱、夜晚、冬天等的色調。藍色是最能代表冷色調的顏色,如果它存在於其他色調中,會有助於讓人感覺更冷。

► 色彩和諧 (色彩搭配)

 

色彩和諧是以和諧的方式組合顏色的公式。正確使用它們可以創建讓插畫更具說服力的色盤。有五種重要的色彩和諧方式,讓我們來看看有哪些:

 

A. 互補色 (COMPLEMENTARY): 互補色是在色輪中位置相對的顏色,這種組合會產生對比。

 

B. 類似色 (ANALOGOUS): 類似色和諧是由在色輪中位置相近的顏色組成的。由於位置相近,它們彼此搭配得很好。

C. 分裂互補色 (ADJACENT COMPLEMENTARY): 這種色彩搭配會選取一個顏色作為主色,然後選取其互補色兩側的兩個顏色。

 

D. 三元色 (TRÍADA): 為了創建三元色和諧,會使用三個等距離的顏色。

E. 單色 (MONOCROMÁTICA):

為了使用這種和諧方式創建色盤,所有顏色都源自單一顏色,並使用其明度和飽和度的各種變化。也可以加入不同的中性灰色。

3. 排版佈局

現在讓我們來看看排版的一些方面,這些方面將在我們放置文字時幫助構圖,使其與其他元素完美協調。

 

 

✦ 整體層次

層次結構用於引導觀者的視線。路徑是從最吸引人的地方到最不顯眼的地方,它告訴觀者從哪裡開始以及去往何處;在吸引人的部分,我們可以找到大型且裝飾過的元素。讓我們看一個簡單的例子,哪一個看起來更好?毫無疑問是左邊那個。

根據資訊的重要程度改變字體大小以及色彩對比,是引導觀者視線不可或缺的元素。正如我們在下面的例子中看到的,讀者會遵循這個順序,因為元素的尺寸和佈局都在引導視線前往設計師想要的地方。

 

色彩: 色彩也是一個需要考慮的元素,與環境產生對比的顏色可以讓我們將視線集中在突出的元素上。


✦ 文字定位

文字可以放置在構圖的任何部分,或直接成為設計的一部分,但要努力不干擾插畫中的注意力焦點。這就是為什麼主文字通常放置在插畫的空白區域,而標誌或次要文字在下邊緣或上邊緣最為明顯。

 

同樣地,我們可以將部分文字放置在某些元素之後,或以一定角度、圓形/半圓形的方式放置。


✦ 視覺層次 (色彩)

現在讓我們深入探討一些可以用於優化色彩關係和比例的技術。這樣我們就能為構圖賦予體積和形狀。

 

► 60-30-10 法則

 

這是一個幫助選擇和組合顏色的法則。該法則規定,主導色彩應佔設計的 60%,次要色彩應佔 30%,而強調色應佔 10%。

 

60-30-10 法則的優點:

 

1. 透過為每種顏色分配百分比,確保有一種平衡感。

2. 設定 3 種顏色可以簡化設計過程。它限制了選擇並避免了令人崩潰的顏色組合。

3. 主導色彩在大面積表面上引起注意並建立設計的整體氛圍 (60),而剩餘的 30-10 則強調具體元素。

► 色調值 (明度)

 

色調值定義了一種顏色的深淺。例如,如果我們有一個藍色色階並將其轉換為灰階,我們就會得到色調值。顏色的亮度通常分為高、中、低,高是指最接近白色的數值範圍,中是指灰色區域,低則是指接近黑色的數值。

這種相同的量表可以應用於任何漸層顏色,這樣做我們會發現,即使一個顏色具有不同的色相或飽和度,它們仍然可能擁有相同的亮度或黑暗度。

 

讓我們看下面的例子:我們有藍色和粉紅色兩個色階。藍色屬於冷色調,粉紅色屬於暖色調,現在如果我們將它們轉換為灰階,會注意到儘管色相不同,粉紅色的亮度可能與藍色的亮度相同。

為什麼這很重要?這對對比度具有重大意義。如果我們選取兩個色調值相似的顏色,對比就會消失,而當對比消失時,在許多情況下體積感也會消失,使得難以區分物體。

 

在下一張圖片中,左側是高對比,中間是中對比,右側是低對比。

 

運用低對比並不總是壞事,因為我們可以根據顏色的色相對比來創造對比的錯覺,但那稍微困難一些。

色調值幫助我們區分物體並突出重要元素,指引我們優先看哪裡。很自然地,我們的視線會尋找高對比區域,但如果我們在所有地方都使用相似的值,注意力就會分散,這會讓我們的視線無法在任何特定點停留,進而想離開這張圖片。

 

在下面的例子中,左側圖片使用彼此非常相似的數值進行低對比處理,這導致其中的元素無法被妥善閱讀。另一方面,右側則能看到更明顯的對比,使得閱讀圖片及其每個元素變得容易。

💡 提示: 為了更輕鬆地觀察我們正在使用的色調值,可以應用將圖片轉換為灰階的可靠技巧。為了以非破壞性的方式實現,請執行以下操作:

 

1. 在想要查看灰階的內容之上建立一個新圖層。

2. 使用 「填充工具 (油漆桶)」 將新圖層填滿黑色。

3. 前往圖層視窗選單中的 「混合模式」 並選擇 「顏色」 模式。

 

好了,現在我們有了這個可以根據需要開啟和關閉的圖層。

💡 提示: 透過 「色調補償」 工具,我們可以更改顏色的數值以改善圖片的飽和度和亮度。要做到這一點,我們有兩種方法:破壞性方法和非破壞性方法。

● 非破壞性方法: 對於此方法,我們長按圖層,會出現一個選單,在其中可以找到 「新補償圖層」 選項,點擊後會展開一個子選單,其中包含所有的色調補償工具。現在只需選擇我們偏好的一種即可。我個人推薦 「色調曲線」。

 

此方法會建立一個獨立於其他圖層的圖層,我們可以在其他圖層之間變更其位置。最重要的是,此圖層的色彩補償將影響其下方的所有圖層。為了避免這種情況,必須將其放置在想要校色的圖層之上,並應用 「圖層面版」 中的 「用下一圖層剪裁」 選項。

 

此方法的優點是,即使在設定好調整後,我們仍可以隨時進入圖層的色彩設定,只需按兩下圖層縮圖右角的小白圖示即可。另一個優點是我們不會遺失原始設定,如果不想要補償效果,只需刪除該圖層而不會遺失任何東西。

● 破壞性方法: 這第二種方法涉及直接在該圖層上編輯其顏色,一旦應用補償,更改將無法修改,只能在復原選項的作用範圍內復原。好了,現在要應用此方法,必須選擇要編輯的一個或多個圖層,然後前往:編輯 > 色調補償。 到達那裡後,選擇我們最喜歡的補償工具。

 

注意: 從 5.0 版本(此指軟體更新後之對應版本,如 2.0 或 3.0 之更新說明)開始,可以使用 「色調補償」 來 同時編輯多個圖層。


✦ 版面配置

讓我們首先了解一些可以用於設計的格式,以及如何在 CLIP STUDIO PAINT 中建立這些格式。

 

► 尺寸

 

對於海報、傳單或雜誌,通常一般規則是垂直風格。在這種意義上,遵循 A 系列紙張尺寸。在這些格式中,我們有:

 

• A1: 這種海報的尺寸通常為 594 x 841 mm。

• A0: 這種用途的多功能尺寸。其測量值為:841 x 1189 mm。

• CARTA (美制信紙): 尺寸為 21.5 x 27.9 cm。

• 另一方面,對於 數位格式,建議尺寸為 1080 x 1920 px。


► 檔案設定

 

如果是要列印的檔案,必須考慮某些技術方面,如色彩設定檔、尺寸、邊距等。現在我們不專注於此,但如果您想了解更多相關資訊,我建議訪問 CLIP STUDIO TIPS 社群中可以找到的列印教學。

 

注意: 出血寬度是印刷廠會裁切掉的空間,但為了避免錯誤,請將設計延伸到這部分。應避免將重要元素放置在出血區域附近。

在「預設」中我們可以找到預設的格式。

邊距的大小可以在尺寸對話框中設定,最後我們可以選擇設定自定義邊距。

最後,我們有三個重要的選項。

 

➀ 出血寬度可以在 3 到 5 mm 之間更改,這取決於印刷廠的規範。

➁ 至於解析度,超過 300 ppp 的檔案適合列印,數位檔案則為 72。

➂ 基本表現顏色有兩種:彩色和單色。一個允許使用顏色,另一個則不允許。


► 排版類型

 

現在讓我們了解一些在進行設計時可以遵循的排版圖示範。

 

• 中央式: 這種構圖在電影海報中非常常用。在這種格式中,我們首先在中央上方區域發現的是報頭,然後是佔據所有可用空間的中央圖像,在此區域不放置文字,因為這裡通常是插畫中心元素所在之處。現在,在下半部我們可以放置重要的文字如標題,接著是二級層次的文字,最後是補充文字,儘管這些文字可以像下面的例子那樣反轉。

在廣告傳單中,我們也能發現這種中央排版,尤其是因為產品必須是最大的焦點。

• 補償式: 在這個圖示中,文字不一定放在中心,而是放在兩側以達成補償平衡。如果一側有文字,另一側則是插畫。但如果圖像位於中央,文字則放置在邊緣。

如果圖像是居中的,我們可以將重要文字放置在某些元素背後,但仍要讓文字大小突出其重要性。例如,在這張雪山的插畫中,重要文字模擬在山峰後方的效果;這也有助於整合這兩個元素,使兩者產生互動。


► 雜誌

 

現在讓我們看看雜誌排版中一些更具體的元素。雜誌封面每一本都是一個獨立的世界,但大多數雜誌中都有一些重複出現的元素。讓我們了解這些元素:

 

1. 標誌 (LOGO): 標誌是包含品牌名稱的主要元素,其名稱和設計使其能被自動識別。它通常是封面最大的元素,佔據了大部分空間。

2. 主圖像: 圖像應代表並定義刊物的個性,這將是使用者預先判斷是否對內容感興趣的參考點。

3. 主標題: 此標題將是最重要的,應透過比其他標題更大的文字和顯眼的顏色以任何方式強調。字體必須與先前使用的字體保持一致。

4. 固定資訊: 這是出版社自身的資訊,如期號和日期。

5. 次要標題: 這第二部分標題應包含對大眾感興趣的主題。至於文字,它可以遵循統一的風格,並使用強化其重要性的元素(如突出的標題),但不能比主標題更顯眼。

6. 條碼: 條碼也是屬於企業資訊的固定元素之一。

封面類型

 

在設計中我們可以找到三種封面類型,讓我們來看看有哪些:

 

• 具象型: 這些封面有一個主要元素,通常是一個角色。

• 文字型: 由於透過圖像溝通更容易,這類封面較少見,因此很難抓住讀者的注意力。這些封面由字體和背景中不顯眼的圖像主導。

• 概念型: 這些封面包含很少的文字,並嘗試透過詮釋性的圖像來傳達主題。


► 廣告海報

 

廣告海報的元素通常很簡潔,以便讀者獲得資訊並接觸到最大量的讀者。讓我們看看必不可少的元素:

 

1. 標題: 在標題中放置要廣告的產品品牌名稱。文字必須清晰易讀,即使從遠處看也是如此。此標題應位於突出的位置,使其在所有元素中脫穎而出,佔據海報的大部分。

2. 日期/地點/時間/價格: 此內容告知讀者在何處及何時可以購買或觀看廣告的項目。在此部分,字體應較小,但價格除外,價格必須突出。

3. 主圖像: 這是佔據最大空間的元素,放置方式應能吸引注意力,且圖像中最重要的元素不應被其他元素覆蓋。不用多說,一圖勝千言。

4. 贊助商: 這些元素放置在海報底部,依重要程度由大到小排列。這裡放置贊助企業的標誌。

5. 聯絡資訊: 這些資訊可以是電話號碼、電子郵件或網站。這些資訊應位於閱讀順序的末尾。

4. 文字工具設定

在針對字體排印的教學中,我通常會包含這個章節,解釋 「文字」 工具的基本使用概念,以幫助那些還不熟悉該工具的人。此外,該工具經常會出現新的更新,我會將其包含在字體教學的新版本中。因此,如果您已經熟悉此工具,請放心跳過此部分。

 

重要

 

從 5.0 版本(即近期主要更新)開始,某些面板的名稱已更改。術語已從 —> 更改為:

 

● 副工具 (Subtool) —> 工具群組。

● 工具屬性 (Tool Property) —> 工具調整。

● 副工具詳細設定 —> 工具進階調整。

 

 

✦ 文字工具

我們可以在工具面板(帶有字母 「A」 的圖示)或使用快捷鍵 「T」 找到文字工具。在 「工具屬性」 視窗中,我們將找到所有設定。

► 簡單文字

 

可以透過點擊框線來移動文字方塊,使用頂部的控制點進行旋轉,最後使用框的控制點來更改文字大小。這可能會壓縮字母,但如果我們勾選了 「工具屬性」 視窗中的 「維持長寬比」 選項,或者在變換時按住 SHIFT 鍵,變形將保持等比例。不過,這些變形對於產生戲劇性效果非常理想。

 

要結束編輯,請點擊浮動工具列中的勾選標記圖示。而鉛筆圖示則會帶您進入 「副工具詳細設定」。按 「X」 按鈕可取消(點擊框外也會結束編輯)。

► 文字框

 

此外,我們還有另一種方式:文字框;相反地,這種方式會建立一個方框,與前一種方法不同,它限制了可書寫的空間。要啟用此選項,必須前往:拖曳 > 建立文字框。我認為其最大的優點之一是不再需要使用 Enter 鍵進行換行,一旦到達邊界,會自動換行。

 

注意: 從 2.0 版本開始,將預設選中 「在框內自動換行」。此選項可防止文字延伸到框架之外,而是會產生新行。要停用它,必須前往:副工具詳細設定 > 文字。

與前一種方法不同,當我們使用控制點變換方框時,字母不會被壓縮(我們可以注意到維持比例選項是被禁用的)。如果方框太小,部分文字將被隱藏,直到調整尺寸到所有文字都可見。

 

注意: 即使啟用了此選項,仍可以用簡單的方式編寫文字,只需點擊空間而不需要畫框。這樣可以快速地在兩種方法之間切換。

如果我們點擊 「工具屬性」 視窗右下角的扳手圖示進入 「副工具詳細設定」, 在文字部分會發現 「對齊方框」 選項,此選項允許更改文字相對於方框的對齊方式:靠上、置中、靠下。


► 多個文字圖層

 

如果我們有多個文字圖層,可以使用 「與下層圖層合併」 圖示將它們組合在一個圖層中,此圖層可以包含許多可以獨立或共同修改的文字方塊。

 

注意: 如果合併的圖層中有一層不是文字類型,合併結果將是一個點陣圖層,無法再作為文字進行編輯。

如果我們想同時選擇多個文字,必須啟用選項:「選擇文字」,此功能位於 工具屬性 的 「拖曳」 部分。這對於分開的或合併的圖層都有效。如果使用的是平板電腦版,為了進行多選,必須保持側邊鍵盤上的 SHIFT 鍵處於啟用狀態。

 

重要: 完成後必須停用此選項,以便重新建立文字框並避免拖曳操作。

► 同時修改多個圖層

 

當我們想同時修改多個文字圖層以節省時間時,應將 工具屬性 面板中的 「套用對象」 設定從:「僅限新文字」 更改為 「選取的文字」。

 

注意: 「選取的文字」是程式 2.0 版本中新增的功能。

現在,選擇所有要修改的方框,我們將從屬性面板進行編輯。更改將反映在每個選取的方框中。這種編輯方式是 2.0 版本中實施的一項改進。


► 尺寸與字體

 

在此部分將出現不同的字體,我們可以調整其大小。對於大小和字體,我們可以選擇一個單詞、字母或完整句子,因此可以在同一個文字框內擁有不同的尺寸和字體設定。

► 新增字體

 

展開字體清單時,我們會在最後發現選項:新增字體。顧名思義,這裡可以新增字體。為此需點擊該選項,會開啟檔案搜尋視窗,在此選擇包含字體的 ZIP/ RAR/ TTF/ OTF 檔案包,最後點擊確定。

會出現一條訊息詢問是否儲存在雲端,如果您覺得方便就點接受,否則只需點關閉。

好了,我們有了一個新字體。


► 樣式

 

至於樣式,我們有:粗體、斜體、底線和刪除線。選擇一個單詞或全部文字即可套用效果。


► 對齊 / 排版對齊 / 文字方向

 

● 對齊與文字方向: 在對齊方面,可以將文字向右、置中或向左對齊。對於結構,我們可以將方向在水平和垂直之間切換(例如,垂直方向對日文字元效果更好)。

● 排版對齊: 進入點擊「工具屬性」視窗右下角扳手圖示可見的 「副工具詳細設定」,我們會發現 「行距 / 對齊」 選項。在選項中我們會找到:調整、在框內的位置、行距和調整文字至方框。

 

當需要處理大量文字進行雜誌排版時,這些選項非常重要。


► 顏色 / 背景顏色

 

我們可以透過點擊 「工具屬性」 視窗中的對應選項來更改文字顏色,但如果該視窗中沒有該選項,可以從以下路徑啟用:副工具詳細設定 > 字體 > 顏色。 若要從「工具屬性」中查看該選項,需在 「副工具詳細設定」 視窗中啟用對應選項的眼睛圖示。

在 「文字顏色」 選項中,我們有三個選項來設定書寫時預設使用的顏色:主色、輔助色或僅黑色。

● 背景顏色: 在 「副工具詳細設定」 視窗的 「文字」 部分,我們會發現 「背景顏色」 選項,此選項可為字母賦予背景色。顏色可以從對應的欄位選擇,同樣地,在此部分我們會找到一個用於調節背景不透明度的滑桿。


► 模式

 

這裡我們發現 縮放 / 旋轉 / 傾斜。非常適合將文字放置在不同的角度。


►字距 / 行距

 

字距 對應於字母或字元之間的間隔。字母太擠或太開都會導致閱讀困難,但這兩項特徵對於為文字賦予動感和新鮮感非常有用。要在 CLIP STUDIO PAINT 中編輯這些特徵,需執行以下操作:

 

➀ 我們必須前往點擊右下角扳手圖示後可見的 「副工具詳細設定」。 在此視窗中,我們會發現更多在 「工具屬性」 視窗中不可見的功能。

 

➁ 在 「字體」 部分我們發現兩個選項:字元間距 和 縮減。 使用滑桿可以控制分離程度。

 

另一方面,行距 是文字行之間的空間。這個空間讓我們能調節讀者閱讀的舒適度,例如,如果空間太小或太開,視線會感到疲勞,最好是中間的空間。要修改它,我們會在 「副工具詳細設定」 視窗的 「行距 / 對齊」 部分找到對應選項。


►連字 (Ligatures)

 

連字是在結構上相遇的字母的結合,以便它們在一起時看起來更好。這項特質在 CLIP STUDIO PAINT 的 2.0 版本中加入。預設是啟用的,但我們可以從 「副工具詳細設定」 視窗停用它。

 

注意: 並非所有字體都相容,且如果啟用了該選項,它們會被視為單一字元。

如果想移除特定部分的連字,只需遮蓋該部分並停用連字圖示。


✦ 邊界 (描邊)

以前為了建立邊界效果,我們必須從圖層屬性視窗進行,但現在,隨著 3.0 版的新更新,文字工具中新增了邊界功能。讓我們看看如何實現。

 

➀ 我們必須點擊右下角的扳手圖示前往 「副工具詳細設定」。

➁ 在這個新視窗中,我們前往 「文字」 部分。

➂ 在此必須啟用 「邊界」 選項。使用滑桿可以調節厚度,使用 「邊界顏色」 可以調節顏色。

注意: 如果不想一直開啟此視窗,可以點擊旁邊的方塊使該功能在「工具屬性」視窗中可見,當此方塊出現眼睛時,表示它在另一個視窗中已可見。

以下是實施邊界如何顯著改善文字效果的例子。


✦ 圓形文字

隨著 3.0 版的更新,新增了將文字放置為圓形的功能。這是一個美妙的新效果。要實現它,需執行以下操作:

 

➀ 必須前往 「副工具詳細設定」;在視窗中我們轉到 「圓形文字」 部分。

➁ 啟用 「圓形文字」。使用其他調整選項,我們可以調節半徑、方向(順時針和逆時針)以及均勻佈置。

以下是添加了曲線文字的範例。


✦ 空心字體

要使文字變空心,只需在 「副工具詳細設定」 視窗中啟用對應選項;在視窗中我們前往 「字體」 部分。在那裡會找到 「帶輪廓的空心字」 選項。

啟用該選項後,字母將會變形。在此部分中,我們會發現兩個選項:帶輪廓的空心字 (細) 或 帶輪廓的空心字 (粗),第二個選項會賦予輪廓一定的厚度。

空心字母沒有很明顯的邊界,如果我們想讓它更明顯,可以啟用邊界效果,並在此部分將邊界顏色更改為與字母相同的顏色。好了,現在我們可以調節希望字母輪廓有多寬。

如果我們將此效果與經典文字結合,可以創造出有趣的結果,這全看實驗。

這是空心字母如何幫助補充構圖的另一個例子,在這種情況下,套用了相同的垂直文字,但每一個的不透明度都較低。

5. 讓我們設計一些字體

接下來我將介紹幾個文字編輯的點子。

 

 

✦ 文字隧道

第一個將是隧道效果。讓我們看看我為此編輯遵循的步驟:

 

➀ 首先標記我們希望建立牆壁的區域。一個大的長方形代表近處元素,大長方形內的一個小長方形用於標記深度。

➁ 現在必須建立第一個文字框。

➂ 將這第一個文字框複製幾次,並將複製品一層層堆疊在一起,形成一個文字塔。

 

要複製圖層,我們可以使用快捷鍵 「CTRL 加 C」 和 「CTRL 加 V」,或者如果使用的是平板電腦版,長按要複製的圖層會出現一個選單,其中有 「複製圖層」 選項。

💡 提示: 如果我們想讓文字完美對齊,可以使用 「對齊 / 均分」 工具。此工具可以從:視窗 > 對齊 / 均分 開啟。

➃ 必須將所有文字圖層歸類為一組,然後再複製三次。

➄ 將其中一個複製圖層轉換為點陣圖層。為此需長按圖層,在彈出的選單中選擇 「點陣化」 選項。

➅ 現在,選擇點陣化的圖層,前往 「變形」 工具,啟用後在 「工具屬性」 視窗的 「模式」 部分選擇 「自由變形」 選項。

➆ 最後,使用這種變形模式,可以將文字與兩個長方形的頂點對齊。

➇ 最後只需重複步驟 5 到 7 來填滿牆壁的其他側面。

我們已經有了文字,現在只需添加一些補充元素來營造正確的氛圍。這是可選的,但在我的情況下,我設計了一條道路。

 

➀ 首先,使用圖形工具畫出一條道路,並使用 「變形」 工具的 「自由變形」 模式將其與設定的透視對齊。

➁ 接下來我將所有變形後的文字圖層歸組,然後在所有圖層之上建立一個新圖層,在該圖層上我使用 「噴槍」 筆刷和鮮豔的顏色標記字母的外輪廓。

➂ 按住 CTRL 鍵,然後點擊該圖層的縮圖。

➃ 選取標記區域後,關閉醒目圖層。

➄ 接著我移至變形後的文字圖層,對其套用 「高斯模糊」 濾鏡。

 

高斯模糊位於:濾鏡 > 模糊 > 高斯模糊。

➅ 最後,套用黑色到透明的漸層,分別以圓形和直線形式呈現。每一種都建立在獨立於其他元素的圖層上。

 

圓形 和 直線 的設定可以在 「工具屬性」 視窗的 「形狀」 部分找到。

我在小長方形上添加了圓形漸層,以表示遠離觀者時消失事物的深度。而在最接近觀者的邊緣添加了直線漸層。


✦ 旋轉

下一個是具有深度的旋轉文字範例,讓我們看看如何做:

 

➀ 首先建立要編輯的文字清單。

➁ 接著我們應設定幾個層級。在這種情況下,我將使用三個層級,並用兩個圓圈標記每個層級,一個比前一個稍微小一點(目前這些次要圓圈不重要,它們是我在陰影部分使用的指南)。我在對應的各個圖層中設定了每個引導圓。

➂ 現在必須複製文字圖層並將其轉換為點陣圖層。

➃ 接下來隱藏所有圖層,只啟用第一個圓圈(最大的那個)的圖層。

➄ 使用 「自動選擇」 工具選擇圓圈中心,然後停用圓圈圖層並啟用點陣化文字圖層,最後點擊它。

➅ 在選取工具的浮動列中,我們會找到 「剪下並貼上」 選項,點擊它。這樣做後,選取的文字部分將從原始圖層分開,並移動到上方的新圖層。

➅ 最後,對後續層級重複相同的過程。

既然三個層級已經分開,我們將為每個層級添加顏色。為此需在每個對應的文字圖層下方建立一個新圖層,每個層級使用不同的顏色。

最後,必須更改每個層級文字的顏色。

為了讓上方圖層的背景顏色不覆蓋之前的圖層,我們必須執行以下操作:

 

➀ 我們將隱藏所有圖層,只保留包含我們想要隱藏顏色的圓圈引導圖層可見。 \

➁ 現在使用 「自動選擇」 工具選擇圓圈中心。

➂ 接著隱藏引導圖層,並啟用包含文字及其對應背景的圖層。我們將這兩個圖層合併,對其他三個層級執行相同操作。總共應剩下四個圖層。

➃ 好了,回到包含我們選取的圓圈形狀的圖層,在 「圖層」 視窗的設定中我們會找到 「圖層蒙版」 選項,點擊它,我們將看到選取區外部的部分(顏色)消失,只保留選取區域可見。

➄ 對圓圈的每個層級重複前一步驟。

➅ 現在,選擇其中一個圓圈圖層,並使用 「變形」 工具,以使文字與之前的固定圖像錯開的方式旋轉文字。對每個層級重複此操作。

 

這一步不是必不可少的,但我認為它能增加效果。

➆ 最後,我們在每個層級的圓圈之上建立一個新圖層,選取新圖層後,我們移至 「漸層」 工具。

➇ 到達那裡後,選擇或建立一個由左端透明和右端黑色組成的漸層。在 「工具屬性」 視窗中,必須將 「形狀」 選項設定為 「圓形」。

➈ 現在在各個層級的每個圖層之上套用漸層。

➉ 使用我開頭展示的第二層引導圓來引導我希望漸層到達哪個點,並擦除剩餘部分。

 

在這一點上,黑色與設定的顏色不符,因此我將漸層顏色更改為圖像中佔主導地位的藍色,然後將該圖層的模式更改為 「色彩增值」。 最後,用柔軟的橡皮擦稍微擦掉多餘部分,使陰影邊緣變薄。

好了,我們已經完成了深度效果。

告別

我不打算撒謊,我非常享受編輯字體,這是我的愛好,當然,我只是分享我擁有的知識,但你知道的,學習永無止境,因此,我希望能和大家一起學習更多編輯文字的方法。

 

感謝各位讀到這裡!如果您能給我一個喜歡,那將會有很大的幫助。我們後會有期! ≽^•⩊•^≼

 

掰掰 ₊˚⊹♡

 

更多關於我的資訊請見:

留言

最新

最新官方