
文字設計也能這麼玩!Pixelmator Pro 五大描邊樣式必學技巧
在這篇5 Quick Ways to Style Text Using Strokes – Pixelmator Pro Tutorial教學中,Pixelmator Pro 官方影片展示了五種快速又簡潔的文字樣式設計技巧,充分發揮「描邊樣式」(Stroke Styles)的創意潛力。以下是教學中的精彩內容:

Dotted text effect 點狀外框字體
透過調整描邊的間距與樣式,創建出獨特的點狀外框效果,為文字增添趣味感。(本案應用3個Layer:形狀Shape、文字Text、效果Effect)
- Choose Style Tool:您可以按鍵盤上的 S 鍵並在樣式(Style)設定中開啟線條(Stoke)來完成此操作。
- 增加筆畫寬度(70px),並開啟筆畫選項選單,確定筆畫對齊方式設定為「中央」。
- 開啟筆畫樣式預設集選單,然後選擇預設集,將實線筆畫轉換為點狀筆畫。 將第一個間距設定為 1,將所有其他間距設定為 0 來調整點距。
- 使用色彩選擇器使筆劃與文字圖層的色彩相同,使它們完美地融合在一起,創造出有趣的泡泡字體效果。

Floating sticker effect 浮貼標籤效果
結合多重描邊與其他樣式,製作出具有層次感的浮貼標籤風格,適合用於廣告設計或標誌創作。(本案應用3個Layer:形狀Shape、文字Text、效果Effect)
- 選擇一個文字圖層或使用您喜歡的字體添加一些新文字。
- 在樣式設置中,開啟「填滿」樣式並為您的文字選擇一種顏色。
- 開啟「筆畫」樣式,並在筆劃選項中將其對齊方式設置為「外部」。
- 增加筆劃寬度並選擇一種顏色作為文字的背景。
- 按住 Option 鍵,然後拖放背景筆劃以複製它,建立一個看起來像貼紙切割線的輪廓。
- 在底部筆劃上,選擇您想要的切割線顏色。
- 通過增加筆劃寬度來調整切割線的粗細。
- 再次拖動背景筆劃以複製它,並將其放置在所有其他筆劃下方,為貼紙周圍建立經典的白色邊框效果。
- 增加筆劃寬度,直到它顯示為貼紙周圍的細輪廓。
- 在樣式工具選項中,開啟「陰影」。
- 移除陰影模糊,然後根據您的喜好調整陰影距離、旋轉和不透明度。
- 通過放置投影,您的浮動貼紙設計就完成了。 為了在您未來的項目中重複使用此設計,您可以將其保存為樣式預設。

Blueprint-style text effect 藍圖風格文字
自定義描邊線條樣式,打造如藍圖般的工程風文字效果,技術感滿分!
以下是使用 Pixelmator Pro 製作藍圖風格文字效果的步驟:
- 新增一些半透明的文字。
- 為增加質感,新增淺色顆粒效果。
- 新增藍色點狀背景。這可以透過在畫布上繪製小的圓角形狀,然後為其新增棋盤格效果輕鬆完成。
- 選擇「樣式」並開啟「筆畫」。
- 稍微增加筆畫的粗細並選擇一種顏色。白色很適合模仿白色墨水筆的效果。
- 在筆畫選項中,選擇虛線筆畫預設。這會在文字中新增具有矩形虛線的筆畫。
- 將虛線端點改為圓形,並選擇圓角樣式,以確保虛線能完美彎曲環繞角落。
- 透過將所有虛線和間距設定為四個點來調整虛線間距。
- 透過開啟筆畫樣式預設選單並點選「新增」,將筆畫儲存為預設。
- 選擇鋼筆工具並在文字旁邊繪製一條簡單的線條。按住 Shift 鍵可以繪製直線。
- 調整筆畫的粗細和顏色以符合文字,並在筆畫樣式預設選單中選擇先前儲存的預設。

Transparent text effect 透明文字效果
巧妙使用圖層遮罩,讓文字成為畫布的一部分,營造出透明融入的視覺效果。
以下是使用 Pixelmator Pro 製作透明文字效果的步驟:
- 您需要一張有主體的圖片和一些文字。
- 複製圖層並使用「隱藏背景」功能遮罩主體。您可以在圖層側邊欄頂部的遮罩選單中找到它。
- 輸入文字並將其放在畫布上您想要的位置。
- 按鍵盤上的 Command + J 複製文字圖層,然後將副本移到主體圖層下方(帶有遮罩)。
- 回到頂部文字圖層,按住 Control 並點選它,然後選擇「轉換成形狀」。
- 在樣式工具選項中,關閉「填滿」樣式並開啟「筆畫」。調整筆畫粗細並將其顏色與文字顏色相符。
透過這些步驟,您的主體將會透過文字形狀顯示出來。

