【PS教程】三维地图图标

通常我们要打造一个三维效果的图标,第一反应是这个效果需要借助3D软件。一定需要3D软件吗?不一定哦。

下面我们就来讲述怎么通过Photoshop中的渐变、高光、阴影这些简单的技巧来打造一个三维地图图标。让我们开始吧!

最终效果图:

1.绘制地图  第1步  我们要绘制整个地图纸的形状,选择钢笔工具,用钢笔工具绘制拐点。

绘制至最后,点击第一个锚点,闭合路径。纸的形状要确保完美,并且要与视角一致。如下图示:

第2步  打开谷歌地图或者百度,然后选区地图的一部分。将其放置在画布上。

第3步  我们将纸分为三折,每一部分都要放上地图。所以我们按ctrl+j,将地图复制三次,按ctrl+T执行变换。

第4步  按住ctrl,然后单独拖动每一个角,直到地图和纸形状相吻合。

第5步  隐藏地图。按住Ctrl键单击纸图层,创建选区。

第6步  激活套索工具。按住Alt将状态变成从选区减去。画如图示选区删除第二第三部分的纸选区。

使地图层可见。

第7步  点击添加图层蒙版的按钮为地图层添加图层蒙版。更多学习加群:209409805

第8步  按照上述步骤,将二三部分地图也覆盖在纸形状上。

第9步  当图片被地图覆盖后,分别选择每个地图层然后单击ctrl+alt+G,将其转换成剪贴蒙版。确保地图选区和形状选区相吻合。

第10步  我们现在要添加地图的边框。要注意我们的视角哦,基本原理就是越接近我们的地方,边框就越大。按住Ctrl键单击纸层,创建选区。激活套索工具,然后从上方选项栏中选择从选区减去。按照上述原理从地图选区中减去如下图示选区。

第11步  创建一个新层,然后给选区填充白色。

第12步  创建一个新层,并将其转换为剪贴蒙版。激活画笔工具,减低透明度为5%。涂黑地图的边缘。

第13步  按住Ctrl键单击该纸形状,创建新选区。单击编辑>描边。将颜色设置为黑色,大小1像素,位置:内部,点击确定。

第14步  降低描边图层的不透明度为10%。更多学习加群:209409805

第15步  按住Ctrl键单击地图文件的第一部分。在上方新建一个图层,然后填充黑色。降低其图层不透明度为30%,并设置其混合模式为叠加。

第16步  在纸的另外两部分重复此过程。

2.地图阴影

第1步  使用套索工具,创建一个多边形选区,填充一个黑色到透明色的渐变填充,注意,因为是阴影层,该层要放到纸张图层的下方。

第2步  通过应用滤镜中的高斯模糊对阴影柔化。


第3步  降低其图层不透明度为10%,形成一个淡淡的阴影。

第4步  对最后一个地图块也创建一个多边形选区,填充黑色。

第5步  使用高斯模糊对阴影进行柔化处理。更多学习加群:209409805

第6步  为该阴影层添加图层蒙版。设置前景色为黑色。用画笔工具涂抹选区擦除不需要的影子部分。

第7步  为了让阴影看起来更逼真,我们再添加一个阴影层,创建如图示选区,用黑色柔边画笔涂抹选区。

第8步  Ctrl-D取消选区,然后应用高斯模糊(滤镜>模糊>高斯模糊),以柔化阴影。

第9步  降低阴影层的不透明度为30%。

第10步  我们仍然需要给纸张的下面添加一些阴影。在上面所述的影子层上方创建一个新层,然后用低透明度画笔工具,把它涂黑。更多学习加群:209409805

第11步 正如你可以看到下面的一些影子漏到了的地图之外。这个问题很容易解决。

第12步  只需激活橡皮擦工具,然后删除那些不需要的阴影部分。

第13步  降低图层阴影的不透明度为20%。

3.绘制地图图标

