網站首頁 趣味美術 生活小製作 兒童製作 親子互動 陶藝製作 傳統手工 民間手藝 歲月綻放 創意與設計

photoshop 3d文字特效 3d草特效文字教程

欄目: 設計教程 / 發佈於: / 人氣:1W

你曾經想過要用草來給文字製作效果嗎?你用photoshop就可以做出很好的效果。在這個教程中我們將用一張草的圖片來製作出一個看上去非常清涼的草的特效文字,這裏需要使用鋼筆工具和一點點的耐性。

photoshop 3d文字特效 3d草特效文字教程


你曾經想過要用草來給文字製作效果嗎?你用photoshop就可以做出很好的效果。在這個教程中我們將用一張草的圖片來製作出一個看上去非常清涼的草的特效文字,這裏需要使用鋼筆工具和一點點的耐性。

我喜歡在教程的開頭展現出我們將要做出的效果。因此空話少說,這裏是草特效的最終圖像,點擊這裏將看到1920px×1200px的全圖效果 。

第一部分–背景
這個教程的製作有三個部分–背景,文字本身和一些最後額外的效果。因此第一步我將要製作一個背景。首先我們在photoshop中新建一個文檔。我使用的大小是1920px×1200px,由於我想把做出來的這個效果放在我的手提電腦桌面上。我們開始運用漸變工具中的徑向漸變,從一個亮黃綠色(#adbf41)到綠色(#328a26)之間的變化。我很驚奇我總是喜歡在我寫的教程開始運用徑向漸變。
photoshop 3d文字特效 3d草特效文字教程 第2張


步驟2現在我想爲這個圖像創建一個紋理背景,這種紋理有點像紙張的效果。因此第一件事就是我們需要一個紙的紋理!很幸運的是你可以從grungy paper textures from Bittbox獲取一些很棒的紋理,並且它們就漂亮又很大,對於這個很大的畫布來說是非常有利的。我選擇的是紋理圖片中的第一個,降低它的飽和度(Ctrl+Shift+U),並且利用自由變換工具來使它適合畫布的大小。

photoshop 3d文字特效 3d草特效文字教程 第3張


步驟3現在我們把紋理和漂亮的綠色背景進行混合,設置圖層的混合模式爲疊加,降低不透明度爲70%。
photoshop 3d文字特效 3d草特效文字教程 第4張
你曾經想過要用草來給文字製作效果嗎?你用photoshop就可以做出很好的效果。在這個教程中我們將用一張草的圖片來製作你曾經想過要用草來給文字製作效果嗎?你用photoshop就可以做出很好的效果。出一個看上去非常清涼的photoshop 3d文字特效,這裏需要使用鋼筆工具和一點點的耐性。
photoshop 3d文字特效 3d草特效文字教程 第5張


在這個教程中我們將用一張草的圖片來製作出一個看上去非常清涼的草的特效文字,這裏需要使用鋼筆工具和一點點的耐性。

我喜歡在教程的開頭展現出我們將要做出的效果。因此空話少說,這裏是草特效的最終圖像,點擊這裏將看到1920px×1200px的全圖效果 。

第一部分–背景
這個教程的製作有三個部分–背景,文字本身和一些最後額外的效果。因此第一步我將要製作一個背景。首先我們在photoshop中新建一個文檔。我使用的大小是1920px×1200px,由於我想把做出來的這個效果放在我的手提電腦桌面上。我們開始運用漸變工具中的徑向漸變,從一個亮黃綠色(#adbf41)到綠色(#328a26)之間的變化。我很驚奇我總是喜歡在我寫的教程開始運用徑向漸變。
photoshop 3d文字特效 3d草特效文字教程 第6張


步驟2現在我想爲這個圖像創建一個紋理背景,這種紋理有點像紙張的效果。因此第一件事就是我們需要一個紙的紋理!很幸運的是你可以從grungy paper textures from Bittbox獲取一些很棒的紋理,並且它們就漂亮又很大,對於這個很大的畫布來說是非常有利的。我選擇的是紋理圖片中的第一個,降低它的飽和度(Ctrl+Shift+U),並且利用自由變換工具來使它適合畫布的大小。

photoshop 3d文字特效 3d草特效文字教程 第7張

photoshop 3d文字特效

步驟3現在我們把紋理和漂亮的綠色背景進行混合,設置圖層的混合模式爲疊加,降低不透明度爲70%。

photoshop 3d文字特效 3d草特效文字教程 第8張

photoshop 3d文字特效

步驟4現在的效果看上去感覺不太理想,然後複製這個圖層,把它旋轉180度並且設置透明度20%。然後我找到更多的紙的紋理(用不同的紋理,大分佈都是來自Bittbox),並且把它們一個接一個的微弱的重疊起來。由於紋理看上去有一些很大和尖銳的顆粒,感覺很糟糕。因此我決定結合一些而外的紋理並且減淡所有後,我可以得到一個更漂亮更清楚的整體外觀。你可以在下面的截圖中裏面看到有6個圖層。不要忘記你可以假加入會員,然後可以下載這個教程的PSD原文件。通過大量髒的紙的重疊的效果,讓我們創造出一個更深入的背景紋理。

photoshop 3d文字特效 3d草特效文字教程 第9張
步驟5現在我複製最初的漸變背景,把複製的圖層放在所有紋理的最上方,並且設置不透明度爲40%–這一步是爲了不讓圖層看上去那麼的髒。
photoshop 3d文字特效 3d草特效文字教程 第10張
步驟6現在我們可以在最上面增加一個圖層,並用一個大的軟的黑畫筆,在邊沿處增加一些玄色。設置圖層爲疊加,透明度爲30%。然後你可以複製這個圖層並使用一個強的高斯模糊(設置半徑大約爲32px)。這樣可以讓邊沿看上去很柔和。
photoshop 3d文字特效 3d草特效文字教程 第11張
步驟7好了,現在我們擁有了一個漂亮的背景了。
photoshop 3d文字特效 3d草特效文字教程 第12張

3d草特效文字教程

第二部分–草特效的文字!好了,我們現在開始製作草特效的文字了。因此,我們將要尋找一些漂亮的草的圖片。經過一番搜索之後,我最終在this lovely photo on Flickr of grass.裏發現。

所以下載此圖像的全圖並複製到主要文檔中。

photoshop 3d文字特效 3d草特效文字教程 第13張
步驟9接下來我們需要一些文字,經過精心的挑選後,我選擇使用的字體爲Swiss 924BT,她是一種厚重和壓縮的字體。我想它能看上去更加的厚重和壯麗。我寫下文字”EARTH”.那是由於我將會製作五張牆紙–地球,水,火,空氣,精神…這非常像我小時候經常看的漫畫,船長的星球。 不管怎樣,設置你的文字爲白色,圖層模式爲疊加和透明度大約爲50%。這個圖層不是最後顯示的效果,只是一個引導的圖層。
photoshop 3d文字特效 3d草特效文字教程 第14張
步驟10好了,這裏是把文字放在草上面的效果。現在,我們先計劃一下!用草來製作出文字,只是把草應用在文字上還不足夠。我們需要它看上去能夠粗糙一些,並且字體的邊沿能有一些草伸展出去。爲了做到這一點,我們要使用的文字形狀作爲一個粗略的指導,然後大概的沿着他們四周描繪,並且是沿着草的形狀來描繪。現在我提醒你,這一步是很麻煩的。
photoshop 3d文字特效 3d草特效文字教程 第15張
步驟11好了,因此這一步我們將要開始描繪。選擇自由鋼筆工具,假如你不能很好的控制它,那你可以在開始之前先操練熟。留意我路徑伸出去的部分,是沿着草的形狀繪製的。這麼做是爲了當你剪下它們做爲最後最後圖像時看上去能更像一塊草地。
photoshop 3d文字特效 3d草特效文字教程 第16張
步驟12當你完成你的路徑後,最好將它保存在路徑調色板裏。因此你可以點擊路徑調板下面的將路徑作爲選區載入,然後儲存路徑。這樣假如在後來你需要再一次使用它時,你就可以拿來使用了。直接雙擊路徑得到選區,然後返回到你的草地圖層,複製草的圖層爲其餘的字母做準備。然後按反選(Ctrl+Shift+I)刪除額外的草地。在下面的截圖中由於你複製了草地的圖層,所以你可以看到”E”的四周還有隱約的草地。
photoshop 3d文字特效 3d草特效文字教程 第17張