Graffiti-style text effect 塗鴉風格文字
運用筆刷描邊,創造隨性且具藝術感的塗鴉文字,適合年輕化或潮流風格的設計。
以下是使用 Pixelmator Pro 建立塗鴉風格文字效果的步驟:
- 輸入文字並自訂其字體、顏色和樣式。 模仿手寫的字體通常最適合此效果。
- 按住 Control 並點選圖層側邊欄中的文字圖層,然後選擇「轉換成形狀」。
- 前往螢幕頂端的「格式」選單,然後選擇「使用筆刷描邊」。 這會使用您上次使用的筆刷在文字周圍新增筆畫,並提供自訂選項。
- 在筆刷瀏覽器中,開啟「噴灑筆刷」類別,然後尋找「粗噴灑」筆刷。
- 關閉「模擬壓力」並變更筆畫顏色以符合文字顏色。
- 調整筆刷設定(例如大小或角度),直到筆畫看起來適合您選擇的字體。
- 您也可以嘗試在此新增更多筆畫和細節。 例如,您可以在文字周圍新增第二個更分散的筆畫,並建立一個小的流動油漆細節,以達到更逼真的噴漆效果。
問題一、問Pixelmator Pro中,如何快速為文字添加點陣線樣式的貼紙效果?
在 Pixelmator Pro 中,要為文字添加點陣線樣式的貼紙效果,您可以按照以下步驟操作:
- 選擇文字層。
- 按下鍵盤上的
S
鍵,打開「Style」(風格)設置。 - 在「Style」設置中,啟用「Stroke」(描邊)風格。如果「Stroke」選項不可見,點擊「Add Style」(添加風格)按鈕,然後從菜單中選擇「Stroke」。
- 調整「Stroke」的寬度,使其符合貼紙效果的需求。
- 在「Stroke」選項中,設置「Stroke Alignment」(描邊對齊)為「Outside」(外側),這樣描邊會包圍住文字。
- 打開「Stroke Style Presets」(描邊樣式預設)菜單,選擇一個點陣線樣式的預設。如果沒有合適的預設,可以手動調整「Gap」(間隔)設置來創建點陣線效果。
- 調整點與點之間的間隔,確保點陣線效果符合您的設計需求。
- 使用「Color Picker」(顏色選擇器)將描邊顏色設置為與文字層相同或顏色,以便它們能夠無縫結合。
完成以上步驟後,您將得到一個具有點陣線樣式貼紙效果的文字層。這個效果可以讓文字看起來像是用點陣線繪製的貼紙。
問題二、如何在Pixelmator Pro中創建一個類似藍圖的點陣線文字效果?
在 Pixelmator Pro 中創建一個類似藍圖的點陣線文字效果,您可以按照以下步驟進行:
- 選擇您的文字層。
- 按下鍵盤上的
S
鍵,打開「Style」(風格)設置。 - 在「Style」設置中,啟用「Stroke」(描邊)風格。如果「Stroke」選項不可見,點擊「Add Style」(添加風格)按鈕,然後從菜單中選擇「Stroke」。
- 增加「Stroke」的寬度,以便描邊線条清晰可見。
- 在「Stroke」選項中,確保「Stroke Alignment」(描邊對齊)設置為「Center」(中心),這樣點陣線會均勻分佈在文字邊緣的兩側。
- 打開「Stroke Style Presets」(描邊樣式預設)菜單,選擇一個點陣線樣式的預設。如果沒有合適的預設,可以手動調整「Gap」(間隔)和「Dash」(虛線)設置來創建點陣線效果。
- 調整點與點之間的間隔,以及虛線與虛線之間的間隔,使其呈現出藍圖的外觀。
- 將「Stroke」顏色設置為與文字層相同或較淺的顏色,以模擬藍圖筆觸的效果。
- 為了增強藍圖效果,您可以為文字層添加一個半透明的背景,或者在創建一個新層上使用「Tesser Tile」效果來創建一個點陣背景。
完成以上步驟後,您將得到一個具有藍圖風格點陣線的文字效果。這種效果適合用於創建技術圖紙或工程圖紙的風格。
問題三、Pixelmator Pro中如何創建一個噴漆文字效果,讓文字看起來像是塗鴉?
在 Pixelmator Pro 中創建一個噴漆文字效果,模擬涂鴉的風格,您可以按照以下步驟操作:
- 輸入您的文字,並選擇一個適合涂鴉風格的字體。通常,類似手寫的字體會更加符合這種風格。
- 調整文字的顏色和大小,以達到您想要的視覺效果。
- 將文字層轉換為形狀,這樣才能應用特殊的繪roke 效果。您可以通過在 Pixelmator Pro 的側欄中右鍵點擊文字層,然後選擇「Convert into Shape」來完成這個操作。
- 前往頂部菜單,選擇「Format」>「Stroke with Brush」,這樣會打開一個帶有畫刷選項的面板。
- 在「Brushes Browser」(畫刷瀏覽器)中,選擇一個噴漆或塗抹風格的畫刷。例如,您可以選擇「Spray」(噴漆)類別下的畫刷。
- 調整畫刷的設置,如大小、角度和顏色,以模擬噴漆效果。您可能需要關閉「Simulate Pressure」(模擬壓力)選項,以便噴漆效果更加均勻。
- 如果需要,您可以添加多個噴漆繪roke,以增加厚度和深度。每次添加新的繪roke 時,可以選擇不同的畫刷設置,以創造多娣的噴漆效果。
- 完成後,您可以進一步調整文字層的不透明度和融合模式,以便噴漆效果與背景更好地融合。
按照這些步驟,您將能夠創建一個具有噴漆文字效果的圖像,使文字看起來像是用噴漆塗抹而成,類似於街頭塗鴉的風格。
結語
影片同時強調了 儲存自定義描邊樣式 的便利性,讓設計者可以快速重複使用自己喜歡的風格。更棒的是,官方還提供專案檔案下載,方便觀眾實際操作。
透過這段教學,您將更全面了解 Pixelmator Pro 的描邊功能,並靈活應用於多樣設計情境中,讓文字變得更有生命力!
0 留言