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

Photoshop製作漂亮的潮流元素裝飾的立體字

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

本教程的文字製作分兩個軟件來完成。立體字效果使用一款較爲專業的3D軟件:Xara3D來完成的。這款軟件用來做立體字非常方便,喜歡的朋友可以去網上下載這款軟件。做好立體字以後需要用PS來做後期處理,給文字表面加上一些潮流元素,如花紋,線條等。

最終效果

Photoshop製作漂亮的潮流元素裝飾的立體字

1、我們需要先在3D軟件裏分開製作每個字母,你可以用任何你喜歡的一種軟件(3DsMax,Cinema4D,Xara3D)。我使用的是Xara3D,因爲相對其他,它操作比較簡單而且製作相同的效果所花費的時間也比其他少。

2、首先,我要開始做字母"C"。如下圖所示或者你可以結合自己的喜好換成其他顏色或樣式。我爲我的"C"選擇了藍色。

Photoshop製作漂亮的潮流元素裝飾的立體字 第2張

3、選用的顏色:

表面(Face):2E81B1;文字邊(TextSide):2E81B1;燈1(Light1):A1E9F9;燈2(Light2):7495AF;燈3(Light3):A1E9F9。

Photoshop製作漂亮的潮流元素裝飾的立體字 第3張

4、我使用的字體是AngsanaNewFont。其他選項例如Extrusion(突出),斜面選項(Beveloptions),陰影(Shadows)的選擇如下圖所示。

Photoshop製作漂亮的潮流元素裝飾的立體字 第4張

5、陰影就不用了。旋轉這個字母,直到你滿意爲止。把這張圖片渲染爲"png"格式,這樣"C"字母就沒有背景啦。

Photoshop製作漂亮的潮流元素裝飾的立體字 第5張

6、現在我們來做字母"O"。如下圖所示。

選用的顏色:表面(Face):E935CG;文字邊(TextSide):E935CG;燈1(Light1):F7DFB6;燈2(Light2):6A335D;燈3(Light3):FF9AF3

突出選項:深度(depth:25);框架寬度(outlinewidth):20;前後光澤度(glossboth):前表面和後表面(frontfaceandbackface)。

斜面選項:曲線(curved)和深度:20。

Photoshop製作漂亮的潮流元素裝飾的立體字 第6張

7、下面我用同樣的技巧來製作字母"L"。

選用的顏色:

表面(Face):2EB17C;文字邊(TextSide):2EB17C;燈1(Light1):80DB9C;燈2(Light2):74AF88;燈3(Light3):A1F9B5。

突出選項:深度(depth:16);框架寬度(outlinewidth):31;前後光澤度(glossboth):前表面和後表面(frontfaceandbackface)。

斜面選項:曲線(curved)和深度:20。

Photoshop製作漂亮的潮流元素裝飾的立體字 第7張

8、再一次運用上面的步驟來製作另一個字母"O"。

選用的顏色:

表面(Face):FAFF32;文字邊(TextSide):7D7E35;燈1(Light1):FBF183;燈2(Light2):E5E32F;燈3(Light3):F7E529

突出選項:深度(depth:16);框架寬度(outlinewidth):31;前後光澤度(glossboth):前表面和後表面(frontfaceandbackface)。

斜面選項:曲線(curved)和深度:20。

Photoshop製作漂亮的潮流元素裝飾的立體字 第8張

9、好了,最後一個字母啦,"R"。

選用的顏色:

表面(Face):A30FE7;文字邊(TextSide):624F78;燈1(Light1):C483F9;燈2(Light2):EBC8F9;燈3(Light3):CDA1F9

突出選項:深度(depth:16);框架寬度(outlinewidth:31);前後光澤度(glossboth):前表面和後表面(frontfaceandbackface)。

斜面選項:曲線(curved)和深度:20。

Photoshop製作漂亮的潮流元素裝飾的立體字 第9張

10、好,現在讓我們開始Photoshop的工作啦。我們先製作背景。我用的尺寸規格是2200x1375px,填充顏色爲黑色。然後我用了木頭紋理在圖片的最中心,降低飽和度,點擊混合選項(BlendingOptions),擦去邊角上的木頭紋理。

Photoshop製作漂亮的潮流元素裝飾的立體字 第10張

11、我也會使用包裝紙(WrappedPaper),降低飽和度,混合選項設爲分層(Difference),不透明度(Opacity)設爲55%。接着用一個大像素的軟橡皮擦擦去邊緣的大部分。

Photoshop製作漂亮的潮流元素裝飾的立體字 第11張

12、除此之外,我還會在我的圖像裏用到星星和銀河的紋理。當然你是可以從網上找到一類型的圖片的。擦掉一部分,星星和銀河系都用不同的顏色,直到你認爲最漂亮爲止。確保你設置了混合選項哦,我用的屏幕(Screen)。

