數碼資源網

文章頻道 軟件下載 安卓下載 蘋果下載

當前位置:首頁文章中心平麵專欄Photoshop → Photoshop文字特效 製作綠色立體草坪字

Photoshop文字特效 製作綠色立體草坪字

時間:2010-12-10 10:02:01人氣:370作者:網友整理
3d立體字轉換器安卓版v1.5手機版
3d立體字轉換器安卓版v1.5手機版 for Android
  • 類型:安卓其他大小:32.44M語言:簡體中文 評分:3.0
  • 各位喜歡玩抖音的朋友們注意了,3d立體字轉換器安卓版您一定需要,這個抖音3D立體...
立即下載
文字表情製作手機APP(文字表情安卓版) v1.2 免費版
文字表情製作手機APP(文字表情安卓版) v1.2 免費版 for Android
  • 類型:安卓其他大小:11.65M語言:簡體中文 評分:3.0
  • 今天小編推薦的是一款文字表情軟件,文字表情製作手機APP是運行在Android手...
立即下載
Photoshop修圖3.3.6
Photoshop修圖3.3.6 for Android
  • 類型:安卓圖像處理大小:82.32M語言:簡體中文 評分:3.1
  • photoshop修圖app是一款實用軟件,它具有非常強大的功能,可以快速將你的...
立即下載

  本篇教程內容比較詳細,有點長,主要教大家如何通過PS漸變工具、PS鋼筆工具、添加素材等PS技巧來自己設計出一張獨特漂亮的文字特效效果。並且文章中介紹了PS快捷鍵使用技巧,希望大家的學習有所幫助。

效果圖:

 Photoshop文字特效 製作綠色立體草坪字
