• 百圖網免費素材千人群

百圖網 > PS教程 > 文字教程 > 制作可愛3D立體插畫文字圖片的PS教程

制作可愛3D立體插畫文字圖片的PS教程

damaer
damaer

2018-04-03

評論 0

瀏覽

收藏

本教程主要使用Photoshop的形狀和3D工具和設置來創建時髦,抽象的柔和 。然后使用文字的隨機搭配完成一組創意的海報,推薦給朋友學習,希望大家可以喜歡。

先看看效果圖

制作可愛3D立體插畫文字圖片的PS教程

 

1.如何創建波形

步驟1

創建一個新的500 x 500像素文檔,并轉到編輯>首選項>指南,網格和切片。

將Gridline Every:值更改為50像素,將細分:更改為5。

制作可愛3D立體插畫文字圖片的PS教程

第2步

轉到查看>顯示>網格。

選擇Curvature Pen Tool,并確保選擇選項欄中的形狀選項。

制作可愛3D立體插畫文字圖片的PS教程

第3步

我們將創建超過10個垂直細分和25個水平細分的形狀。

將指南從頂部拖到第二個細分的底部,然后將另一個細分從底部拖到第二個細分的頂部。

制作可愛3D立體插畫文字圖片的PS教程

步驟4

單擊頂部指南與您要在其中創建形狀的區域的左側網格線相交處的一次。

之后,您需要點擊一次,在網格線上創建交替的峰和谷。

峰值點應該與頂部網格線相交,而谷點應該與頂部指引線相交。

制作可愛3D立體插畫文字圖片的PS教程

第5步

一旦到達形狀區域的水平端,雙擊以添加角點并創建一條以底部指引線結束的直線。

制作可愛3D立體插畫文字圖片的PS教程

第6步

重復這些步驟來創建波形的底部。

制作可愛3D立體插畫文字圖片的PS教程

2.如何創建一個簡單的模式

步驟1

創建一個新的500 x 500像素文檔,并將波形復制到它。

按Command-T進入自由變換模式,并調整大小,旋轉和移動波形以開始創建模式。

完成提交更改后按回車鍵。

制作可愛3D立體插畫文字圖片的PS教程

第2步

挑移動工具,按下并按住該選項鍵,然后單擊并拖動波浪形狀復制它。

然后,按Command-T根據需要轉換重復的形狀。

制作可愛3D立體插畫文字圖片的PS教程

第3步

一旦你在文檔中散布了幾個波形,你也可以添加其他形狀 - 只要有它的樂趣!

確保您在文檔邊緣附近保留足夠的空白空間,因為稍后會將其用作模式。

制作可愛3D立體插畫文字圖片的PS教程

步驟4

創建完形狀后,選擇您喜歡的柔和調色板,然后更改形狀的“ 填充顏色”。

該顏色在這里使用的是 #ffd8c9,#fff4e3,#dcf7f3,和#c9d7ff。

如果您對結果滿意,請將其保存為名為Pattern的圖像。

制作可愛3D立體插畫文字圖片的PS教程

3.如何創建一個簡單的背景

步驟1

創建一個新的1400 x 1400 px文檔,單擊圖層面板底部的創建新填充或調整圖層圖標,選擇純色,然后將填充顏色設置為。#ffd8c9

制作可愛3D立體插畫文字圖片的PS教程

第2步

使用矩形工具創建一個覆蓋文檔大約三分之二的矩形形狀,并使用“ 顏色” 填充它#9891f5。

然后,選擇直接選擇工具,選擇矩形的左上角點,然后將其拖到右側以創建對角線。

制作可愛3D立體插畫文字圖片的PS教程

4.如何創建和使用3D文本圖層

步驟1

使用蒙特塞拉特黑色字體在全部大寫中創建所需文本的第一個字母,并將大小設置為350磅。

制作可愛3D立體插畫文字圖片的PS教程

第2步

轉到3D>從選定圖層進行新的3D拉伸以將文本圖層轉換為可編輯的3D圖層。

要訪問3D網格設置和屬性,您需要打開兩個面板:3D面板和“ 屬性”面板(均可在“ 窗口”菜單下找到)。

在3D面板的3D場景的所有組件,并且當你點擊任何這些名稱,你就可以訪問在其設置的屬性面板。因此,請務必在“ 屬性”面板中更改其設置之前,始終在3D面板中選擇要修改的元素的選項卡。

