使用Photoshop將圖像置於文本中

對於本教程,我們將使用Photoshop將圖像放入文本中。 它需要一個剪貼蒙版,一旦你知道如何,這很容易製作。 Photoshop CS4用於這些屏幕截圖,但您應該能夠跟隨其他版本。

01 17

使用Photoshop將圖像置於文本中

文字和屏幕截圖©Sandra Trainor。 照片©布魯斯金,經許可使用。

首先,右鍵點擊下面的鏈接將練習文件保存到您的計算機上,然後在Photoshop中打開圖像。

練習文件: STgolf-practicefile.png

02之17

命名圖層

文字和屏幕截圖©Sandra Trainor。 照片©布魯斯金,經許可使用。

在“ 圖層”面板中,我們將雙擊圖層名稱使其突出顯示,然後輸入名稱“圖像”。

03之17

添加文字

文字和圖片©Sandra Trainor

在圖層面板中,我們將點擊眼睛圖標使圖像不可見。 然後,我們將從“工具”面板中選擇文本工具,在透明背景上單擊一下,然後用大寫字母輸入單詞“GOLF”。

目前,我們使用的字體或其大小並不重要,因為我們將在前面的步驟中更改這些內容。 而且,創建剪貼蒙版時,字體的顏色無關緊要。

04之17

更改字體

文字和圖片©Sandra Trainor

字體應該是粗體,所以我們選擇Window> Character,並且選中Text工具並突出顯示文字,我將把Character面板中的字體改為Arial Black。 你可以選擇這種字體或類似的字體。

我將在字體大小文本字段中輸入“100 pt”。 不要擔心,如果您的文本在背景的兩側運行,因為下一步將修復此問題。

05 17

設置跟踪

文字和圖片©Sandra Trainor

跟踪調整選定文本或文本塊中字母之間的間距。 在“字符”面板中,我們將在設置的跟踪文本字段中輸入-150。 不過,你可以輸入不同的數字,直到字母之間的空格符合你的喜好。

如果您只想調整兩個字母之間的空格,則可以使用字距調整 。 要調整字距調整,請在兩個字母之間插入一個插入點,並在設置的字距文本字段中設置一個值,該字段位於設置的跟踪文本字段的左側。

06 17

自由變換

文字和圖片©Sandra Trainor

在圖層面板中選擇文本圖層後,我們將選擇“編輯”>“自由變換”。 鍵盤快捷鍵是PC上的Ctrl + T和Mac上的Command + T。 邊界框將圍繞文本。

07的17

縮放文本

文字和圖片©Sandra Trainor

當我們將指針工具放在邊界框句柄上時,它會變成雙面箭頭,我們可以通過拖動來縮放文本。 我們將向下和向外拖動右下角的手柄,直到文本幾乎填滿透明背景。

如果需要,您可以在拖動時按住Shift鍵來限制比例。 而且,您可以在邊框內點擊並拖動,將其移動到您喜歡的位置。 我們將移動邊界框以將背景中的文本居中。

08的17

移動圖像層

文字和屏幕截圖©Sandra Trainor。 照片©布魯斯金,經許可使用。

在創建剪貼蒙版之前,圖層必須按正確的順序排列。 在“圖層”面板中,我們將單擊圖像圖層旁邊的方塊以顯示眼睛圖標,然後拖動圖像圖層將其定位到文本圖層的正上方。 文字將在圖像後消失。

17的17

裁減面具

文字和屏幕截圖©Sandra Trainor。 照片©布魯斯金,經許可使用。

選擇圖像圖層後,我們將選擇“圖層”>“創建剪貼蒙版”。 這會將圖像放入文本中。

10 17

移動圖像

文字和屏幕截圖©Sandra Trainor。 照片©布魯斯金,經許可使用。

在“圖層”面板中選擇圖像圖層後,我們將從“工具”面板中選擇“移動”工具。 我們將點擊圖片並移動它,直到我們喜歡它在文本中的位置。

您現在可以選擇“文件”>“保存”並將其稱為完成,或者繼續添加一些完成觸摸。

11 17

概述文本

文字和屏幕截圖©Sandra Trainor。 照片©布魯斯金,經許可使用。

我們想概述文本。 我們將通過選擇“圖層”>“圖層樣式”>“描邊”來打開“圖層樣式”窗口。

知道有其他方法可以打開圖層樣式窗口。 您可以雙擊文字圖層,或選擇文字圖層,單擊“圖層”面板底部的圖層樣式圖標,然後選擇“描邊”。

12 17

調整設置

文字和圖片©Sandra Trainor

在“圖層樣式”窗口中,我們將檢查“描邊”並將尺寸設置為3,為位置選擇“外部”,為混合模式選擇“正常”,然後將不透明度滑塊移至最右側以使其達到100%。 接下來,我將點擊顏色框。 將出現一個窗口,允許我選擇筆劃顏色。

13的17

選擇描邊顏色

文字和圖片©Sandra Trainor

我們將點擊顏色滑塊,或向上或向下移動顏色滑塊三角形,直到我們喜歡我們在“顏色”字段中看到的內容。 我們將在“顏色”字段內移動圓形標記,然後單擊以選擇筆觸顏色。 我們將點擊確定,然後再次點擊確定。

14的17

創建一個新層

文字和屏幕截圖©Sandra Trainor。 照片©布魯斯金,經許可使用。

如果各種應用程序需要文本(如小冊子,雜誌廣告和網頁),我們會將背景保持透明,因為每種背景都可能具有與我背景顏色不相符的不同背景。 但是,對於本教程,我們將使用一種顏色填充背景,以便您可以更好地查看輪廓文本。

在“圖層”面板中,我們將單擊“創建新圖層”圖標。 我們將在其他圖層下單擊並拖動新圖層,雙擊圖層名稱以突出顯示它,然後輸入名稱“背景”。

15 17

選擇背景顏色

文字和屏幕截圖©Sandra Trainor。 照片©布魯斯金,經許可使用。

選中背景圖層後,我們將點擊“工具”面板中的前景顏色選擇框,因為Photoshop使用前景顏色來繪製,填充和挑選選區。

從拾色器中,我們將點擊顏色滑塊,或向上或向下移動顏色滑塊三角,直到我們喜歡我們在顏色區域中看到的。 我們將在彩色區域內移動圓形標記,然後單擊以選擇一種顏色,然後單擊確定。

使用拾色器指示顏色的另一種方法是輸入HSB,RGB,Lab或CMYK編號,或指定十六進制值。

16 17

背景顏色

文字和屏幕截圖©Sandra Trainor。 照片©布魯斯金,經許可使用。

在仍然選中背景層的情況下,從“工具”面板中選擇“油漆桶”工具,我們將單擊透明背景以用顏色填充它。

17 17

保存完成的圖像

文字和屏幕截圖©Sandra Trainor。 照片©布魯斯金,經許可使用。

這是最終的結果; 在背景顏色上的輪廓文本內的圖像。 選擇“文件”>“保存”,完成!