2d教程：使用SketchUp和Photoshop創(chuàng)建3D字體

當(dāng)你第一次打開sketchup，會(huì)顯示一個(gè)對話框，詢問使用什么風(fēng)格。我選擇了簡單的風(fēng)格：藍(lán)色的天空，綠色的草，（這完全取決于你的偏好，不會(huì)對你的最終效果產(chǎn)生影響）。點(diǎn)擊視圖>工具欄>大工具集來打開主要工具框。有幾個(gè)工具我們將多次使用，所以讓我們來熟悉一下這些快捷方式。選擇（空格），推/拉（p），偏移（f），軌道（o），平移（h），縮放：向上或向下（z）。（圖01）

圖01

我們需要建立一個(gè)模板放置建筑物。我們從頂部查看。選擇鏡頭>標(biāo)準(zhǔn)視圖>頂部。 你會(huì)在左上角看到“頂部”二字。讓紅色和綠色軸相當(dāng)接近，如有必要使用縮放得到一個(gè)不錯(cuò)的位置（如下）。為了獲取屏幕，使用平移工具（h）。（圖02）

圖02

接下來，點(diǎn)擊3d文字工具，輸入文字。點(diǎn)擊“字體”來改變字體（粗描邊字體就不錯(cuò)），并輸入大小為10“或更大。然后點(diǎn)擊“放置”。（圖03）

圖03

現(xiàn)在，點(diǎn)擊畫布上的文字。如果在放置后你還想移動(dòng)它，確保選中它（空格）+單擊，然后點(diǎn)擊移動(dòng)工具（m）并拖動(dòng)到新位置。如果你想使你的文字更大，確保選中它（空格）+單擊，然后單擊比例工具（s），點(diǎn)擊綠色的節(jié)點(diǎn)（選中時(shí)就會(huì)變成紅色）拖動(dòng)直到你滿意為止。（圖04）

圖04

現(xiàn)在我們需要使用一個(gè)單獨(dú)的層。麻煩的是，這是一個(gè)多步驟的任務(wù)，但也很容易。我們首先需要打開圖層面板。去窗口>層。打開圖層面板，單擊左上角的小“+”號，并命名新圖層。（圖05）

圖05

接下來，使用選擇工具（空格鍵），右擊你的文字，并選擇“實(shí)體信息” ，會(huì)出現(xiàn)一個(gè)有下拉菜單的小對話框。從這個(gè)菜單中，選擇新層，按步驟5的名字命名。（圖06）

圖06

完成后關(guān)閉“實(shí)體信息”框，如果你愿意，你可以在圖層面板上通過檢查“可見”來確保你把你的文字放在了一個(gè)新層上�？梢钥隙ǖ氖俏覀儼阉�有東東放在了一個(gè)不同的層（與上圖相同）。

選擇矩形工具（r），并放大焦距到第一個(gè)字母。開始繪制正方形和長方形來填充你的第一個(gè)字母。如果你犯了錯(cuò)誤不要擔(dān)心。按cmd/ctrl + z能撤消多個(gè)歷史步驟。你也可以選擇任何矩形，點(diǎn)擊后退鍵或刪除鍵來刪除它。盡力畫好每一個(gè)新矩形與之前的矩形相接，讓矩形之間沒有間隙。別忘了你可以使模板文本可見和不可見以便了解你的進(jìn)度。使用平移工具（h）抓取屏幕并移動(dòng)到下一個(gè)字母。重復(fù)此步驟。（圖07）

圖07

提示：如果藍(lán)色/紫色的方塊讓你煩惱，只需單擊右鍵并選擇“逆向”，將它更改為白色。（圖08）

圖08

完成之后去圖層面板，并使你的模板文本不可見。填充你可能錯(cuò)過的或刪除過多的任何空缺�，F(xiàn)在是時(shí)候添加紋理了。去窗口>材料，打開材料面板。（圖09）

圖09

在材料面板里，從下拉菜單里選擇“磚與覆層”，然后點(diǎn)擊你想使用的建筑物材料。（圖10）

圖10

使用選擇工具（空格）選中你想要添加紋理的區(qū)域。（圖11）

圖11

其次，使用油漆桶工具（b），點(diǎn)擊任何一個(gè)正方形選中它�，F(xiàn)在整個(gè)選區(qū)將被紋理填充。如果你不滿意使用紋理的大小，可以選中所有字母，然后使用比例工具（s），點(diǎn)擊角落里的綠色節(jié)點(diǎn)進(jìn)行調(diào)整，直到你滿意方塊紋理的大小。（圖12）

圖12

繼續(xù)給剩下的方塊填充紋理。你也可以為每個(gè)方塊單獨(dú)填充紋理。如果你愿意你可以把不同的紋理混合在一起。（圖13）

圖13

現(xiàn)在到了有趣的部分~使用你的軌道工具（o），調(diào)整出與下圖類似的角度。（圖14）

圖14

其次，使用推/拉工具（p），在其中一個(gè)方塊放置它直到其具有高度。點(diǎn)擊然后向上拖動(dòng)，直到達(dá)到你滿意的高度。點(diǎn)擊取消。移動(dòng)到下一個(gè)方塊，然后重復(fù)這個(gè)過程。

