.........a.............. QQ浏览器logo设计教程_标志网
  • 品牌 找品牌、找标志就到标志网
  • 喜讯 标志网WAP版已上线,手机也能访问
  • 品牌 标志网,世界知名品牌标志大全
  • 折腾 标志网全新改版 提升体验和视觉优化
  • 规划 标志网新增品牌大全栏目
  • 数据 标志网已汇聚超过 9,000+ 品牌标志
  • 数据 标志网已累计超过 78,992,492 次浏览
当前位置 › 标志网教程 › QQ浏览器logo设计教程
  • QQ浏览器logo设计教程
  • QQ浏览器logo设计教程

  • 临摹一枚QQ浏览器的图标,教程难度中等偏下,要考验的主要是同学们对钢笔工具的运用,蒙版和渐变等也有涉及,教程特别细致,新手完成应该木有问题!
  • 归档:设计教程 (18篇)
  • 热度:14547°
  • 发布:2016年07月07日
  • 上一篇:立体圆环logo设计教程
  • 下一篇:没有了
  • 本文链接:https://www.logoids.com/course/2466H0A7BM.html
  • 版权声明:本站内容资源来源于互联网,若侵犯了您的权益,请及时联系我们。

最终效果:

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

4、如图所示。切掉它

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

5、合并成一个形状。

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

9、把小圆放到中间

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

11、填充颜色#a5daff

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

22、放到这个位置

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

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

LOGO教程,临摹QQ浏览器图标教程_www.logoids.com

本教程完!

热门专辑

最新专辑

教程热度榜

随便看看

.................2...................