Photoshop攜手SketchUp打造立體字

朱峰社區(qū)老師表示photoshop是一個自身強(qiáng)大的應(yīng)用軟件，但是配合使用另外一些應(yīng)用軟件如 illustrator， cinema 4d，或這里的google sketchup可以顯著增加它的效果。今天 ，我們將使用google sketchup這個免費的建筑軟件創(chuàng)建一些很酷的3d文字效果。

圖00

步驟1

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

圖01

步驟2

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

圖02

步驟3

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

圖03

步驟4

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

圖04

步驟5

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

圖05

步驟6

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

圖06

步驟7

完成后關(guān)閉”實體信息“框，如果你愿意，你可以在圖層面板上通過檢查”可 見“來確保你把你的文字放在了一個新層上。可以肯定的是我們把所有東東放在了一 個不同的層（與上圖相同）。

步驟8

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

圖07

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

圖08

步驟9

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

圖09

步驟10

在材料面板里，從下拉菜單里選擇”磚與覆層“，然后點擊你想使用的建筑物 材料。

圖10

步驟11

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

圖11

步驟12

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

圖12

步驟13

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

圖13

步驟14

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

圖14

步驟15

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

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

圖15

步驟16

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

圖16

圖17

步驟17

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

圖18

步驟18

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

圖19

圖20

步驟19

去視圖>陰影。這里得到的陰影不用去管它，去窗口>陰影，輸入確切的日期和時間， 或使用滑塊來預(yù)覽你想要得到的陰影。

圖21

步驟20

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

圖22

圖23

步驟21

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

圖24

步驟22

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

圖25

圖26

步驟23

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

圖27

步驟24

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

圖28

步驟25

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

圖29

步驟26

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

圖30

步驟27

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

圖31

步驟28

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

圖32

步驟29

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

圖33

步驟30

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

圖34

步驟31

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

圖35

步驟32

接下來，裁剪最終圖像。

圖36

結(jié)論

在頂部創(chuàng)建一個新層，使用一個柔軟的筆刷，輕輕加深外邊緣和角落來做最后的潤色 。

圖37