通常我們要打造一個(gè)三維效果的圖標(biāo)，第一反應(yīng)是這個(gè)效果需要借助3D軟件。一定需要3D軟件嗎？不一定哦。下面我們就來(lái)講述怎么通過(guò)Photoshop中的漸變、高光、陰影這些簡(jiǎn)單的技巧來(lái)打造一個(gè)三維地圖圖標(biāo)。讓我們開(kāi)始吧！
最終效果圖：
1.繪制地圖
第1步
我們要繪制整個(gè)地圖紙的形狀，選擇鋼筆工具，用鋼筆工具繪制拐點(diǎn)。
繪制至最后，點(diǎn)擊第一個(gè)錨點(diǎn)，閉合路徑。紙的形狀要確保完美，并且要與視角一致。如下圖示：
第2步
打開(kāi)谷歌地圖，然后選區(qū)地圖的一部分。將其放置在畫(huà)布上。
第3步
我們將紙分為三折，每一部分都要放上地圖。所以我們按ctrl+j,將地圖復(fù)制三次，按ctrl+T執(zhí)行變換。
第4步
按住ctrl，然后單獨(dú)拖動(dòng)每一個(gè)角，直到地圖和紙形狀相吻合。
第5步
隱藏地圖。按住Ctrl鍵單擊紙圖層，創(chuàng)建選區(qū)。
第6步
激活套索工具。按住Alt將狀態(tài)變成從選區(qū)減去。畫(huà)如圖示選區(qū)刪除第二第三部分的紙選區(qū)。
使地圖層可見(jiàn)。
第7步
點(diǎn)擊添加圖層蒙版的按鈕為地圖層添加圖層蒙版。
第8步
按照上述步驟，將二三部分地圖也覆蓋在紙形狀上。
第9步
當(dāng)圖片被地圖覆蓋后，分別選擇每個(gè)地圖層然后單擊ctrl+alt+G,將其轉(zhuǎn)換成剪貼蒙版。確保地圖選區(qū)和形狀選區(qū)相吻合。
第10步
我們現(xiàn)在要添加地圖的邊框。要注意我們的視角哦，基本原理就是越接近我們的地方，邊框就越大。按住Ctrl鍵單擊紙層，創(chuàng)建選區(qū)。激活套索工具，然后從上方選項(xiàng)欄中選擇從選區(qū)減去。按照上述原理從地圖選區(qū)中減去如下圖示選區(qū)。
第11步
創(chuàng)建一個(gè)新層，然后給選區(qū)填充白色。
第12步
創(chuàng)建一個(gè)新層，并將其轉(zhuǎn)換為剪貼蒙版。激活畫(huà)筆工具，減低透明度為5％。涂黑地圖的邊緣。
第13步
按住Ctrl鍵單擊該紙形狀，創(chuàng)建新選區(qū)。單擊編輯>描邊。將顏色設(shè)置為黑色，大小1像素，位置：內(nèi)部，點(diǎn)擊確定。
第14步
降低描邊圖層的不透明度為10％。
第15步
按住Ctrl鍵單擊地圖文件的第一部分。在上方新建一個(gè)圖層，然后填充黑色。降低其圖層不透明度為30％，并設(shè)置其混合模式為疊加。
第16步
在紙的另外兩部分重復(fù)此過(guò)程。
2.地圖陰影
第1步
使用套索工具，創(chuàng)建一個(gè)多邊形選區(qū)，填充一個(gè)黑色到透明色的漸變填充，注意，因?yàn)槭顷幱皩?，該層要放到紙張圖層的下方。
第2步
通過(guò)應(yīng)用濾鏡中的高斯模糊對(duì)陰影柔化。
第3步
降低其圖層不透明度為10％，形成一個(gè)淡淡的陰影。
第4步
對(duì)最后一個(gè)地圖塊也創(chuàng)建一個(gè)多邊形選區(qū)，填充黑色。
第5步
使用高斯模糊對(duì)陰影進(jìn)行柔化處理。
第6步
為該陰影層添加圖層蒙版。設(shè)置前景色為黑色。用畫(huà)筆工具涂抹選區(qū)擦除不需要的影子部分。
第7步
為了讓陰影看起來(lái)更逼真，我們?cè)偬砑右粋€(gè)陰影層，創(chuàng)建如圖示選區(qū)，用黑色柔邊畫(huà)筆涂抹選區(qū)。
第8步
Ctrl-D取消選區(qū)，然后應(yīng)用高斯模糊（濾鏡>模糊>高斯模糊），以柔化陰影。
第9步
降低陰影層的不透明度為30％。
第10步
我們?nèi)匀恍枰o紙張的下面添加一些陰影。在上面所述的影子層上方創(chuàng)建一個(gè)新層，然后用低透明度畫(huà)筆工具，把它涂黑。
第11步
正如你可以看到下面的一些影子漏到了的地圖之外。這個(gè)問(wèn)題很容易解決。
第12步
只需激活橡皮擦工具，然后刪除那些不需要的陰影部分。
第13步
降低圖層陰影的不透明度為20％。
3.繪制地圖圖標(biāo)
第1步
首先畫(huà)一個(gè)圓形狀。選擇橢圓形工具。對(duì)于它的顏色，我選擇粉紅色（＃d27eee）。你可以選擇喜歡的任何其他顏色。按住Shift鍵，拖動(dòng)鼠標(biāo)創(chuàng)建一個(gè)新的圓形。
第2步
ctrl+C，ctrl+V復(fù)制圓形.按下ctrl+T進(jìn)行轉(zhuǎn)換，將其縮小。
第3步
為了得到一個(gè)甜甜圈的效果，需要設(shè)置路徑模式為減去頂層形狀。
第4步
選擇直接選擇工具。選擇最低點(diǎn)，然后通過(guò)多次點(diǎn)擊向下箭頭鍵將它垂直向下移動(dòng)。 如果出現(xiàn)Photoshop警告對(duì)話框，點(diǎn)擊確認(rèn)就好。
第5步
選擇轉(zhuǎn)換點(diǎn)工具，然后單擊最低點(diǎn)。
第6步
到目前為止，我們的圖標(biāo)已經(jīng)初步成形。
第7步
雙擊形狀圖層，然后應(yīng)用圖層樣式內(nèi)陰影和漸變疊加，具體設(shè)置如下：
內(nèi)陰影——混合模式：濾色，顏色：#efd5f5，不透明度：28%，角度：66°，距離：1像素，大?。?像素。
漸變疊加——將不透明度改為15%，其他保持默認(rèn)值。
第8步
ctrl+J復(fù)制形狀圖層。按下Ctrl+T，把形狀向下壓縮一點(diǎn)，讓它看起來(lái)短一點(diǎn)，這樣做是為了給圖標(biāo)做厚度。
第9步
雙擊的圖標(biāo)的后面的形狀層。更改其漸變疊加并停用內(nèi)陰影，漸變疊加：不透明度：17%，角度：32°。
第10步
下圖使我們的效果圖。為了讓它看起來(lái)更逼真，我們?nèi)匀恍枰謩?dòng)添加它的陰影和高光。
第11步
按住Ctrl鍵單擊后面的形狀層，創(chuàng)建選區(qū)，新建一圖層，單擊編輯>描邊。設(shè)置它的寬度為1像素，并選擇顏色為#faedff。因?yàn)閳D標(biāo)的顏色是粉紅色的，我選擇了一個(gè)明亮的粉紅色。
第12步
點(diǎn)擊濾鏡>模糊>高斯模糊，將半徑設(shè)置為：0.3，軟化上步做出的描邊效果。
第13步
為前面的形狀層也添加和上面第11步一樣的描邊效果。
第14步
通過(guò)應(yīng)用高斯模糊濾鏡軟化描邊效果，半徑設(shè)置為：1。
第15步
為這個(gè)描邊效果添加圖層蒙版圖層。將圖層蒙版填充為黑色。描邊亮線將被隱藏。激活畫(huà)筆工具，擦出一些亮線。
第16步
使用套索工具來(lái)手動(dòng)選擇圖標(biāo)的下部。
第17步
創(chuàng)建一個(gè)新圖層。填充黑色，然后應(yīng)用高斯模糊，半徑為1。
第18步
降低圖層不透明度為20％。
步驟19
創(chuàng)建一個(gè)新層，然后圖標(biāo)下部和邊緣部分也畫(huà)上黑色。
第20步
降低其圖層的不透明度。
4.在地圖上創(chuàng)建圖標(biāo)的陰影
第1步
讓我們開(kāi)始繪制圖標(biāo)的陰影。激活畫(huà)筆工具，然后用黑色柔邊畫(huà)筆在圖標(biāo)和地圖相接處涂抹。
第2步
按住Ctrl鍵單擊該圖標(biāo)的前面。單擊鼠標(biāo)右鍵，然后選擇變換選區(qū)。
第3步
按住ctrl，然后拖動(dòng)手柄，直到選區(qū)變換在地圖上如圖示位置。請(qǐng)確保它在地圖的角度相匹配。
第4步
創(chuàng)建一個(gè)新圖層，然后用＃652b78填充它。通過(guò)應(yīng)用高斯模糊濾鏡柔化這個(gè)陰影。
第5步
為影子層添加圖層蒙版，然后填充黑色。用白色畫(huà)筆擦出一些陰影。
5.背景
第1步
創(chuàng)建一個(gè)新圖層命名為背景。為它填充一個(gè)灰色到深灰色一個(gè)微妙的漸變效果。
第2步
添加一個(gè)藍(lán)色的純色調(diào)整圖層，然后降低不透明度。
結(jié)論
我希望你從本教程一些新的知識(shí)。正如你可以在這里看到，在Photoshop通過(guò)一些簡(jiǎn)單的形狀繪制三維物體是很容易的。只要確保你添加適當(dāng)?shù)墓庹?，添加微妙的高光和陰影，你就可以做到。大功告成！看效果圖：
原文網(wǎng)址：tutsplus
