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

2015/10/23 14626

photoshop-qq-browser-icon-1

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

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

最终效果:

1qqbrowser20151024

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

2qqbrowser20151024

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

3qqbrowser20151024

4qqbrowser20151024

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

5qqbrowser20151024

如图所示。切掉它

6qqbrowser20151024

7qqbrowser20151024

合并成一个形状。

8qqbrowser20151024

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

9qqbrowser20151024

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

10qqbrowser20151024

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

11qqbrowser20151024

把小圆放到中间

12qqbrowser20151024

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

13qqbrowser20151024

填充颜色 a5daff

14qqbrowser20151024

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

15qqbrowser20151024

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

16qqbrowser20151024

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

17qqbrowser20151024

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

18qqbrowser20151024

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

19qqbrowser20151024

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

20qqbrowser20151024

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

21qqbrowser20151024

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

22qqbrowser20151024

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

23qqbrowser20151024

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

24qqbrowser20151024

放到这个位置

25qqbrowser20151024

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

26qqbrowser20151024

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

1qqbrowser20151024

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

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

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

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

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

uisdc-tuweia-2

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

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-qq-browser-icon

sketch UI 界面设计 平面设计 转场动效 交互设计师 设计师 设计师专访 扁平化设计 排版布局 职场 设计流程 用户体验设计 视觉设计 素材下载 配色 web前端开发 海报设计 AI教程 设计规范 设计理论 字体下载 产品设计 设计趋势 神器下载 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 用户体验 优秀网页设计 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里