PS教程!手把手教你临摹一枚QQ浏览器图标

编者按:今天教大家临摹一枚QQ浏览器的图标, 教程难度中等偏下,要考验的主要是同学们对钢笔工具的运用,蒙版和渐变等也有涉及,教程特别细致,新手完成应该木有问题,附上一个可以在线练习钢笔工具的酷站,来收!

钢笔工具在线练习:《边玩边学!帮你轻松掌握钢笔工具的游戏酷站》

最终效果:

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

如图所示。切掉它

PS教程!手把手教你临摹一枚QQ浏览器图标

PS教程!手把手教你临摹一枚QQ浏览器图标

合并成一个形状。

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

把小圆放到中间

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

填充颜色 a5daff

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

放到这个位置

PS教程!手把手教你临摹一枚QQ浏览器图标

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

PS教程!手把手教你临摹一枚QQ浏览器图标

再次附上最终临摹的效果图

PS教程!手把手教你临摹一枚QQ浏览器图标

【优设十月热门教程合集】

一枚精美的锤子论坛图标:
《漂亮实力派!教你用SKETCH绘制一枚精美的锤子论坛图标》

超酷炫的九重天特效:
《PS教程!手把手教你打造酷炫的九重天魔幻特效》

从零开始学习黑白摄影:
《高手教程!从零开始帮你搞懂黑白摄影的后期方法》

作者:看不见的敌人28(已授权)

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量103万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

收藏 3
点赞 2

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。