制作可愛3D立體插畫文字圖片的PS教程

第3步

將3D圖層重命名為文本。

如果需要,您可以通過查看>顯示> 3D地平面來顯示/隱藏3D地平面。

制作可愛3D立體插畫文字圖片的PS教程

步驟4

選擇移動工具訪問選項欄右側的3D模式。

當您選擇其中一個時,您可以單擊并拖動以執行更改(在3D面板中的選定元素上)。

使用這些模式將當前視圖更改為您喜歡的角度。

制作可愛3D立體插畫文字圖片的PS教程

5.如何調整3D網格和頂蓋設置

步驟1

在3D面板中選擇字母的網格選項卡,并將“ 屬性”面板中的“ 擠出深度”更改為70。

制作可愛3D立體插畫文字圖片的PS教程

第2步

點擊帽圖標上方屬性面板中,將邊到正面和反面,以及設置錐寬至1% 。

制作可愛3D立體插畫文字圖片的PS教程

6.如何創建一個簡單的3D材質

步驟1

選擇所有文本網格的“ 材質”選項卡,然后將“ 閃耀”值更改為80%。

制作可愛3D立體插畫文字圖片的PS教程

第2步

選擇Front Inflation Material選項卡,單擊Diffuse文件夾圖標,然后選擇Load Texture打開之前保存的Pattern圖像。

制作可愛3D立體插畫文字圖片的PS教程

第3步

單擊漫反射紋理圖標并選擇編輯UV屬性。

制作可愛3D立體插畫文字圖片的PS教程

步驟4

將“ 偏移”值更改為0,然后調整“ 平鋪”值,直到該圖案完全符合文本。

制作可愛3D立體插畫文字圖片的PS教程

第5步

選擇擠出材料選項卡,單擊擴散文件夾圖標,然后從列表中選擇 圖案名稱。

制作可愛3D立體插畫文字圖片的PS教程

第6步

選擇3D網格選項卡,并將紋理映射更改為平鋪。

制作可愛3D立體插畫文字圖片的PS教程

第7步

再次選擇擠出材料選項卡,然后編輯其UV屬性。

將相同的圖案應用于背部充氣材料,并調整其UV屬性以與前部充氣相匹配。

制作可愛3D立體插畫文字圖片的PS教程

7.如何復制和編輯3D文本網格

步驟1

選擇3D網格選項卡,單擊3D面板菜單圖標,然后選擇復制對象。

制作可愛3D立體插畫文字圖片的PS教程

第2步

將重復的網格重命名為您要創建的字母,然后單擊“ 屬性”面板中的“ 編輯源”按鈕。

制作可愛3D立體插畫文字圖片的PS教程

第3步

文本文件打開后,將文本更改為要添加的字母,然后保存并關閉文件。

制作可愛3D立體插畫文字圖片的PS教程

這將更新原始文檔中的網格。

制作可愛3D立體插畫文字圖片的PS教程

步驟4

重復相同的步驟以創建您的文本所需的其余字母。

制作可愛3D立體插畫文字圖片的PS教程

8.如何轉換3D網格

步驟1

選擇第一個字母的網格選項卡,選擇移動工具,然后使用3D軸移動并旋轉它。

軸末端的箭頭移動網格,下面的部分用于旋轉,而立方體用于縮放。中心的立方體用于均勻地縮放對象。所有你需要做的是點擊并拖動你想要使用的部分。

制作可愛3D立體插畫文字圖片的PS教程

第2步

您還可以單擊“ 屬性”面板中的“ 坐標”選項卡以使用數值。請確定在決定所需的最終相機視圖后進行更改。

制作可愛3D立體插畫文字圖片的PS教程

第3步

完成將場景放置在場景中后,選擇其所有選項卡,單擊3D面板菜單圖標,然后選擇“ 組對象”。

制作可愛3D立體插畫文字圖片的PS教程

步驟4

將該組重命名為文本。這將有助于保持組織。

制作可愛3D立體插畫文字圖片的PS教程

9.如何創建和添加3D形狀

你可以創建你喜歡的任何形狀,但是我們將為這個教程添加一個三角形和一個圓。

步驟1

選取多邊形工具,然后單擊文檔中的任意位置以獲取“ 創建多邊形”框。

