漫漫小丫 发表于 2016-4-27 01:35:23

超简单立体图标教程

这个图标很简单，主要学习该图标的立体制作。先看看效果：
http://pic.16xx8.com/allimg/160414/0414152251-39.jpg
作者：向天 出处：站酷

漫漫小丫 发表于 2016-4-27 01:35:23

首先让我们来新建一个高度为560,宽度为420.
http://pic.16xx8.com/allimg/160414/041415N58-0.jpg

漫漫小丫 发表于 2016-4-27 01:35:23

填充背景为：#fbf5e7
http://pic.16xx8.com/allimg/160414/041415JG-1.png

漫漫小丫 发表于 2016-4-27 01:35:23

选择圆角矩形工具
http://pic.16xx8.com/allimg/160414/041415O01-2.png

漫漫小丫 发表于 2016-4-27 01:35:23


http://pic.16xx8.com/allimg/160414/041415H58-3.png
画一个180*180，半径为10的圆角矩形填充颜色为：#a9d0e1
http://pic.16xx8.com/allimg/160414/0414154039-4.png

http://pic.16xx8.com/allimg/160414/0414155510-5.png

漫漫小丫 发表于 2016-4-27 01:35:23

ctrl+t,然后右击旋转，旋转45°，然后右击进行扭曲（其中万万不可双击取消变形哦）
http://pic.16xx8.com/allimg/160414/04141521c-6.png

漫漫小丫 发表于 2016-4-27 01:35:23

可以拉辅助线，按住alt键，选中其中一个点，进行水平移动，这样是以中心为点进行的两边的延伸，哎呀，具体怎么个术语我也不是很清楚，就是这个意思吧，哈哈
http://pic.16xx8.com/allimg/160414/0414154932-7.png

漫漫小丫 发表于 2016-4-27 01:35:23

嗯，最后变成这个样子
http://pic.16xx8.com/allimg/160414/0414152R6-8.png

漫漫小丫 发表于 2016-4-27 01:35:23

接着我们Ctrl+Alt+↓ 多按几遍大概十七八次就可以了，这部叫轻移。look，是不是有厚度出来了，具体厚度根据自己喜好来定，可厚可薄的嘛，嘻嘻(*^__^*)
http://pic.16xx8.com/allimg/160414/0414152248-9.png

漫漫小丫 发表于 2016-4-27 01:35:23

然后我们按住shift键点选所有轻移出的副本
http://pic.16xx8.com/allimg/160414/0414152608-10.png

漫漫小丫 发表于 2016-4-27 01:35:23

接着Ctrl+g，这样这些副本就全部放到一个组里面了
http://pic.16xx8.com/allimg/160414/0414151B1-11.png

漫漫小丫 发表于 2016-4-27 01:35:23

点击组1图层的绿色部分的任何一个位置都可以
http://pic.16xx8.com/allimg/160414/041415B24-12.png

漫漫小丫 发表于 2016-4-27 01:35:23

打开图层样式，进行颜色叠加，颜色为#63a8c7
http://pic.16xx8.com/allimg/160414/041415K43-13.png

漫漫小丫 发表于 2016-4-27 01:35:23

把组1图层放到圆角矩形1图层的下面
http://pic.16xx8.com/allimg/160414/0414155159-14.png

漫漫小丫 发表于 2016-4-27 01:35:23

效果是这样的，是不是立起来啦，
http://pic.16xx8.com/allimg/160414/0414155042-15.png
页: [1] 2 3
查看完整版本: 超简单立体图标教程