教程

首页 >  教程

抖音图标设计手法(抖音图标设计手法图片)

日期： 来源：启东安卓网

分分钟学习抖音效果，让我们的双手颤抖起来！

用抖音的魅力来感染我们

用抖音的创新来激发我们

用抖音的精神来振奋我们

用抖音的效果来传递我们

第一步：图标背板制作

☞1.打开PS，CTRL+N新建一个1024px*1024px，分辨率为72px，背景为白色的文件。

☞2.按住SHIFT用圆角矩形工具绘制1024px*1024px的正方形，圆角为250px，颜色色值为#140b18。

☞3.按住SHIFT用椭圆工具绘制722px*722px的正圆，色值为#400d28，属性羽化值为188px，把刚绘制的正圆角矩形与正圆居中水平对齐。

抖音图标设计手法(抖音图标设计手法图片)

第二步：音符制作

☞1.先绘制一个484px*484px的正圆，颜色填充为#fe1955,再用直接选择工具框选出正圆路径。CTRL+C，CTRL+V，再复制一个，按CTRL+T,再同时按SHIFT和ALT，往里缩小，尺寸为216px*216px的同心圆。

☞2.用直接选择工具选中缩小的圆，选择工具栏中的布尔运算减去顶层，这样下方空心圆制作完成。

抖音图标设计手法(抖音图标设计手法图片)

☞3.用直接选择工具框选一下刚才画的圆，是路径展示出来（为了下面画矩形能在同一图层画），CTRL+R拉出一条参考线，对齐空心圆水平锚点，选择矩形工具，绘制一个134px*519px的矩形，底部与刚才拉的参考钱对齐。

抖音图标设计手法(抖音图标设计手法图片)抖音图标设计手法(抖音图标设计手法图片)

☞4.拉出参考线在刚画好矩形的顶部，再绘制一个630px*630px正圆。用直接选择工具框选出正圆锚点，CTRL+C，CTRL+V，再复制一个，按CTRL+T,再同时按SHIFT和ALT，往里缩小，尺寸为362px*362px的同心圆，用直接选择工具选中缩小的圆，选择工具栏中的布尔运算减去顶层，这样上方空心圆制作完成。在同一图层再绘制二个716px*260px矩形，分别用布尔运算减去圆环多余部分。

抖音图标设计手法(抖音图标设计手法图片)

☞5. 目前都是在同一图层操作的，在同一图层再绘制一个70px*294px的矩形，用布尔运算减去下方圆环多余部分。

抖音图标设计手法(抖音图标设计手法图片)

第三步：制作特效

☞.选择移动工具，框选住音符整个图层。CTRL+J复制音符（此时不在同一图层），颜色色值为#24f4ee,选中复制的音符，向上向左分别移动16px，把移好的音符图层混合模式改为线性减淡（添加），最后将音符与背板居中水平对齐。

抖音图标设计手法(抖音图标设计手法图片)抖音图标设计手法(抖音图标设计手法图片)

抖音图标制作完成。

PS：注意图层顺序，注意用布尔运算要在同一图层。欢迎加入UI设计群587751709

以上就是抖音图标设计手法的全部内容，希望能够对大家有所帮助。

相关教程