当前位置: 首页 > 优图知识库  > PS教程 > PS鼠绘教程

PS绘制质感QQ浏览器图标教程

2019/1/5 22:52:33 人评论

这篇教程教优图宝的PS鼠绘学习者们鼠绘一枚QQ浏览器的图标, 教程难度中等偏下,要考验的主要是大家对钢笔工具的运用,蒙版和渐变等也有涉及,教程特别细致,新手完成应该木有问题!

先来看最终效果:

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

utobao编注:更多PS教程学习进入优图宝PS鼠绘教程栏目: http://www.utobao.com/news/57.html

具体的绘制步骤如下:

新建一个500*500画布,按U用椭圆工具画一个200*200的圆(颜色随意)

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

路径选择工具选中画好的圆形。ctrl+c,ctrl+v 复制这个圆形在同一个图层

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

ctrl+t 缩小的时候按住shift+alt ,同比例缩小(大小自己看着合适就行)

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

如图所示。切掉它

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程
_ueditor_page_break_tag_

合并成一个形状。

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

添加图层样式渐变叠加角度是120度(颜色数值用吸管吸我截图颜色就行啦)

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

用刚刚说的方法再切一个左边的小圆来

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

添加图层样式 90°的线性渐变叠加~

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

把小圆放到中间

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

ctrl+j复制出外面那个大圆,右键清除图层样式

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

填充颜色 a5daff
_ueditor_page_break_tag_

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

添加蒙版,拉个黑到白色的渐变,拉出这样的效果,如果拉不出这样的效果就用笔刷调整好 透明度慢慢擦。

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

覆盖到大圆上面,把添加蒙版的这个圆形向下向右各移动一个像素,让整体具有立体感

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

ok我们来画云。按U椭圆工具和矩形工具依照下图所示画。记住每个形状都必须是单独的图层

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

按P钢笔工具勾出这个形状。

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

这时候把云朵填充白色,先随便复制出一个圆形,添加蒙版填充颜色 (颜色数值a5daff)按照刚才的方法擦擦 or 加渐变拉。擦出如图形状

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

覆盖到原来的圆形的上面,其他两个圆也按照如上,复制添加蒙版擦出来。

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

钢笔勾出的形状,也是添加蒙版擦擦。

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

用钢笔勾出这个形状,添加蒙版擦擦,用钢笔顺着圆形的内侧勾就行。

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

勾好后,放在内侧这个位置
_ueditor_page_break_tag_

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

新建个图层,用钢笔顺着圆形勾出这个形状,描边白色。还是添加蒙版,稍微擦擦两端。

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

放到这个位置

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

教程到这里基本结束啦。自己试着做个阴影 高光 之类的,细节方面自己在把控下。

PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

再次附上最终临摹的效果图PS绘制质感QQ浏览器图标教程 优图宝 PS鼠绘教程

utobao编注:更多PS教程学习进入优图宝PS鼠绘教程栏目: http://www.utobao.com/news/57.html

相关资讯

    暂无相关的数据...