0 0 votes
Article Rating

每次學了新的技巧都會覺得腦洞大開,
但技巧無限多種、只要一不使用很快就會又會忘記…
因此想開始在自己的網站紀錄關於Adobe相關軟體的筆記!
除了紀錄之外,也可以分享給有興趣的朋友們!!

希望三分鐘熱度的我可以持之以恆…。

而我的第一篇筆記,就是關於如何製作可愛的磚塊字體

如何製作可愛的磚塊字?

首先呢,使用了稜角鮮明的「octin College」字體,
(可以先在Adobe的字體庫下載下來)

然後套用在想要設計的字串上。

而後,將字串套用如下圖的
「效果」→「3D和素材」→「3D(經典)」→「突出與斜角」

接著,修改一下其效果面板。
位置→改成「前方」,讓3D字體正對前方。

接著,數據面板也更改如下

X軸:1
Y軸:1
突出深度:1500pt(最大可以2000pt)
表面:塑膠效果
環境光:0%
漸變階數:0(讓網底顏色不會漸變成多層)

而後,再將網底顏色調成自己的喜好。

移動光源位置球上的光源點到正中央,光源會從正上方打下。
此時也可以看到字體表面顏色、因為光源改變,原本偏淡粉紅的顏色也變成原始的白色。

樣板調整好後按下儲存,就會得到如下圖般初步的樣式啦~

接著,
下一步驟是要增加外框的線條。

先打開「外觀」面板去調整。
(若找不到外觀面板,請點選上方欄位的「視窗」叫出外觀面板,或直接Shift鍵+F6)

將外觀面板中,處於字元下方的3D突出與斜角效果拉到字元上方

再點選左下角的新增「筆畫」(增加文字外框)

小說明

為什麼「3D突出與斜角」效果要拉到字元上面?
因為若無此步驟的話,外框會直接追加在原本文字上,而非包含整個添加3D效果的文字。
如下圖般,外框並沒有套用到3D陰影處。

接著再改變線條顏色成自己的喜好色,
就可以看到線條的雛形已經大致完成,就差最後一點修正了。
(如下圖:線條不夠圓滑,以及奇怪多餘的尖端跑出。)

再來,修正一下外框,
點擊「筆畫」,修正線條的端點及尖角到「圓端點」及「圓角」
可以發現調整過後,線條變得圓滑。

但是文字表層,還有多餘的線條。

這是因爲、是套用3D效果後的文字去做外框線條,
它會把最下方的底處文字線條也一併勾勒出。
所以可以看到下方陰影處的線條也會跟著出來。

因此這邊我們需要再套用最後一個效果。
點「效果」→「路徑管理員」→「剪裁覆蓋範圍」
(※是效果中的路徑管理員,而非一般的路徑管理員喔!下方會再說明。)

剪裁覆蓋範圍

剪裁覆蓋範圍的主要功用,是反應最上方的路徑,並將最下方的路徑刪除掉。
因此,靠著這個步驟、刪除原本多餘的底部線條,只保留最上方的路徑。

一般的「路徑管理員」中的「剪裁覆蓋範圍」「效果」中路徑管理員的「剪裁覆蓋範圍」是完全不一樣的。

一般的「路徑管理員」中的「剪裁覆蓋範圍」,只要套用後,路徑就會整個被改變,無法再隨意改正。

而「效果」中路徑管理員的「剪裁覆蓋範圍」,只是純粹套用效果,路徑本身並不會被改變。

(按control/command鍵+Y 顯示輪廓後可以發現,字本身的路徑沒有被變動。)

因此,隨時都可以任意改變文字內容~我覺得相當方便~!

登登~最後一個步驟完畢後,
就可以得到下方的圖了!

這個字體是不是超級簡單的阿~~

以上,就是這次簡單的磚塊字樣分享囉~~

最後修改日期: 2022-01-17
Subscribe
Notify of
guest

0 Comments
Oldest
Newest
Inline Feedbacks
View all comments