北京WEB前端培训
在线咨询 电话咨询 校区地址

课程

环境

就业

试听

企业培训

扫码
关注

首页 / 

行业资讯

北京ui设计培训 模仿QQ浏览器图标

时间: 来源:火星人

效果图 北京UI设计培训

首先新建一个500*500的画布,按U键切换至椭圆工具,画一个200*200像素的圆

北京UI设计培训

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

北京UI设计培训

北京UI设计培训

按ctrl+t 选中被复制的圆,在按shift+alt,等比例缩小到合适大小

北京UI设计培训 如图所示,切掉这个圆

北京UI设计培训

北京UI设计培训

将其合并为一个形状

北京UI设计培训

选择图层样式为叠加角度为120度,颜色值吸取原图标颜色。

北京UI设计培训

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

北京UI设计培训

找到图层样式90度的线性渐变叠加

北京UI设计培训

把小圆放在第一个大圆的中间

北京UI设计培训

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

北京UI设计培训

给边的圆填充颜色a5daff

北京UI设计培训

在左边的圆上添加图层蒙版,拉个黑色到白色的渐变,也可用笔刷进行修改调整,降低笔刷透明度慢慢擦

北京UI设计培训

然后将这个圆覆盖到大圆上,然后向右移动一个像素,让整体有立体感

北京UI设计培训

现在开始画云彩,画三个圆一个矩形,四个图形都处于单独图层上

北京UI设计培训

用钢笔工具勾出这个图形

北京UI设计培训

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

北京UI设计培训

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

北京UI设计培训

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

北京UI设计培训

勾好后方在内侧如图的位置

北京UI设计培训

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

北京UI设计培训

放到这个位置

北京UI设计培训

最后给这个图形加个阴影,这样就好了

北京UI设计培训

关键词:北京UI培训机构,北京UI设计培训,北京UI培训,UI设计,ui设计培训

热门课程推荐  点击查看全部课程

北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
北京UI培训
  • 14年教育品牌
  • 课程不断更新
  • 签订就业协议
  • 项目案例讲解
  • O2O教学模式

北京火星人科技文化发展中心版权所有 Copyright & copy 2002-2016 2ds.cn, All Rights Reserved 京ICP备 10216795号