將“ 寬度”和“ 高度”值設置為100,將“ 邊數”更改為3,并確保沒有選中框。

點擊確定創建一個矩形。

制作可愛3D立體插畫文字圖片的PS教程

第2步

選擇橢圓工具,單擊文檔中的任意位置以獲取創建橢圓框,將寬度和高度值更改為50,然后單擊確定。

制作可愛3D立體插畫文字圖片的PS教程

第3步

將這兩個形狀移動到文檔的中心并暫時隱藏3D文本圖層以處理這些形狀。

對于每個形狀圖層,選擇它并轉到3D>從選定路徑新建3D擠出。

制作可愛3D立體插畫文字圖片的PS教程

步驟4

選擇多邊形圖層,然后選擇三維網格選項卡將其“ 擠出深度”更改為15。

制作可愛3D立體插畫文字圖片的PS教程

第5步

單擊Cap圖標,并將面數改為正面和背面 ,將斜面寬度更改為1%。

制作可愛3D立體插畫文字圖片的PS教程

第6步

選擇橢圓圖層,然后選擇3D網格選項卡將其“ 擠出深度”更改為300。

制作可愛3D立體插畫文字圖片的PS教程

第7步

單擊坐標圖標并將X旋轉角度更改為90。

制作可愛3D立體插畫文字圖片的PS教程

第8步

單擊3D面板菜單圖標,然后選擇將對象移動到地平面。

制作可愛3D立體插畫文字圖片的PS教程

10.如何創建,保存和重新應用基本3D材質

步驟1

選擇Polygon圖層,選擇所有Material選項卡,單擊Diffuse紋理圖標,然后選擇Remove Texture。

制作可愛3D立體插畫文字圖片的PS教程

第2步

改變鏡面的顏色(80,80,80)和所述服務值15。

制作可愛3D立體插畫文字圖片的PS教程

第3步

僅選擇前部充氣材料,單擊材料選擇器框,單擊彈出式菜單圖標,然后選擇新建材料。

制作可愛3D立體插畫文字圖片的PS教程

步驟4

將名稱設置為形狀并單擊確定。

制作可愛3D立體插畫文字圖片的PS教程

第5步

選擇橢圓圖層,選擇所有材質選項卡,然后從材質選擇器中選擇形狀材質以應用它。

制作可愛3D立體插畫文字圖片的PS教程

11.如何將3D形狀添加到3D場景

步驟1

對于每個3D形狀圖層,選擇它,選擇其當前視圖選項卡,然后從視圖菜單中選擇文本以使攝像機視圖與原始3D 文本的視圖匹配。

制作可愛3D立體插畫文字圖片的PS教程

第2步

選擇您擁有的所有3D圖層,然后轉到3D>合并3D圖層。

制作可愛3D立體插畫文字圖片的PS教程

第3步

一旦在同一場景中擁有所有3D元素,就可以隨意調整形狀。

如果您正在使用坐標值,請確保單擊縮放圖標,并取消選中統一縮放選項,如果您不想一致地縮放圖形。

制作可愛3D立體插畫文字圖片的PS教程

步驟4

復制并放置文字周圍的形狀以獲得您喜歡的結果。

確保將重復對象分組以保持組織。

制作可愛3D立體插畫文字圖片的PS教程

第5步

一旦元素在他們的位置,你現在就可以開始著色了。

為此,請選擇您想要具有相同顏色的所有材質選項卡,然后為其分配漫反射顏色。

制作可愛3D立體插畫文字圖片的PS教程

第6步

這里使用的顏色是:(255,139,95),(255, 238, 120)和(100, 255, 25)。

隨意更改高光顏色以使其更暗或更亮,以便使用您應用的漫反射顏色獲得最佳效果。

制作可愛3D立體插畫文字圖片的PS教程

12.如何調整3D場景的設置和照明

步驟1

選擇場景選項卡,更改曲面樣式來照明只,并檢查線性化顏色框,以及在清除隱藏框。

制作可愛3D立體插畫文字圖片的PS教程

第2步

選擇當前視圖選項卡,然后單擊正交圖標。

在調整照明之前對場景進行最終更改。

制作可愛3D立體插畫文字圖片的PS教程

第3步

單擊無限光選項卡,將強度更改為60%,并取消選中陰影框。

制作可愛3D立體插畫文字圖片的PS教程

步驟4

