首页
/
每日頭條
/
生活
/
ps圖文排版教程圖解
ps圖文排版教程圖解
更新时间:2024-11-10 01:45:51

有了路徑工具以後,文字排版就顯得更加靈活。我們可以把文字做成任何想要的圖案。如教程中的,我們可以把文字放入閉合的路徑裡面做成實體圖形,也可以按照一條條曲線路徑排版做成可愛的文字曲線。難度較大一點的就是通過路徑組合做成創意的文字圖案。相信學習了本教程以後,你就可以發揮創意做成更多創意圖形。

最終效果

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)1

1、新建一個400×300的圖像(可自設尺寸),然後選擇自定形狀工具。

注意繪圖方式應為第一種(形狀圖層),如下圖紅色箭頭處。然後在形狀列表中選擇一個心形(如不在列表中,可恢複默認形狀),如下圖綠色箭頭處。樣式選擇為無樣式。另外可以選取一個的顔色。

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)2

2、然後在圖像中畫出一個心形(繪制過程中可以按住SHIFT鍵保持長寬比),這樣其實就是建立了一個帶矢量蒙版的色彩填充層。如下左圖,圖層調闆中顯示的正是一個色彩填充層。雙擊縮略圖可以更改填充的顔色,而圖層縮略圖右方有一個蒙版縮略圖(下左圖藍色箭頭處),這就是矢量蒙版縮略圖,特點是以灰色來表示被隐藏的區域。有關矢量蒙版的知識我們将在以後學習。

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)3

3、現在選擇文本文字工具,并使其停留在這個心形路徑之上,依據停留位置的不同,鼠标的光标會有不同的變化。當停留在路徑線條之上時顯示為,當停留在圖形之内将顯示為。請注意這兩者的區别,前者表示沿着路徑走向排列文字,後者則表示在封閉區域内排版文字,作用是完全不同的。

4、現在我們先将文字工具停留在心形之内(光标為),然後單擊,出現文字輸入光标,輸入一些文字。如“LOVE”(注意每個字母之後都有一個空格,原因稍後再述)。選擇一個英文字體(如Tohoma),選擇小一些的字号(如6px),并複制粘貼幾次,使其充滿整個圖形(超出也沒有關系),效果如下左圖。此時看到文字在圖形内的排列并不對稱,接下來在段落調闆中設置居中,并适當設置左縮進和右縮進的數值(如5px),這樣看上去就較為舒适了。一般來說在封閉圖形内排版文字,都要進行這些設定以達到較好的視覺效果。如下右圖。

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)4

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)5

5、現在隐藏(甚至可以删除)心形色彩填充層,我們看到在文字外圍仍然保留有一條封閉路徑,與原先心形路徑相同。如下左圖。由此可以明白,雖然這個文字層的排版路徑是籍由另外一個圖層中的矢量路徑而來,但在完成後,其也“克隆”了一條相同的路徑并“留用”。

我們可以對這條“克隆并留用”的路徑進行修改,從而改變文字的排版布局。方法是使用直接選擇工具〖A/SHIFT_A〗,在文字層(不是早先的填充層,此時應隐藏填充層)的路徑上點擊一下,就會看到路徑上顯示出許多小方塊。如下中圖。用直接選擇工具往左上方略為移動藍色箭頭處的方塊,就可以看到效果。有關路徑的知識我們将在以後學習,到時候我們可以進行更多更複雜的修改,現在大家先記住路徑是可以修改的就可以了。

前面我們提到過要在每個英文字母後面加上空格,是為了在行末換行時可以讓單個字母移到下一行,而如果使用一整個英文單詞LOVE,則在行末換行時,因為要保持完整性,整個單詞将被移到下一行,這樣的效果看上去就比較生硬(也有人會喜歡這種效果),如下右圖。大家以後在實際應用中可以參考這種加空格的方法,如果覺得空格拉大了字母間距,可以通過在字符調闆中設置間距為負值來彌補。

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)6

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)7

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)8

6、現在将已經完成的文字層隐藏起來。并單擊色彩填充層的矢量蒙版,使其路徑處于顯示狀态,即使填充層本身處于隐藏狀态也有效。如下左圖。将文字工具停留在路徑的線條上,注意光标指示應為,在如下左圖1處的大緻地方單擊,即會出現文字輸入光标。将字号改為12px,段落對齊方式為居左,然後輸入“She once was a true love of mine”, 這樣就可以形成沿路徑走向排列的文字效果,類似下右圖。注意在文字的起點處有一個小圓圈标記。

