玉石教程,设计太极主题玉石图标

本篇教程教大家如何制作一个玉石质感的太极图标,先做出玉石图案,然后再加上太极图标即可,制作方法跟以往的玉石教程差不多,还不会的赶紧学习一下。

切图教程,APP怎么切图和标注

本篇教程跟大家分享UI设计的一些知识,就是APP怎么切图和标注,还不懂的同学,赶紧了解一下。 首先:哪些东西要切出来? 简单来说就是代码不好实现的东西就直接切成一张图放到软件里面展示,例如图片,小图标,和一

本篇教程教大家如何制作一个玉石质感的太极图标,先做出玉石图案,然后再加上太极图标即可,制作方法跟以往的玉石教程差不多,还不会的赶紧学习一下。

效果图

玉石教程,设计太极主题玉石图标插图

具体的制作步骤如下:

新建画布

玉石教程,设计太极主题玉石图标插图(1)

创建圆角矩形

玉石教程,设计太极主题玉石图标插图(2)

颜色#ccd6b1#

背景图层填充#f5f7ee#

先简单做一个投影

玉石教程,设计太极主题玉石图标插图(3)

添加斜面浮雕

玉石教程,设计太极主题玉石图标插图(4)

添加内阴影

添加内发光

玉石教程,设计太极主题玉石图标插图(5)

复制玉图层命名暗部

只保留内阴影并修改参数 ,图层填充为0

玉石教程,设计太极主题玉石图标插图(6)

复制暗部命名反光 改内阴影参数

玉石教程,设计太极主题玉石图标插图(7)

新建图层命名质感 前背景色改为默认黑白滤镜〉渲染〉云彩 自由变换适当缩放 创建剪贴蒙版 模式改为叠加

复制玉图层命名投影 只保留投影图层样式修改参数

玉石教程,设计太极主题玉石图标插图(8)

再次加强投影 复制投影图层修改参数

玉石教程,设计太极主题玉石图标插图(9)

新建图层创建一个圆 名字椭圆1 垂直水平对齐玉图层。大小160*160 填充颜色随便 无描边图层填充改为0

玉石教程,设计太极主题玉石图标插图(10)

椭圆添加斜面和浮雕图层样式

玉石教程,设计太极主题玉石图标插图(11)

椭圆2图层大小140*140 复制椭圆二命名3椭圆 自由变换缩放百分之五十与椭圆二顶端对齐 复制3椭圆命名4椭圆 与椭圆二底端对齐。

玉石教程,设计太极主题玉石图标插图(12)

椭圆3和4椭圆二图层上边创建一个矩形 矩形边贴齐圆心

玉石教程,设计太极主题玉石图标插图(13)

合并椭圆2和矩形图层 在选中矩形的情况下减去顶层形状 然后合并形状组件

玉石教程,设计太极主题玉石图标插图(14)

玉石教程,设计太极主题玉石图标插图(15)

显示椭圆3和4 合并形状组建后再与椭圆3图层合并 选择椭圆3减去顶层形状

玉石教程,设计太极主题玉石图标插图(16)

复制椭圆4命名椭圆5 缩放百分之三十 复制椭圆5命名椭圆6移到上方对称位置

玉石教程,设计太极主题玉石图标插图(17)

玉石教程,设计太极主题玉石图标插图(18)

合并椭圆3和4 再与椭圆五合并 选中椭圆5同样减去顶层形状

合并椭圆5和6更改一个黑颜色

玉石教程,设计太极主题玉石图标插图(19)

更改图层样式为叠加 透明度调右最后还可以调整投影和渐变叠加来增加真实效果。

玉石教程,设计太极主题玉石图标插图

以上就是玉石的制作方法,举一反三,大家可以利用这个方法制作出其它玉石图案,也欢迎大家分享自己的玉石教程。

本篇教程教大家如何制作一个玉石质感的太极图标,先做出玉石图案,然后再加上太极图标即可,制作方法跟以往的玉石教程差不多,还不会的赶紧学习一下。

效果图

玉石教程,设计太极主题玉石图标插图

具体的制作步骤如下:

新建画布

玉石教程,设计太极主题玉石图标插图(1)

创建圆角矩形

玉石教程,设计太极主题玉石图标插图(2)

颜色#ccd6b1#

背景图层填充#f5f7ee#

先简单做一个投影

玉石教程,设计太极主题玉石图标插图(3)

添加斜面浮雕

玉石教程,设计太极主题玉石图标插图(4)

添加内阴影

添加内发光

玉石教程,设计太极主题玉石图标插图(5)

复制玉图层命名暗部

只保留内阴影并修改参数 ,图层填充为0

玉石教程,设计太极主题玉石图标插图(6)

复制暗部命名反光 改内阴影参数

玉石教程,设计太极主题玉石图标插图(7)

新建图层命名质感 前背景色改为默认黑白滤镜〉渲染〉云彩 自由变换适当缩放 创建剪贴蒙版 模式改为叠加

复制玉图层命名投影 只保留投影图层样式修改参数

玉石教程,设计太极主题玉石图标插图(8)

再次加强投影 复制投影图层修改参数

玉石教程,设计太极主题玉石图标插图(9)

新建图层创建一个圆 名字椭圆1 垂直水平对齐玉图层。大小160*160 填充颜色随便 无描边图层填充改为0

玉石教程,设计太极主题玉石图标插图(10)

椭圆添加斜面和浮雕图层样式

玉石教程,设计太极主题玉石图标插图(11)

椭圆2图层大小140*140 复制椭圆二命名3椭圆 自由变换缩放百分之五十与椭圆二顶端对齐 复制3椭圆命名4椭圆 与椭圆二底端对齐。

玉石教程,设计太极主题玉石图标插图(12)

椭圆3和4椭圆二图层上边创建一个矩形 矩形边贴齐圆心

玉石教程,设计太极主题玉石图标插图(13)

合并椭圆2和矩形图层 在选中矩形的情况下减去顶层形状 然后合并形状组件

玉石教程,设计太极主题玉石图标插图(14)

玉石教程,设计太极主题玉石图标插图(15)

显示椭圆3和4 合并形状组建后再与椭圆3图层合并 选择椭圆3减去顶层形状

玉石教程,设计太极主题玉石图标插图(16)

复制椭圆4命名椭圆5 缩放百分之三十 复制椭圆5命名椭圆6移到上方对称位置

玉石教程,设计太极主题玉石图标插图(17)

玉石教程,设计太极主题玉石图标插图(18)

合并椭圆3和4 再与椭圆五合并 选中椭圆5同样减去顶层形状

合并椭圆5和6更改一个黑颜色

玉石教程,设计太极主题玉石图标插图(19)

更改图层样式为叠加 透明度调右最后还可以调整投影和渐变叠加来增加真实效果。

玉石教程,设计太极主题玉石图标插图

以上就是玉石的制作方法,举一反三,大家可以利用这个方法制作出其它玉石图案,也欢迎大家分享自己的玉石教程。

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部