LOGO-200LOGO-120×35LOGO-200LOGO-200
    • 首页
    • 课程
      • 建筑设计方案表现班
      • 建筑参数化设计犀牛班
      • 室内设计就业高级综合班
      • AutoCAD专项
      • BIM全科高级综合班
        • BIM企业培训
        • BIM建筑与结构实战班
        • BIM机电管线实战班
        • BIM建筑装饰实战班
        • 全国BIM技能等级考试班
      • 景观园林设计表现班
      • 工业家具设计高级班
    • 作品
      • 建筑犀牛作品
      • 园林设计作品
      • 室内设计作品
      • 产品设计作品
    • 课件
      • BIM课程课件
        • BIM建模结构课件
        • BIM机电课件
        • BIM装饰课件
      • 建筑犀牛课件
      • SketchUp 课件
      • Auto CAD 课件
      • 室内设计课件
      • Lumion 课件
      • 产品设计课件
      • Keyshot
    • 资源
      • 软件
      • -材质贴图-
      • -3DMAX模型-
      • -Sketchup模型-
      • -Rhino模型-
      • -BIM模型-
      • -CAD图纸-
      • -室内设计-
      • -建筑规划-
      • -平面设计-
      • -景观园林-
    • 晶网知乎
    • 其他
      • 住宿安排
      • 关于我们
    • 新版网站
    • ===== 资 源 ======
    • >>>常用素材<<<
    • >>>材质贴图<<<
    • >>>3DMAX模型<<<
    • >>>Sketchup模型<<<
    • >>>Rhino模型<<<
    • >>>BIM 模型<<<
    • >>>CAD 图纸<<<
    • >>>室内设计<<<
    • >>>建筑规划<<<
    • >>>平面设计<<<
    • >>>景观园林<<<
    ✕
    【官网】QQ浏览器图标设计UI教程
    2016年7月31日

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

    最终效果:

    39821446013677

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

    29591446013677

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

    53711446013677

    22731446013677

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

    76651446013678

    如图所示。切掉它

    26641446013694

    7371446013694

    合并成一个形状。

    25121446013695

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

    85721446013695

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

    31291446013696

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

    55811446013696

    把小圆放到中间

    68921446013706

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

    86441446013706

    填充颜色 a5daff

    52761446013706

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

    60821446013706

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

    74671446013707

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

    91601446013707

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

    83031446013745

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

    85581446013745

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

    15931446013745

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

    84491446013745

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

    29241446013745

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

    2881446013746

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

    87341446013746

    放到这个位置

    34521446013746

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

    33641446013746

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

    39821446013677

    Related posts

    2020年4月20日

    3-3 课 Keyshot渲染实例(吉他)——材质图的应用


    Read more
    2020年4月20日

    3-2 课 Keyshot的HDRI贴图的编辑功能


    Read more
    2020年4月20日

    3-1 课 Keyshot场景的视频教程


    Read more
    2020年4月17日

    2-5 课 Keyshot标签用法视频教程


    Read more

    严老师电话|微信|

    手机:18902259698

    QQ咨询

    严老师 QQ 275043888

    QQ联系咨询课程

    晶网设计培训是广州建筑室内设计培训知名机构,拥有专业建筑犀牛课程,BIM培训考证,室内设计学习,园林景观学习课程等完善的广州室内设计培训教学机构。

    地址:广州天河北路703号 曜一城 C座 21 楼 08 联系电话18902259698

    ©2018 晶网设计 粤ICP备10225019号-1