本篇教程內容比較詳細,有點長,主要教大家如何通過PS漸變工具、PS鋼筆工具、添加素材等PS技巧來自己設計出一張獨特漂亮的文字特效效果。並且文章中介紹了PS快捷鍵使用技巧,希望大家的學習有所幫助。
效果圖:
最終效果
第一步,首先我們會來完成背景部分的製作。在Photoshop建立一個新文檔,我的尺寸是1920x1200。使用漸變工具(快捷鍵G)拉一個淺黃綠到綠的漸變,我選的顏色是[#adbf41]-[#328a26]
圖01
第二步,我想讓背景有點肌理效果,像紙張的感覺一樣。所以我們需要一個紙張的材質圖~幸運的是你可以從這裏找到一些超棒的大圖~我忘了我用的是哪張了,不過您隨意。
找到後去色(快捷鍵ctrl+shift+u),並拉伸到合適畫布的位置,置於背景層之上。
圖02
第三步、將圖層模式放置到疊加(overlay)模式,70%透明度,使材質和背景完美融合。
圖03
第四步、要做到很舊,磨損過的感覺,複製材質層旋轉180度,降低透明度至20%。如法多放幾層不同的紙張材質,以變換效果到你滿意的感覺。這部分或許是額外的做舊,因為我覺得原有的材質看上去有點顆粒感而且又小又不夠銳利。組合更多層並適當調整透明度可以得到更好,更銳利的整體效果。你可以看到我這裏用了6層材質後的效果。
圖04
第五步、複製漸變背景層,並把它放在所有材質層之上,透明度降至40%,這樣會減弱太過做舊的效果,使整個畫麵不至於太過舊舊的感覺。
圖05
第六步、在頂部建個新層,選一個大大柔邊的黑色Photopshop筆刷,加點黑色暗角。試試將透明度降低至30%並改變圖層樣式到疊加(overlay)。複製這層,並加個高斯模糊(32px),柔化暗角效果。
圖06
下麵是做好的背景。
圖07
[page]
第八步、現在準備開始做草坪效果字嘍~需要加點漂亮的草~下載這個的完整大小,複製到你的創作中。
圖08
第九步、選個你喜歡的字體,我用了胖胖粗粗的swiss 924BT,寫“EARTH”,因為我在製作一套5張的桌麵-earth,water,fire,air,spirit…好吧,將字做成白色,圖層樣式為疊加,透明度降至50%。這個層不會在最終成品裏出現,隻是草坪字的一個指導圖而已。
圖09
第十步、下麵是將文字放在草坪層的上麵。下麵計劃一下~用草做文字的話,不是隻把字從草裏整齊的描出來就可以的,還得有草從文字邊框裏呲出來才像。我們將用文字層做個指引,粗略的沿著胡亂生長的草描個邊。
圖10
第十一步、我們將使用鋼筆描邊,如果你對Photoshop鋼筆工具不是很在行的話,相信我,做完這個文字特效你就熟練了!注意我是如何沿著草的生長方向描邊的,這樣完成時就會像是草從字裏麵長了出去。
圖11
第十二步、描好路徑後,最好在路徑麵板裏保存一下。在路徑麵板裏點擊小小的向下的箭頭選擇保存路徑。這樣下次你再需要調出路徑的時候就很方便了。雙擊路徑得到選區,然後回到草坪的那層上。複製草坪層這樣你就有更多的草給剩下的字母,然後反選選(Ctrl+Shift+I),剪去多餘的草。截圖裏我降低了複製草坪層的透明度方便你看清描出來的字母E。
圖12
第十三步、現在我們有了草坪字母E,你可以看出它隻比整齊的描出來的好那麼一點點。沒關係,它需要的隻是一點景深。總之,如果那個字母真的很假的貼在背景上,我們應該給它點陰影和露出點立體側麵。
圖13
第十四步、首先,添加圖層樣式,給它點三維效果。圖層設置如下:
圖14
圖15
[page]
第十五步、複製這層,然後清除所有的圖層樣式我們好賦予它其他的樣式。這次這樣做:注意降低透明度到51%好讓它和下麵的層很好的融合在一起。
圖16
圖17
圖18
圖19
第十六步、這些都是實驗性的,現在看起來還可以,但是還有很多地方要改進。用我之前的教程所教的方法,用淡淡的陰影讓物體現實起來。這個想法是讓物體有三維效果。所以按住ctrl點擊草坪層調出字母選區,然後在下麵建一個新層,填充黑色。按住向下的箭頭一次,向右的箭頭一次並再次填充黑色。重複此過程指導得到下麵的效果。我想大概要15次的填充。
圖20
第十七步、在Photoshop菜單中選擇“濾鏡->模糊->動感模糊”,把陰影做個45度角距離為30的模糊。然後降低透明度到50%.
圖21
第十八步、然後向右下移動陰影層,嗒噠~很像字母投射出了陰影!
圖22
第十九步、將這層複製3次,每次複製都將陰影擦去一點,好讓影子接近字母的部分變的更黑,將3層設置為正片疊底。
圖23
[page_break
第二十步、現在的效果已經不錯了,但是為了更加真實,我們將在陰影部分也添加草。與其單獨剪些草加進來,我們可以就應用現成的草坪字母,使得完成後不會那麼假像是可以將草加進陰影裏的。所以你能看到下圖是一些從草坪字母截取的部分。
圖24
第二十一步、把那些部分移動到陰影裏,我們可以讓它看起來像是草草從陰影裏長出來一樣~因為草是在陰影裏的,所以你可能要適當用加深工具(快捷鍵為O)使某些部分變暗。
圖25
第一個文字效果就完成啦!
圖26
第二十三步、完成所有字母後把每個字母分開在單獨層上好調整間距,成組。
圖27
第二十四步、雖然文字挺好看的了,但是構圖上還是很單調。所以最後,我們會加進一些小元素豐富一下。注意不要過分,因為這畢竟是桌麵背景,所以留白可以看輕我們的圖標。首先,加入些別的文字。我引用了一些關於地球的文字。我喜歡引用,因為這意味著我們有3處可以裝飾-引語、引用符號和引用出處。
引語也選用同一字體,但可改變重量粗細等,這樣可以使作品看起來統一有連續性。所以引語層的透明度降至50%使用疊加圖層樣式。然後複製此層,變亮圖層模式,透明度降至50%。然後把引號變大並加一個很亮的綠色影。最後引用出處部分用很小的字並垂直居中。讓引語和earth長度保持一致。
圖28
第二十五步、接下來加入高光。建新層,置頂,漸變工具(快捷鍵G),從左上拉一個白色至透明的漸變,圖層模式變為柔光,透明度50%。就形成了一個很好的光源效果。
圖29
第二十六步、接下來放入兩個能吸引眼球的小元素平衡大片的綠色。用藍蝴蝶和七星瓢蟲。
圖30
第十二七步、使用Photoshop快速選擇工具(快捷鍵W)點選白色區域,然後點選擇菜單->修改->擴大,擴大1px以確保我們選擇了所有區域,然後按Ctrl+Shift+I反選,拷貝蝴蝶到我們的文檔裏。用鋼筆工具取出瓢蟲。
圖31
第二十八步、你能發現因為我很快的選取七星瓢蟲所以它的邊緣並不是那麼完美,但是沒關係因為我們會把它放很小的~調小並把這些加分元素分開放置,以取得畫麵平衡。我給每個元素都加了投影,給瓢蟲加的投影很近,因為她太小了而且是爬在草上的。蝴蝶則有點距離的投影,大概有10px因為它是飛在草上方的。
圖32
完成!