Photoshop製作漂亮的潮流元素裝飾的立體字 第12張

13、我剛纔所用的是梯度圖(GradientMap)中的調整圖層(AdjustmentLayer),一邊是從紫色到橙色,混合選項設爲輕柔(SoftLight),不透明度設爲55.

Photoshop製作漂亮的潮流元素裝飾的立體字 第13張

14、將所有的字母都按順序排好。我小小地利用了一下Photofilter和Hue/Saturation把一個字母“O”改成了橙色。現在,我們又將要分開對每一個字母進行加工。

Photoshop製作漂亮的潮流元素裝飾的立體字 第14張

15、好了,到了顏色校正這一部分啦。在字母“C”的圖層上創建一個新的調整圖層,記得一定要檢查該層中使用之前的剪貼蒙版(ClippingMask)。

Photoshop製作漂亮的潮流元素裝飾的立體字 第15張

16、並且使用一下設置,然後作爲一個要求,調整黃色和洋紅色。

Photoshop製作漂亮的潮流元素裝飾的立體字 第16張

Photoshop製作漂亮的潮流元素裝飾的立體字 第17張

17、現在我們要調整陰影部分。正如你可以看到的突出顯示領域,我們有非常黑暗的地方,我們要用軟刷子來解決這個問題。用軟刷子油漆它直到它達到一下第二張圖片的效果。

我用的是一些白色和淺藍色。

Photoshop製作漂亮的潮流元素裝飾的立體字 第18張

18、我們用同樣的方法來把所有字母重新安排和自由變換,直到把它們放在適當的位置。調整一下顏色和陰影。

Photoshop製作漂亮的潮流元素裝飾的立體字 第19張

19、現在用鋼筆工具或者片劑(Tablet)來在字母的表面上製作一些路徑,曲線和線條等等。你可以參照一下的效果哦。

Photoshop製作漂亮的潮流元素裝飾的立體字 第20張

20、現在我們將添加模式,把模式覆蓋到每一個字母的兩面。

用鼠標點擊圖層,選擇混合選項,然後進入模式覆蓋(Patternoverlay)選項,並選擇對角線(Diagonallines),規模調爲100,對每一個字母儘量用不同的模式,把填充減少到0%,不透明度爲20%-30%。

確保這樣的模式是在字母的兩邊而不是在表面上。你可以在Deviantart上下載很多不一樣的模式。

Photoshop製作漂亮的潮流元素裝飾的立體字 第21張

21、做到這一步,你就得到如下圖所示的效果。

Photoshop製作漂亮的潮流元素裝飾的立體字 第22張

22、不妨給這些字母加點倒影的效果吧!複製字母的圖層然後垂直翻轉(Flipvertical),擦去一部分並把不透明度降低。

Photoshop製作漂亮的潮流元素裝飾的立體字 第23張

23、現在我們爲文字增加一些漩渦效果(Swirl),在文字圖層後面添加一個新的圖層,然後添加漩渦效果。當然你可以在網上找到很多漩渦筆刷。我爲字母“C”添加的顏色是2089FF色。下圖是混合選項(圖層樣式):

Photoshop製作漂亮的潮流元素裝飾的立體字 第24張

24、內陰影(InnerShadow)的顏色:87A3FF。

Photoshop製作漂亮的潮流元素裝飾的立體字 第25張

25、外發光(OuterGlow)的顏色:55BAFA。

Photoshop製作漂亮的潮流元素裝飾的立體字 第26張

26、內發光(InnerGlow)的顏色:00FFF0。

Photoshop製作漂亮的潮流元素裝飾的立體字 第27張

27、然後我們添加一個新的調整圖層——圖片過濾器(PhotoFilter),彩色濾光片(ColorFilter)(82),密度設置爲46%。

爲了更加體現深度,在調整圖層上新建一個新圖層,然後選擇一個白軟刷,減低流量,應用在字母的邊緣和所有的曲線上,這樣就會有斜面的感覺。

按照這樣的步驟,我爲所有字母都這樣設置。

Photoshop製作漂亮的潮流元素裝飾的立體字 第28張

28、現在我們來添加一些直線和曲線。我用的是鋼筆工具。創建一個新的圖層,然後畫上線條,選擇的筆爲2-5px,顏色爲459CD2,點擊右鍵,然後選擇筆畫路徑(Strokepath),檢查模擬壓力(simulatepressure),選擇畫筆(Brush)。

Photoshop製作漂亮的潮流元素裝飾的立體字 第29張

29、創建一個新圖層,添加一些比之前小的線條,顏色也選擇不一樣的,例如,6D87A7。不妨參照下圖:

