當前位置:製作窩 >

創意設計 >設計教程 >

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

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

本教程的文字製作分兩個軟體來完成。立體字效果使用一款較為專業的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張


感謝作者不詳釋出教程。
  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/z44xy.html