使用移動工具或坐標值來移動燈光,直到您喜歡結果。

制作可愛3D立體插畫文字圖片的PS教程

第5步

選擇Environment選項卡,然后將Ground Plane Shadows Opacity更改為0%。

制作可愛3D立體插畫文字圖片的PS教程

第6步

點擊IBL紋理圖標并選擇編輯紋理。

制作可愛3D立體插畫文字圖片的PS教程

第7步

添加一個級別調整圖層,并將輸出級別的陰影值更改為50。

保存并關閉文件。

制作可愛3D立體插畫文字圖片的PS教程

13.如何渲染和調整渲染場景

步驟1

轉到3D>渲染3D圖層并等待場景完全渲染,這不應該花費那么長時間。

渲染完成后,右鍵單擊 3D 文本圖層,然后選擇“ 轉換為智能對象”以避免意外更改。

制作可愛3D立體插畫文字圖片的PS教程

第2步

添加一個色階調整圖層,將其裁剪到三維文字圖層,并將Gamma值更改為0.90。

制作可愛3D立體插畫文字圖片的PS教程

第3步

添加一個Vibrance調整圖層,將其剪切到3D 文本圖層,然后將Vibrance更改為55,將飽和度更改為-10。

制作可愛3D立體插畫文字圖片的PS教程

步驟4

添加一個可選顏色調整圖層,將其剪切到3D 文字圖層,然后使用以下設置:

制作可愛3D立體插畫文字圖片的PS教程

制作可愛3D立體插畫文字圖片的PS教程

14.如何添加背景元素

步驟1

使用形狀工具在文本后面添加幾個不同的柔和色的形狀,并將它們放在名為BG Shapes的組中。

這里使用的顏色 #ffffbc,#ffd8c9,#dcf7f3,#9ff8f7,和#9891f5。

制作可愛3D立體插畫文字圖片的PS教程

第2步

打開Monstera植物圖像的熱帶樹葉,挑選魔棒工具,單擊選項欄中的添加到選擇圖標,然后檢查連續框。

點擊每個白色區域將其選中,然后轉到選擇>反向。

制作可愛3D立體插畫文字圖片的PS教程

第3步

轉到選擇>選擇和口罩,并更改視圖,以在黑色和不透明度到100% 。稍微增加“ 平滑”值以軟化邊緣,然后減小“ 移動邊緣”以將選區向內移動一點。

檢查消毒顏色框并單擊確定。

制作可愛3D立體插畫文字圖片的PS教程

步驟4

將生成的圖層轉換為智能對象,并將其復制到原始3D 文本文檔。

制作可愛3D立體插畫文字圖片的PS教程

第5步

根據需要復制并轉換葉片以將其添加到文本后面,并將葉片圖層放置在名為葉子的組中。

制作可愛3D立體插畫文字圖片的PS教程

15.如何進行全球調整

步驟1

在所有圖層上創建一個新圖層,將其命名為“ 高通”,然后按Command-Option-Shift-E創建圖章。

將圖層轉換為智能對象并將其混合模式更改為柔光。

制作可愛3D立體插畫文字圖片的PS教程

第2步

轉到過濾器>其他>高通,并將半徑值更改為1。

制作可愛3D立體插畫文字圖片的PS教程

第3步

在所有圖層上創建另一個新圖層并將其命名為“ 噪點”。

轉到編輯>填充,將內容更改為50%灰色,然后單擊確定。

制作可愛3D立體插畫文字圖片的PS教程

步驟4

將圖層轉換為智能對象并將其混合模式更改為柔光。

制作可愛3D立體插畫文字圖片的PS教程

第5步

轉到濾鏡> 雜色>添加雜點,將數量更改為3 并將分布更改為統一,然后選中單色方框。

制作可愛3D立體插畫文字圖片的PS教程

恭喜!你完成了!

在本教程中,我們創建了一個簡單模式和一個基本背景。

然后,我們創建了一個文本層,將其轉換為3D網格,調整其設置,并創建其材質以復制它并創建更多字母。

之后,我們創建并添加了更多的3D形狀,調整了場景設置和燈光并進行了渲染。

最后,我們添加了一些更多的背景元素,并進行了最終的全局調整以完成效果。

請隨時留下您的意見,建議和結果。

制作可愛3D立體插畫文字圖片的PS教程

美式足球比分迅盈