對于已經完成的路徑走向文字,還可以更改其位于路徑上的位置。方法是使用路徑選擇工具〖A/SHIFT_A〗,注意它與直接選擇工具有些類似,但前者是黑色箭頭,後者是白色的箭頭,要注意區别。将路徑選擇工具移動到剛才的小圓圈标記左右,根據位置不同就會出現光标和光标,它們分别表示文字的起點和終點,因此我們稱之為起點光标和終點光标。現在分别将文字的起點和終點移動到大緻如下左圖的位置上,紅色箭頭處為起點,綠色箭頭處為終點。此時就可以在路徑上看本來處于重疊的文字起點标志和終點标志。

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)9

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)10

7、如果兩者之間的距離不足以完全顯示文字,終點标記将變為,表示有部分文字未顯示。正如同在前面我們所學習的框式文本中,當文字未完全顯示時所出現的标記一樣,如下中圖。

如果将起點或終點标記向路徑的另外一側拖動,将改變文字的顯示位置,同時起點與終點将對換。如下右圖,将起點往右下方拖動,文字從路徑内側移動到了路徑外側(内側外側隻是相對而言并無嚴格标準)。

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)11

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)12

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)13

8、路徑走向文字的一個特點就是它都是以路徑作為基線的,如上右圖,無論是内側還是外側,文字的底端始終都以路徑為準,那假設我們需要将文字排列在一個比現有的心形路徑更大(或更小)一些的心形路徑上,那是否就要先繪制一個更大(或更小)的心形路徑呢?不必如此,隻需要在字符調闆中更改豎向偏移的數值,就可以達到效果,如下左圖所示,就是将現有的路徑走向文字圖層複制了兩個,然後依次更改豎向偏移的數值為15px和-15px,所形成的效果。 需要注意的是更改該項數值後,在路徑的曲線上可能造成文字間距不一。此外,也可以通過回車換行來達到目的。

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)14

9、現在大家可自己嘗試在原有的心形路徑上排列多個文字圖層,并将顔色、字号、字體、豎向偏移等選項各自調整,形成錯落有緻的效果,如下左圖。

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)1

10、一般來說,想要在Photoshop中繪制虛線和點線是比較麻煩的,但我們可以通過路徑走向文字來實現。分别以若幹字符“-”和字符“.”沿路徑走向排列,即可形成虛線和點線。還可以綜合使用其他字符,如下右圖。而虛線的形态可以通過字符調闆來控制,字号控制虛線的大小,字符間距控制虛線間隙的大小。

ps圖文排版教程圖解(Photoshop排版原來可以這麼簡單)16

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
刀劍神域最開始的bgm
刀劍神域最開始的bgm
說起lisa這個名字的話各位小夥伴會第一時間想起誰?二飯君猜大家都會想到韓國組合BLACKPINK的成員lisa吧Lisa笑起來真的是小天使呀!但是今天二飯君不是想給大家講她二飯君要給大家介紹的是被稱作日本搖滾精靈的LiSA織部裡沙LiSA...
2024-11-10
獅子為什麼會有犬科
獅子為什麼會有犬科
獅子該不該分到犬科?它們群居是弱者抱團,還是高級的進化形态?獅子是一種很與衆不同的貓科動物,因為大部分的貓科動物都是獨居的,就拿家裡面養的貓來說,它們的性格都是比較獨立的,相對于犬科的熱情來說,貓科應該算是很“高冷”了。大家都知道獅子生活在...
2024-11-10
特别的意思是什麼
特别的意思是什麼
特别的意思是什麼?特别,漢語詞彙,拼音tèbié,意思是不一般;與衆不同格外特地;特意;尤其,我來為大家科普一下關于特别的意思是什麼?以下内容希望對你有幫助!特别的意思是什麼特别,漢語詞彙,拼音tèbié,意思是不一般;與衆不同。格外。特地...
2024-11-10
羅志祥演唱小巨蛋
羅志祥演唱小巨蛋
羅志祥昨晚5度攻蛋,台上台下氣氛嗨爆。中時新聞網報道羅志祥(小豬)走過感情風暴、事業低潮,9日5度攻蛋,開場率30位舞群唱跳30分鐘不間斷,全場合唱《愛轉角》時,台下歌迷高舉起“一起唱到60歲”應援牌,小豬感動說:“最美的音樂、最美的聲音,...
2024-11-10
玫瑰金好還是黃金好
玫瑰金好還是黃金好
玫瑰金好還是黃金好?成分的區别黃金是一種軟的、金黃色的貴金屬,具有良好的無力特性,玫瑰金指的是由75%的黃金和25%的其他金屬組合而成的混合金屬,且硬度高,現在小編就來說說關于玫瑰金好還是黃金好?下面内容希望能幫助到你,我們來一起看看吧!玫...
2024-11-10
Copyright 2023-2024 - www.tftnews.com All Rights Reserved