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