第1步  首先画一个圆形状。选择椭圆形工具。对于它的颜色,我选择粉红色(#d27eee)。你可以选择喜欢的任何其他颜色。按住Shift键,拖动鼠标创建一个新的圆形。


第2步  ctrl+C,ctrl+V复制圆形.按下ctrl+T进行转换,将其缩小。

第3步 为了得到一个甜甜圈的效果,需要设置路径模式为减去顶层形状。

第4步  选择直接选择工具。选择最低点,然后通过多次点击向下箭头键将它垂直向下移动。 如果出现Photoshop警告对话框,点击确认就好。更多学习加群:209409805

第5步  选择转换点工具,然后单击最低点。

第6步  到目前为止,我们的图标已经初步成形。

第7步  双击形状图层,然后应用图层样式内阴影和渐变叠加,具体设置如下:

内阴影——混合模式:滤色,颜色:#efd5f5,不透明度:28%,角度:66°,距离:1像素,大小:2像素。渐变叠加——将不透明度改为15%,其他保持默认值。

第8步  ctrl+J复制形状图层。按下Ctrl+T,把形状向下压缩一点,让它看起来短一点,这样做是为了给图标做厚度。

第9步  双击的图标的后面的形状层。更改其渐变叠加并停用内阴影,渐变叠加:不透明度:17%,角度:32°。更多学习加群:209409805

第10步  下图使我们的效果图。为了让它看起来更逼真,我们仍然需要手动添加它的阴影和高光。

第11步  按住Ctrl键单击后面的形状层,创建选区,新建一图层,单击编辑>描边。设置它的宽度为1像素,并选择颜色为#faedff。因为图标的颜色是粉红色的,我选择了一个明亮的粉红色。


第12步 点击滤镜>模糊>高斯模糊,将半径设置为:0.3,软化上步做出的描边效果。更多学习加群:209409805

第13步 为前面的形状层也添加和上面第11步一样的描边效果。

第14步  通过应用高斯模糊滤镜软化描边效果,半径设置为:1。

第15步  为这个描边效果添加图层蒙版图层。将图层蒙版填充为黑色。描边亮线将被隐藏。激活画笔工具,擦出一些亮线。

第16步  使用套索工具来手动选择图标的下部。

第17步 创建一个新图层。填充黑色,然后应用高斯模糊,半径为1。

第18步  降低图层不透明度为20%。

第19步 创建一个新层,然后图标下部和边缘部分也画上黑色。

第20步 降低其图层的不透明度。

4.在地图上创建图标的阴影

第1步 让我们开始绘制图标的阴影。激活画笔工具,然后用黑色柔边画笔在图标和地图相接处抹。更多学习加群:209409805

第2步  按住Ctrl键单击该图标的前面。单击鼠标右键,然后选择变换选区。

第12步 点击滤镜>模糊>高斯模糊,将半径设置为:0.3,软化上步做出的描边效果。

第13步 为前面的形状层也添加和上面第11步一样的描边效果。

第14步  通过应用高斯模糊滤镜软化描边效果,半径设置为:1。更多学习加群:209409805

第15步  为这个描边效果添加图层蒙版图层。将图层蒙版填充为黑色。描边亮线将被隐藏。激活画笔工具,擦出一些亮线。

第16步  使用套索工具来手动选择图标的下部。

第17步 创建一个新图层。填充黑色,然后应用高斯模糊,半径为1。

第18步  降低图层不透明度为20%。

第19步 创建一个新层,然后图标下部和边缘部分也画上黑色。

第20步 降低其图层的不透明度。

4.在地图上创建图标的阴影

第1步 让我们开始绘制图标的阴影。激活画笔工具,然后用黑色柔边画笔在图标和地图相接处抹。

第2步  按住Ctrl键单击该图标的前面。单击鼠标右键,然后选择变换选区。

第3步  按住ctrl,然后拖动手柄,直到选区变换在地图上如图示位置。请确保它在地图的角度相匹配。

第4步 创建一个新图层,然后用#652b78填充它。通过应用高斯模糊滤镜柔化这个阴影。

第5步 为影子层添加图层蒙版,然后填充黑色。用白色画笔擦出一些阴影。

5.背景

第1步  创建一个新图层命名为背景。为它填充一个灰色到深灰色一个微妙的渐变效果。更多学习加群:209409805

第2步  添加一个蓝色的纯色调整图层,然后降低不透明度。

只要确保你添加适当的光照,添加微妙的高光和阴影,你就可以做到。大功告成!看效果图:

结语:希望大家喜欢本篇教程,非常感谢大家的阅读,祝大家学习愉快!更多学习加群:209409805

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容