最終效果

     第一步,首先我們會來完成背景部分的製作。在Photoshop建立一個新文檔,我的尺寸是1920x1200。使用漸變工具(快捷鍵G)拉一個淺黃綠到綠的漸變,我選的顏色是[#adbf41]-[#328a26]

Photoshop文字特效 製作綠色立體草坪字

圖01

  第二步,我想讓背景有點肌理效果,像紙張的感覺一樣。所以我們需要一個紙張的材質圖~幸運的是你可以從這裏找到一些超棒的大圖~我忘了我用的是哪張了,不過您隨意。

  找到後去色(快捷鍵ctrl+shift+u),並拉伸到合適畫布的位置,置於背景層之上。

Photoshop文字特效 製作綠色立體草坪字

圖02

第三步、將圖層模式放置到疊加(overlay)模式,70%透明度,使材質和背景完美融合。

Photoshop文字特效 製作綠色立體草坪字

圖03

  第四步、要做到很舊,磨損過的感覺,複製材質層旋轉180度,降低透明度至20%。如法多放幾層不同的紙張材質,以變換效果到你滿意的感覺。這部分或許是額外的做舊,因為我覺得原有的材質看上去有點顆粒感而且又小又不夠銳利。組合更多層並適當調整透明度可以得到更好,更銳利的整體效果。你可以看到我這裏用了6層材質後的效果。

Photoshop文字特效 製作綠色立體草坪字

圖04

  第五步、複製漸變背景層,並把它放在所有材質層之上,透明度降至40%,這樣會減弱太過做舊的效果,使整個畫麵不至於太過舊舊的感覺。

Photoshop文字特效 製作綠色立體草坪字

圖05

  第六步、在頂部建個新層,選一個大大柔邊的黑色Photopshop筆刷,加點黑色暗角。試試將透明度降低至30%並改變圖層樣式到疊加(overlay)。複製這層,並加個高斯模糊(32px),柔化暗角效果。

Photoshop文字特效 製作綠色立體草坪字

圖06

下麵是做好的背景。
 

Photoshop文字特效 製作綠色立體草坪字

圖07

[page]
 

  第八步、現在準備開始做草坪效果字嘍~需要加點漂亮的草~下載這個的完整大小,複製到你的創作中。

 

Photoshop文字特效 製作綠色立體草坪字

圖08

  第九步、選個你喜歡的字體,我用了胖胖粗粗的swiss 924BT,寫“EARTH”,因為我在製作一套5張的桌麵-earth,water,fire,air,spirit…好吧,將字做成白色,圖層樣式為疊加,透明度降至50%。這個層不會在最終成品裏出現,隻是草坪字的一個指導圖而已。

Photoshop文字特效 製作綠色立體草坪字

圖09

  第十步、下麵是將文字放在草坪層的上麵。下麵計劃一下~用草做文字的話,不是隻把字從草裏整齊的描出來就可以的,還得有草從文字邊框裏呲出來才像。我們將用文字層做個指引,粗略的沿著胡亂生長的草描個邊。

Photoshop文字特效 製作綠色立體草坪字

圖10

  第十一步、我們將使用鋼筆描邊,如果你對Photoshop鋼筆工具不是很在行的話,相信我,做完這個文字特效你就熟練了!注意我是如何沿著草的生長方向描邊的,這樣完成時就會像是草從字裏麵長了出去。

Photoshop文字特效 製作綠色立體草坪字

圖11

  第十二步、描好路徑後,最好在路徑麵板裏保存一下。在路徑麵板裏點擊小小的向下的箭頭選擇保存路徑。這樣下次你再需要調出路徑的時候就很方便了。雙擊路徑得到選區,然後回到草坪的那層上。複製草坪層這樣你就有更多的草給剩下的字母,然後反選選(Ctrl+Shift+I),剪去多餘的草。截圖裏我降低了複製草坪層的透明度方便你看清描出來的字母E。

Photoshop文字特效 製作綠色立體草坪字

圖12

  第十三步、現在我們有了草坪字母E,你可以看出它隻比整齊的描出來的好那麼一點點。沒關係,它需要的隻是一點景深。總之,如果那個字母真的很假的貼在背景上,我們應該給它點陰影和露出點立體側麵。

Photoshop文字特效 製作綠色立體草坪字

圖13

  第十四步、首先,添加圖層樣式,給它點三維效果。圖層設置如下:

Photoshop文字特效 製作綠色立體草坪字

圖14

Photoshop文字特效 製作綠色立體草坪字

圖15

[page]
 

  第十五步、複製這層,然後清除所有的圖層樣式我們好賦予它其他的樣式。這次這樣做:注意降低透明度到51%好讓它和下麵的層很好的融合在一起。

Photoshop文字特效 製作綠色立體草坪字

圖16

Photoshop文字特效 製作綠色立體草坪字

圖17

Photoshop文字特效 製作綠色立體草坪字

圖18

Photoshop文字特效 製作綠色立體草坪字

圖19

  第十六步、這些都是實驗性的,現在看起來還可以,但是還有很多地方要改進。用我之前的教程所教的方法,用淡淡的陰影讓物體現實起來。這個想法是讓物體有三維效果。所以按住ctrl點擊草坪層調出字母選區,然後在下麵建一個新層,填充黑色。按住向下的箭頭一次,向右的箭頭一次並再次填充黑色。重複此過程指導得到下麵的效果。我想大概要15次的填充。

 Photoshop文字特效 製作綠色立體草坪字

圖20

  第十七步、在Photoshop菜單中選擇“濾鏡->模糊->動感模糊”,把陰影做個45度角距離為30的模糊。然後降低透明度到50%.

Photoshop文字特效 製作綠色立體草坪字

圖21

  第十八步、然後向右下移動陰影層,嗒噠~很像字母投射出了陰影!

Photoshop文字特效 製作綠色立體草坪字

圖22

  第十九步、將這層複製3次,每次複製都將陰影擦去一點,好讓影子接近字母的部分變的更黑,將3層設置為正片疊底。

Photoshop文字特效 製作綠色立體草坪字

圖23

[page_break

  第二十步、現在的效果已經不錯了,但是為了更加真實,我們將在陰影部分也添加草。與其單獨剪些草加進來,我們可以就應用現成的草坪字母,使得完成後不會那麼假像是可以將草加進陰影裏的。所以你能看到下圖是一些從草坪字母截取的部分。

Photoshop文字特效 製作綠色立體草坪字

圖24

  第二十一步、把那些部分移動到陰影裏,我們可以讓它看起來像是草草從陰影裏長出來一樣~因為草是在陰影裏的,所以你可能要適當用加深工具(快捷鍵為O)使某些部分變暗。

Photoshop文字特效 製作綠色立體草坪字

圖25

  第一個文字效果就完成啦!

Photoshop文字特效 製作綠色立體草坪字

圖26

  第二十三步、完成所有字母後把每個字母分開在單獨層上好調整間距,成組。

Photoshop文字特效 製作綠色立體草坪字

圖27

  第二十四步、雖然文字挺好看的了,但是構圖上還是很單調。所以最後,我們會加進一些小元素豐富一下。注意不要過分,因為這畢竟是桌麵背景,所以留白可以看輕我們的圖標。首先,加入些別的文字。我引用了一些關於地球的文字。我喜歡引用,因為這意味著我們有3處可以裝飾-引語、引用符號和引用出處。

  引語也選用同一字體,但可改變重量粗細等,這樣可以使作品看起來統一有連續性。所以引語層的透明度降至50%使用疊加圖層樣式。然後複製此層,變亮圖層模式,透明度降至50%。然後把引號變大並加一個很亮的綠色影。最後引用出處部分用很小的字並垂直居中。讓引語和earth長度保持一致。

Photoshop文字特效 製作綠色立體草坪字

圖28

  第二十五步、接下來加入高光。建新層,置頂,漸變工具(快捷鍵G),從左上拉一個白色至透明的漸變,圖層模式變為柔光,透明度50%。就形成了一個很好的光源效果。

Photoshop文字特效 製作綠色立體草坪字

圖29

  第二十六步、接下來放入兩個能吸引眼球的小元素平衡大片的綠色。用藍蝴蝶和七星瓢蟲。

Photoshop文字特效 製作綠色立體草坪字

圖30

  第十二七步、使用Photoshop快速選擇工具(快捷鍵W)點選白色區域,然後點選擇菜單->修改->擴大,擴大1px以確保我們選擇了所有區域,然後按Ctrl+Shift+I反選,拷貝蝴蝶到我們的文檔裏。用鋼筆工具取出瓢蟲。

Photoshop文字特效 製作綠色立體草坪字

圖31

  第二十八步、你能發現因為我很快的選取七星瓢蟲所以它的邊緣並不是那麼完美,但是沒關係因為我們會把它放很小的~調小並把這些加分元素分開放置,以取得畫麵平衡。我給每個元素都加了投影,給瓢蟲加的投影很近,因為她太小了而且是爬在草上的。蝴蝶則有點距離的投影,大概有10px因為它是飛在草上方的。

Photoshop文字特效 製作綠色立體草坪字

圖32

 完成!

Photoshop文字特效 製作綠色立體草坪字

感謝速聯科技、八度網絡、九九數據、億恩科技、群英網絡讚助部分帶寬!

關於本站 | 聯係方式 | 版權聲明 | 下載幫助(?) | 網站地圖

Copyright 2002-2020 95262.com 【數碼資源網】 版權所有 粵ICP備2020128507號-1

本站所有軟件來自互聯網,版權歸原著所有。如有侵權,敬請來信告知 ,我們將及時撤銷。