恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
UI教程—QQ浏览器图标设计临摹
0.0°
2018-10-08 好文转载 教程 原作者: uimaker.com 举报 2439 7 12 0

编者按:今天教大家临摹一枚QQ浏览器的图标, 教程难度中等偏下,要考验的主要是大家对钢笔工具的运用,蒙版和渐变等也有涉及,教程特别细致,新手完成应该木有问题!

        编者按:今天教大家临摹一枚QQ浏览器的图标, 教程难度中等偏下,要考验的主要是大家对钢笔工具的运用,蒙版和渐变等也有涉及,教程特别细致,新手完成应该木有问题!


最终效果:

Image title

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

Image title

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

Image title

Image title

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

Image title

如图所示。切掉它

Image titleImage title

合并成一个形状。

Image title

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

Image title

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

Image title

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

Image title

把小圆放到中间

Image title

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

Image title

填充颜色 a5daff

Image title

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

Image title

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

Image title

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

Image title

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

Image title

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

Image title

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

Image title

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

Image title

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

Image title

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

Image title

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

Image title

放到这个位置

Image title

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

Image title

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

Image title


更新:2018-10-08

收藏

7人已收藏

  • 6

    作品

  • 5

    粉丝

  • 0

    关注

  • 如何让你单调的字体开出文雅绚烂的樱花
  • 绘制多边形星空效果超时尚的萌团子头像
  • 东风吹战鼓擂绘制战旗我怕谁,PS绘制战旗勋章就是如此霸气十足
  • UI教程:设计立体插画风格的圆形图标

    猜你喜欢

      2018-10-08 好文转载 教程 原作者: uimaker.com 举报 2439 7 12 0

      UI教程—QQ浏览器图标设计临摹

      0.0°

      你确定要举报UI教程—QQ浏览器图标设计临摹

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年10月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      12
      7
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录