提示：當(dāng)你推動(dòng)旁邊的一個(gè)部分，你要試圖把它拉的更高，這將得到一個(gè)“偏移”效果（如下圖）。繼續(xù)推動(dòng)，點(diǎn)擊圖塊的終點(diǎn)，然后再次拉高它。（圖15）

圖15

繼續(xù)推拉直到你對你的字母滿意。使用軌道工具（o），平移工具（h）和縮放上下滾動(dòng)，或（z），來瀏覽你的所有字母。（圖16、17）

圖16

圖17

現(xiàn)在是時(shí)候改變一些方塊頂端來增加一點(diǎn)視覺感和細(xì)節(jié)了。我們將使用偏移工具（f）。 放大你的第一個(gè)字母，使用偏移工具來調(diào)整方塊頂端的邊緣。在邊緣上點(diǎn)擊并向內(nèi)移動(dòng)偏移工具，朝向方塊頂端的中心。你會(huì)發(fā)現(xiàn)新的邊緣，形成了一個(gè)邊界。（圖18）

圖18

現(xiàn)在，使用推/拉工具（p），新建邊界的中心用藍(lán)色突出顯示，向下推動(dòng)建立方塊頂。對其他所有的字母重復(fù)此步驟。（圖19、20）

圖19

圖20

是時(shí)候添加一些陰影了！去視圖>陰影。這里得到的陰影不用去管它，去窗口>陰影，輸入確切的日期和時(shí)間，或使用滑塊來預(yù)覽你想要得到的陰影。（圖21）

圖21

現(xiàn)在我們要把作品輸出。隱藏軸和邊緣。去視圖>軸，勾去它。還要去視圖>邊線樣式>邊，勾去邊緣。（圖22、23）

圖22

圖23

去文件>導(dǎo)出>二維圖形。顯示出一個(gè)對話框，你有3個(gè)方案可供選擇：jpeg，png和tiff文件。我選擇了一個(gè)tiff文件。如果你點(diǎn)擊“選項(xiàng)...”，會(huì)顯示出第二個(gè)框，可以指定確切的尺寸和分辨率，以及渲染選項(xiàng)。我使用了以下設(shè)置。寬度和高度是默認(rèn)的屏幕尺寸。設(shè)置好之后，導(dǎo)出它。是時(shí)候在photoshop中工作了。（圖24）

圖24

現(xiàn)在，在photoshop中，打開你保存的2維圖形文件。接下來，讓我們設(shè)置畫布以便容易工作。要更改畫布大小，去圖像>畫布大小，添加多一點(diǎn)的高度，然后選擇你想要的分辨率（我使用的是150ppi）。命名你的原始圖層。（圖25、26）

圖25

圖26

讓我們關(guān)注這些難看的綠色陰影。使用魔術(shù)棒工具（w）選擇它們，按shift單擊添加每一個(gè)綠色的塊�，F(xiàn)在，選中它們，去選擇>修改>擴(kuò)展。輸入1px并點(diǎn)擊ok。（圖27）

圖27

現(xiàn)在，點(diǎn)擊刪除或backspace鍵刪除原始圖像的綠色陰影。保持選擇，創(chuàng)建一個(gè)新層，命名為main shadows。使背景顏色為黑色，然后按cmd/ctrl + backspace鍵來填充選區(qū)。設(shè)置這個(gè)圖層的不透明度為40%。（圖28）

圖28

現(xiàn)在，我們需要引入一個(gè)背景。我使用了草坪紋理，你可以在here找到。把它放在原始圖層的下方，并命名為草。（圖29）

圖29

很明顯我們需要在這里加暗草坪。在它上方創(chuàng)建另一個(gè)圖層，用黑色填充，并將其命名為dark。設(shè)置這個(gè)圖層的不透明度為35%。（圖30）

圖30

隨著文本陰影的方向，在dark圖層的上方創(chuàng)建一個(gè)新層。使用一個(gè)大的柔軟筆刷在文本上方的草坪上創(chuàng)建額外的陰影。命名此層為extra dark，設(shè)置不透明度為25%。（圖31）

圖31

為了創(chuàng)建透視效果，我們需要扭曲它。按cmd/ctrl + t自由變換草坪，右擊并選擇扭曲。按照第一個(gè)和最后一個(gè)字母的角度來拖拽節(jié)點(diǎn)。（圖32）

圖32

按cmd/ctrl單擊原始圖層的縮略圖來選擇它。創(chuàng)建一個(gè)亮度和對比度調(diào)整層，設(shè)置亮度-31，對比度為100。（圖33）

圖33

現(xiàn)在我們需要對原始圖層添加一些圖層樣式。雙擊該層，并勾選陰影。添加以下設(shè)置。我關(guān)閉了全局光，選擇了一個(gè)角度使投影匹配原始陰影。（圖34）

圖34

接下來，選中內(nèi)陰影。我們要添加一個(gè)非常微妙的陰影，在所有字母的底部邊緣顯現(xiàn)，只是為了給它一點(diǎn)額外的深度感。添加以下設(shè)置，按自己的作品調(diào)整角度與底部邊緣匹配。（圖35）

圖35

接下來，裁剪最終圖像。（圖36）

圖36

在頂部創(chuàng)建一個(gè)新層，使用一個(gè)柔軟的筆刷，輕輕加深外邊緣和角落來做最后的潤色。感謝大家的閱讀。（圖37）

圖37