色影学者 发表于 2015-7-3 19:02:58

Photoshop绘制蓝色立体效果的QQ旋风图标

本教程主要使用Photoshop绘制蓝色立体效果的软件下载图标,教程不难,重点是形状工具的运用,已经看到不少同学交作业了,你也来试试吧。有不懂的朋友可以下载PSD文件研究,下面就开始教程的绘制吧。教程源文件链接:http://pan.baidu.com/s/1jGrKMiU 密码:j09o先看看效果图
http://pic.16xx8.com/allimg/150628/194050C26-0.jpg
这个是原图标
http://pic.16xx8.com/allimg/150628/1940506046-1.jpg
这个是我们的临摹成果提示:教程详细步骤在二楼!想下载该教程的可以到这里下载:点击进入下载页教程编号:138405 作者:cuacq 出处:P大点S

色影学者 发表于 2015-7-3 19:02:58

背景的创建没什么好说的,只是渐变,然后加了个图案而已。文档大小的话,请随意,本人用的1500*1000像素。首先,我画了水平居中和垂直居中两条参考线,方便等会的对齐,选择椭圆工具,画一个圆。
http://pic.16xx8.com/allimg/150628/1940501330-2.jpg

色影学者 发表于 2015-7-3 19:02:58

为这个圆添加一个渐变叠加。
http://pic.16xx8.com/allimg/150628/1940502300-3.jpg

色影学者 发表于 2015-7-3 19:02:58

添加一个1像素的描边。
http://pic.16xx8.com/allimg/150628/1940502561-4.jpg

色影学者 发表于 2015-7-3 19:02:58

添加一个投影。
http://pic.16xx8.com/allimg/150628/1940503C3-5.jpg
目前效果如下:
http://pic.16xx8.com/allimg/150628/19405055O-6.jpg

色影学者 发表于 2015-7-3 19:02:58

还是使用椭圆工具画出内部的这个圆。
http://pic.16xx8.com/allimg/150628/19405043K-7.jpg

色影学者 发表于 2015-7-3 19:02:58

给内部的这个圆添加一个径向渐变。
http://pic.16xx8.com/allimg/150628/1940505626-8.jpg

色影学者 发表于 2015-7-3 19:02:58

添加一个描边。
http://pic.16xx8.com/allimg/150628/1940506153-9.jpg

色影学者 发表于 2015-7-3 19:02:58

添加一个内阴影。
http://pic.16xx8.com/allimg/150628/1940504127-10.jpg

色影学者 发表于 2015-7-3 19:02:58

添加一个外发光,模拟原图标灰色描边外面的白色高光。
http://pic.16xx8.com/allimg/150628/1940505411-11.jpg
现在,我们得到如下的效果。
http://pic.16xx8.com/allimg/150628/1940501Z0-12.jpg

色影学者 发表于 2015-7-3 19:02:58

下面,开始画那个下载的箭头图标,首先,画个圆,再画个椭圆减去。
http://pic.16xx8.com/allimg/150628/1940503506-13.jpg

色影学者 发表于 2015-7-3 19:02:58

选择矩形工具,画个矩形,旋转一下,减去。
http://pic.16xx8.com/allimg/150628/19405050D-14.jpg

色影学者 发表于 2015-7-3 19:02:58

画个圆角矩形,增加。
http://pic.16xx8.com/allimg/150628/19405052B-15.jpg

色影学者 发表于 2015-7-3 19:02:58

复制圆角矩形,并旋转,调整大小。
http://pic.16xx8.com/allimg/150628/19405012O-16.jpg

色影学者 发表于 2015-7-3 19:02:58

画个三角形,把中间空白的位置补上。
http://pic.16xx8.com/allimg/150628/1940502256-17.jpg
页: [1] 2 3
查看完整版本: Photoshop绘制蓝色立体效果的QQ旋风图标