通常我们要打造一个三维效果的图标,第一反应是这个效果需要借助3D软件。一定需要3D软件吗?不一定哦。
下面我们就来讲述怎么通过Photoshop中的渐变、高光、阴影这些简单的技巧来打造一个三维地图图标。让我们开始吧!
最终效果图:
![](https://img.haomeiwen.com/i2210631/fa2ef5b81fd0d897.jpg)
1.绘制地图 第1步 我们要绘制整个地图纸的形状,选择钢笔工具,用钢笔工具绘制拐点。
![](https://img.haomeiwen.com/i2210631/b8077fbb2107759b.jpg)
绘制至最后,点击第一个锚点,闭合路径。纸的形状要确保完美,并且要与视角一致。如下图示:
![](https://img.haomeiwen.com/i2210631/2da50be884ce43cb.jpg)
第2步 打开谷歌地图或者百度,然后选区地图的一部分。将其放置在画布上。
![](https://img.haomeiwen.com/i2210631/996ede5e174db931.jpg)
第3步 我们将纸分为三折,每一部分都要放上地图。所以我们按ctrl+j,将地图复制三次,按ctrl+T执行变换。
![](https://img.haomeiwen.com/i2210631/6c32e54a33747a90.jpg)
第4步 按住ctrl,然后单独拖动每一个角,直到地图和纸形状相吻合。
![](https://img.haomeiwen.com/i2210631/f632ba6c4342339a.jpg)
![](https://img.haomeiwen.com/i2210631/026bd4e525c54ace.jpg)
第5步 隐藏地图。按住Ctrl键单击纸图层,创建选区。
![](https://img.haomeiwen.com/i2210631/6186b3788d7506dc.jpg)
第6步 激活套索工具。按住Alt将状态变成从选区减去。画如图示选区删除第二第三部分的纸选区。
![](https://img.haomeiwen.com/i2210631/385b8d12d688daff.jpg)
使地图层可见。
![](https://img.haomeiwen.com/i2210631/a87a698340c65ac6.jpg)
第7步 点击添加图层蒙版的按钮为地图层添加图层蒙版。更多学习加群:209409805
![](https://img.haomeiwen.com/i2210631/1916511c5644c0ec.jpg)
第8步 按照上述步骤,将二三部分地图也覆盖在纸形状上。
![](https://img.haomeiwen.com/i2210631/513e7262ee6f49d4.jpg)
第9步 当图片被地图覆盖后,分别选择每个地图层然后单击ctrl+alt+G,将其转换成剪贴蒙版。确保地图选区和形状选区相吻合。
![](https://img.haomeiwen.com/i2210631/391912916eb83959.jpg)
第10步 我们现在要添加地图的边框。要注意我们的视角哦,基本原理就是越接近我们的地方,边框就越大。按住Ctrl键单击纸层,创建选区。激活套索工具,然后从上方选项栏中选择从选区减去。按照上述原理从地图选区中减去如下图示选区。
![](https://img.haomeiwen.com/i2210631/e9608e6cbb2bce74.jpg)
第11步 创建一个新层,然后给选区填充白色。
![](https://img.haomeiwen.com/i2210631/8f4bcc48880be460.jpg)
第12步 创建一个新层,并将其转换为剪贴蒙版。激活画笔工具,减低透明度为5%。涂黑地图的边缘。
![](https://img.haomeiwen.com/i2210631/d71251233fcff7c0.jpg)
第13步 按住Ctrl键单击该纸形状,创建新选区。单击编辑>描边。将颜色设置为黑色,大小1像素,位置:内部,点击确定。
![](https://img.haomeiwen.com/i2210631/ea5f01e9d6a6e17f.jpg)
![](https://img.haomeiwen.com/i2210631/fc31d4455f4d61eb.jpg)
第14步 降低描边图层的不透明度为10%。更多学习加群:209409805
![](https://img.haomeiwen.com/i2210631/1aea1ecfd8eabd3f.jpg)
第15步 按住Ctrl键单击地图文件的第一部分。在上方新建一个图层,然后填充黑色。降低其图层不透明度为30%,并设置其混合模式为叠加。
![](https://img.haomeiwen.com/i2210631/c5b5b2d6d8f9cb2f.jpg)
第16步 在纸的另外两部分重复此过程。
![](https://img.haomeiwen.com/i2210631/308c23175935f56d.jpg)
![](https://img.haomeiwen.com/i2210631/80310c6144df3db6.jpg)
2.地图阴影
第1步 使用套索工具,创建一个多边形选区,填充一个黑色到透明色的渐变填充,注意,因为是阴影层,该层要放到纸张图层的下方。
![](https://img.haomeiwen.com/i2210631/070e79824ebb8da2.jpg)
第2步 通过应用滤镜中的高斯模糊对阴影柔化。
![](https://img.haomeiwen.com/i2210631/05fd60fd433bbcb4.jpg)
第3步 降低其图层不透明度为10%,形成一个淡淡的阴影。
![](https://img.haomeiwen.com/i2210631/373b3bc8611206d7.jpg)
第4步 对最后一个地图块也创建一个多边形选区,填充黑色。
![](https://img.haomeiwen.com/i2210631/a2f1fc34701c6e78.jpg)
第5步 使用高斯模糊对阴影进行柔化处理。更多学习加群:209409805
![](https://img.haomeiwen.com/i2210631/3ce0ed54d60d2573.jpg)
第6步 为该阴影层添加图层蒙版。设置前景色为黑色。用画笔工具涂抹选区擦除不需要的影子部分。
![](https://img.haomeiwen.com/i2210631/14e4c39a6eac37d4.jpg)
第7步 为了让阴影看起来更逼真,我们再添加一个阴影层,创建如图示选区,用黑色柔边画笔涂抹选区。
![](https://img.haomeiwen.com/i2210631/af174f4ff175db94.jpg)
第8步 Ctrl-D取消选区,然后应用高斯模糊(滤镜>模糊>高斯模糊),以柔化阴影。
![](https://img.haomeiwen.com/i2210631/b8a3926dd7739366.jpg)
第9步 降低阴影层的不透明度为30%。
![](https://img.haomeiwen.com/i2210631/b99afbf7bd29b4f3.jpg)
第10步 我们仍然需要给纸张的下面添加一些阴影。在上面所述的影子层上方创建一个新层,然后用低透明度画笔工具,把它涂黑。更多学习加群:209409805
![](https://img.haomeiwen.com/i2210631/418ed01e2a5022aa.jpg)
第11步 正如你可以看到下面的一些影子漏到了的地图之外。这个问题很容易解决。
![](https://img.haomeiwen.com/i2210631/8f3c2d6986b812c9.jpg)
第12步 只需激活橡皮擦工具,然后删除那些不需要的阴影部分。
![](https://img.haomeiwen.com/i2210631/455e230a578fd60d.jpg)
第13步 降低图层阴影的不透明度为20%。
![](https://img.haomeiwen.com/i2210631/788ec0cd10f9c9dc.jpg)
3.绘制地图图标
第1步 首先画一个圆形状。选择椭圆形工具。对于它的颜色,我选择粉红色(#d27eee)。你可以选择喜欢的任何其他颜色。按住Shift键,拖动鼠标创建一个新的圆形。
![](https://img.haomeiwen.com/i2210631/8a62d575a926be51.jpg)
第2步 ctrl+C,ctrl+V复制圆形.按下ctrl+T进行转换,将其缩小。
![](https://img.haomeiwen.com/i2210631/e3b301cdddd0618f.jpg)
第3步 为了得到一个甜甜圈的效果,需要设置路径模式为减去顶层形状。
![](https://img.haomeiwen.com/i2210631/c720f947662ef10a.jpg)
第4步 选择直接选择工具。选择最低点,然后通过多次点击向下箭头键将它垂直向下移动。 如果出现Photoshop警告对话框,点击确认就好。更多学习加群:209409805
![](https://img.haomeiwen.com/i2210631/eb7cff643dafda6c.jpg)
第5步 选择转换点工具,然后单击最低点。
![](https://img.haomeiwen.com/i2210631/044e287824b53e59.jpg)
![](https://img.haomeiwen.com/i2210631/61ca8e567088eea5.jpg)
第6步 到目前为止,我们的图标已经初步成形。
![](https://img.haomeiwen.com/i2210631/eca0c88e30425564.jpg)
第7步 双击形状图层,然后应用图层样式内阴影和渐变叠加,具体设置如下:
内阴影——混合模式:滤色,颜色:#efd5f5,不透明度:28%,角度:66°,距离:1像素,大小:2像素。渐变叠加——将不透明度改为15%,其他保持默认值。
![](https://img.haomeiwen.com/i2210631/2a9ae110a2ea1f65.jpg)
![](https://img.haomeiwen.com/i2210631/7672b6866b3e15a1.jpg)
第8步 ctrl+J复制形状图层。按下Ctrl+T,把形状向下压缩一点,让它看起来短一点,这样做是为了给图标做厚度。
![](https://img.haomeiwen.com/i2210631/c1a6478ed43ac609.jpg)
第9步 双击的图标的后面的形状层。更改其渐变叠加并停用内阴影,渐变叠加:不透明度:17%,角度:32°。更多学习加群:209409805
![](https://img.haomeiwen.com/i2210631/ef963921c643e8cf.jpg)
第10步 下图使我们的效果图。为了让它看起来更逼真,我们仍然需要手动添加它的阴影和高光。
![](https://img.haomeiwen.com/i2210631/293adad607e5525d.jpg)
第11步 按住Ctrl键单击后面的形状层,创建选区,新建一图层,单击编辑>描边。设置它的宽度为1像素,并选择颜色为#faedff。因为图标的颜色是粉红色的,我选择了一个明亮的粉红色。
![](https://img.haomeiwen.com/i2210631/b2bb77b2cbf995a2.jpg)
第12步 点击滤镜>模糊>高斯模糊,将半径设置为:0.3,软化上步做出的描边效果。更多学习加群:209409805
![](https://img.haomeiwen.com/i2210631/d5996926fc785df0.jpg)
![](https://img.haomeiwen.com/i2210631/1bc11125e330bcaa.jpg)
第13步 为前面的形状层也添加和上面第11步一样的描边效果。
![](https://img.haomeiwen.com/i2210631/eb92fceba112ca27.jpg)
第14步 通过应用高斯模糊滤镜软化描边效果,半径设置为:1。
![](https://img.haomeiwen.com/i2210631/0a5da3c7ba6be0c7.jpg)
第15步 为这个描边效果添加图层蒙版图层。将图层蒙版填充为黑色。描边亮线将被隐藏。激活画笔工具,擦出一些亮线。
![](https://img.haomeiwen.com/i2210631/06730012ac8da451.jpg)
第16步 使用套索工具来手动选择图标的下部。
![](https://img.haomeiwen.com/i2210631/ffc2830091c4beb9.jpg)
第17步 创建一个新图层。填充黑色,然后应用高斯模糊,半径为1。
![](https://img.haomeiwen.com/i2210631/1ebb21097be36421.jpg)
第18步 降低图层不透明度为20%。
![](https://img.haomeiwen.com/i2210631/f09239fa416183ff.jpg)
第19步 创建一个新层,然后图标下部和边缘部分也画上黑色。
![](https://img.haomeiwen.com/i2210631/c3c2a5123420e0c7.jpg)
第20步 降低其图层的不透明度。
![](https://img.haomeiwen.com/i2210631/2fa9231927f9f95a.jpg)
4.在地图上创建图标的阴影
第1步 让我们开始绘制图标的阴影。激活画笔工具,然后用黑色柔边画笔在图标和地图相接处抹。更多学习加群:209409805
![](https://img.haomeiwen.com/i2210631/f150cc69117d9422.jpg)
第2步 按住Ctrl键单击该图标的前面。单击鼠标右键,然后选择变换选区。
![](https://img.haomeiwen.com/i2210631/904fe4cad6c34b00.jpg)
第12步 点击滤镜>模糊>高斯模糊,将半径设置为:0.3,软化上步做出的描边效果。
![](https://img.haomeiwen.com/i2210631/8bc3760120183787.jpg)
![](https://img.haomeiwen.com/i2210631/fef23be7d32f9d32.jpg)
第13步 为前面的形状层也添加和上面第11步一样的描边效果。
![](https://img.haomeiwen.com/i2210631/4495f5c3a92cd508.jpg)
第14步 通过应用高斯模糊滤镜软化描边效果,半径设置为:1。更多学习加群:209409805
![](https://img.haomeiwen.com/i2210631/e5b78348a05e75e6.jpg)
第15步 为这个描边效果添加图层蒙版图层。将图层蒙版填充为黑色。描边亮线将被隐藏。激活画笔工具,擦出一些亮线。
![](https://img.haomeiwen.com/i2210631/98343ecc6469f475.jpg)
第16步 使用套索工具来手动选择图标的下部。
![](https://img.haomeiwen.com/i2210631/f507193170de2a03.jpg)
第17步 创建一个新图层。填充黑色,然后应用高斯模糊,半径为1。
![](https://img.haomeiwen.com/i2210631/823dae9c24822ace.jpg)
第18步 降低图层不透明度为20%。
![](https://img.haomeiwen.com/i2210631/979922eb22e830c2.jpg)
第19步 创建一个新层,然后图标下部和边缘部分也画上黑色。
![](https://img.haomeiwen.com/i2210631/57b577291835f7aa.jpg)
第20步 降低其图层的不透明度。
![](https://img.haomeiwen.com/i2210631/1fa29c31e18ee568.jpg)
4.在地图上创建图标的阴影
第1步 让我们开始绘制图标的阴影。激活画笔工具,然后用黑色柔边画笔在图标和地图相接处抹。
![](https://img.haomeiwen.com/i2210631/36fc664f14ad124f.jpg)
第2步 按住Ctrl键单击该图标的前面。单击鼠标右键,然后选择变换选区。
![](https://img.haomeiwen.com/i2210631/731d78a71c0132a5.jpg)
第3步 按住ctrl,然后拖动手柄,直到选区变换在地图上如图示位置。请确保它在地图的角度相匹配。
![](https://img.haomeiwen.com/i2210631/81019d910f178a51.jpg)
第4步 创建一个新图层,然后用#652b78填充它。通过应用高斯模糊滤镜柔化这个阴影。
![](https://img.haomeiwen.com/i2210631/9411230ebef58519.jpg)
第5步 为影子层添加图层蒙版,然后填充黑色。用白色画笔擦出一些阴影。
![](https://img.haomeiwen.com/i2210631/f702cf3ed018816d.jpg)
5.背景
第1步 创建一个新图层命名为背景。为它填充一个灰色到深灰色一个微妙的渐变效果。更多学习加群:209409805
![](https://img.haomeiwen.com/i2210631/5ff76d9201e48351.jpg)
第2步 添加一个蓝色的纯色调整图层,然后降低不透明度。
![](https://img.haomeiwen.com/i2210631/79fc082d12576e1b.jpg)
只要确保你添加适当的光照,添加微妙的高光和阴影,你就可以做到。大功告成!看效果图:
![](https://img.haomeiwen.com/i2210631/f5a9f58086f09591.jpg)
结语:希望大家喜欢本篇教程,非常感谢大家的阅读,祝大家学习愉快!更多学习加群:209409805
网友评论