Photoshop鼠绘蓝色立体风格的QQ浏览器图标
本教程主要使用photoshop绘制蓝色立体风格的QQ浏览器图标,教程难度中等偏下,要考验的主要是同学们对钢笔工具的运用,蒙版和渐变等也有涉及,教程特别细致,新手完成应该木有问题,喜欢的朋友让我们一起来学习吧。最终效果:
http://www.06ps.com/d/file/2015/1028/20151028070912590.jpg
新建一个500*500画布,按U用椭圆工具画一个200*200的圆(颜色随意)
http://www.06ps.com/d/file/2015/1028/20151028070914500.png
路径选择工具选中画好的圆形。ctrl+c,ctrl+v 复制这个圆形在同一个图层
http://www.missyuan.net/uploads/allimg/151028/1524193T6-2.png
http://www.06ps.com/d/file/2015/1028/20151028070942222.png
ctrl+t 缩小的时候按住shift+alt ,同比例缩小(大小自己看着合适就行)
http://www.06ps.com/d/file/2015/1028/20151028070948376.png
如图所示。切掉它
http://www.06ps.com/d/file/2015/1028/20151028070950568.png
http://www.06ps.com/d/file/2015/1028/20151028071016294.png
合并成一个形状。
http://www.06ps.com/d/file/2015/1028/20151028071017635.png
添加图层样式渐变叠加角度是120度(颜色数值用吸管吸我截图颜色就行啦)
http://www.missyuan.net/uploads/allimg/151028/1524195161-8.png
用刚刚说的方法再切一个左边的小圆来
http://www.06ps.com/d/file/2015/1028/20151028071121622.png
添加图层样式 90°的线性渐变叠加~
http://www.06ps.com/d/file/2015/1028/20151028071123412.png
把小圆放到中间
http://www.06ps.com/d/file/2015/1028/20151028071125241.png
ctrl+j复制出外面那个大圆,右键清除图层样式
http://www.06ps.com/d/file/2015/1028/20151028071127996.png
填充颜色 a5daff
http://www.06ps.com/d/file/2015/1028/20151028071129166.png
添加蒙版,拉个黑到白色的渐变,拉出这样的效果,如果拉不出这样的效果就用笔刷调整好 透明度慢慢擦。
http://www.06ps.com/d/file/2015/1028/20151028071131414.png
覆盖到大圆上面,把添加蒙版的这个圆形向下向右各移动一个像素,让整体具有立体感
http://www.06ps.com/d/file/2015/1028/20151028071134634.png
ok我们来画云。按U椭圆工具和矩形工具依照下图所示画。记住每个形状都必须是单独的图层
http://www.06ps.com/d/file/2015/1028/20151028071136414.png
按P钢笔工具勾出这个形状。
http://www.06ps.com/d/file/2015/1028/20151028071139950.png
这时候把云朵填充白色,先随便复制出一个圆形,添加蒙版填充颜色 (颜色数值a5daff)按照刚才的方法擦擦 or 加渐变拉。擦出如图形状
http://www.06ps.com/d/file/2015/1028/20151028071140836.png
覆盖到原来的圆形的上面,其他两个圆也按照如上,复制添加蒙版擦出来。
http://www.06ps.com/d/file/2015/1028/20151028071142312.jpg
钢笔勾出的形状,也是添加蒙版擦擦。
http://www.06ps.com/d/file/2015/1028/20151028071147337.png
用钢笔勾出这个形状,添加蒙版擦擦,用钢笔顺着圆形的内侧勾就行。
http://www.06ps.com/d/file/2015/1028/20151028071149622.png
勾好后,放在内侧这个位置
http://www.06ps.com/d/file/2015/1028/20151028071153148.jpg
新建个图层,用钢笔顺着圆形勾出这个形状,描边白色。还是添加蒙版,稍微擦擦两端。
http://www.06ps.com/d/file/2015/1028/20151028071155778.jpg
放到这个位置
http://www.06ps.com/d/file/2015/1028/20151028071158562.jpg
教程到这里基本结束啦。自己试着做个阴影 高光 之类的,细节方面自己在把控下。
http://www.06ps.com/d/file/2015/1028/20151028071201739.png
再次附上最终临摹的效果图
http://www.06ps.com/d/file/2015/1028/20151028070912590.jpg
页:
[1]