Photoshop製作漂亮的潮流元素裝飾的立體字 第30張

30、就像我做的效果那樣,在那些線條上做出一些分支,只要用鋼筆工具重複那些步驟就可以了。接着,在混合圖層選項裏選擇一些效果,讓這些線條看起來更有對比度。

Photoshop製作漂亮的潮流元素裝飾的立體字 第31張

31、選用的顏色:C1DBFF。

Photoshop製作漂亮的潮流元素裝飾的立體字 第32張

32、突出模式的顏色:92C5FF;陰影模式的顏色:0C3459。

Photoshop製作漂亮的潮流元素裝飾的立體字 第33張

33、等高線(contour)爲:46%。

Photoshop製作漂亮的潮流元素裝飾的立體字 第34張

34、選用的顏色:54AABBB,對於那些大一點的線條,你可以選用相對較深的顏色,在鏈接部分製作一些不同的效果。

現在我們爲這些字母添加一些液化效果(Droplet),我用的是鋼筆工具,混合選項和顏色都和線條的一樣。只要複製,重新安排位置和調整大小即可。

Photoshop製作漂亮的潮流元素裝飾的立體字 第35張

Photoshop製作漂亮的潮流元素裝飾的立體字 第36張

35、找一張漂亮的氣球圖片然後放進你的畫布裏,在或者Deviantart上可以下載。如果你找不到這樣顏色的氣球,用色相(Hue)或者飽和度(Saturation)來爲它上色也行得通。這樣的小技巧我用在其他顏色的氣球上。

Photoshop製作漂亮的潮流元素裝飾的立體字 第37張

36、按照同樣的步驟爲字母“O”來設計一些直線和曲線,在色板面板上選擇粉紅色。下圖是圖層混合選項(LayerBlendingOptions):

Photoshop製作漂亮的潮流元素裝飾的立體字 第38張

37、選用的顏色:F7BDDD。

Photoshop製作漂亮的潮流元素裝飾的立體字 第39張

38、突出模式的顏色:FFA2D2;陰影模式的顏色:B13383。

Photoshop製作漂亮的潮流元素裝飾的立體字 第40張

39、等高線範圍(Range):32。

Photoshop製作漂亮的潮流元素裝飾的立體字 第41張

40、選用的顏色:FF9DDB;複製氣球,用色相或飽和度模式來改成粉紅色。一下就是改好顏色後的效果圖。

Photoshop製作漂亮的潮流元素裝飾的立體字 第42張

41、好,現在到了字母“L”,充分利用好你的想象力,選擇你認爲比較好看的綠色,按照以下設置圖層混合效果。

Photoshop製作漂亮的潮流元素裝飾的立體字 第43張

42、選用的顏色:3E7B07,突出模式的顏色:D0FF87。

Photoshop製作漂亮的潮流元素裝飾的立體字 第44張

43、陰影模式的顏色:2A5F00。

Photoshop製作漂亮的潮流元素裝飾的立體字 第45張

Photoshop製作漂亮的潮流元素裝飾的立體字 第46張

44、選用的顏色:D2FF00。

Photoshop製作漂亮的潮流元素裝飾的立體字 第47張

45、選用的顏色:2E5E0B,一下是以上步驟的效果圖:

Photoshop製作漂亮的潮流元素裝飾的立體字 第48張

46、這是字母“O“的設置:

Photoshop製作漂亮的潮流元素裝飾的立體字 第49張

47、選用的顏色:F0B263。

Photoshop製作漂亮的潮流元素裝飾的立體字 第50張

48、突出模式的顏色:FFC580;陰影模式的顏色:E07313 等高線範圍爲:32。

Photoshop製作漂亮的潮流元素裝飾的立體字 第51張

49、選用的顏色:F8A234。

Photoshop製作漂亮的潮流元素裝飾的立體字 第52張

Photoshop製作漂亮的潮流元素裝飾的立體字 第53張

50、至於字母“L”,畫一些紫色的線條,圖層混合選項如下圖所示:

Photoshop製作漂亮的潮流元素裝飾的立體字 第54張

51、選用的顏色:01070B。

Photoshop製作漂亮的潮流元素裝飾的立體字 第55張

52、突出模式的顏色:92C5FF,陰影模式的顏色:0C3459等高線範圍爲:38。

Photoshop製作漂亮的潮流元素裝飾的立體字 第56張

53、選用的顏色:D5F9FF,這是以上步驟的效果圖。使用曲線和色彩平衡調整層來美化你的顏色,使用智能銳化過濾器,使用默認設置,只要讓你的圖片看起來更漂亮!

Photoshop製作漂亮的潮流元素裝飾的立體字 第57張

最終效果:

Photoshop製作漂亮的潮流元素裝飾的立體字 第58張


感謝作者不詳發佈教程。