56下载通 - 高速下载,丰富资源,一站式下载平台

首页 软件教程 扁平轻质感图标制作全攻略:AI教程详解

扁平轻质感图标制作全攻略:AI教程详解

时间:2024-07-01
来源:56下载通

关于教程

AI教程!教你制作扁平轻质感图标!

上图是作者Benjamin den Boer所绘制的Framer图标,整体简约但有质感。

AI教程!教你制作扁平轻质感图标!

下面,我会教大家制作扁平轻质感图形。

教程步骤

AI教程!教你制作扁平轻质感图标!

首先,绘制出纯扁平的图形。

AI教程!教你制作扁平轻质感图标!

接着,给每一块图形添加上相应的线性渐变,渐变的具体参数可查看视频。

AI教程!教你制作扁平轻质感图标!

AI教程!教你制作扁平轻质感图标!

继续,在叠加处,添加渐变图形。(可复制下层内容,然后用剪切蒙版去除多余部分),适当修改添加图形的渐变颜色后,将混合模式改为柔光,得到透明叠加的效果。具体操作和渐变设置,可查看视频。

AI教程!教你制作扁平轻质感图标!

下一步,制作投影层次,需要添加投影的部分,先加入相对深色的色块,然后使用高斯模糊,即可得到柔和的投影效果。具体操作可查看视频。

AI教程!教你制作扁平轻质感图标!

最后,在上层图形的边缘,加入渐变的细高光。并且在内部手柄图形上加入淡淡的内阴影,就能得到最终的效果了。具体操作可查看视频。

本周作业题

原创作业:用上述骚操作,原创图形一个。

临摹作业:临摹下图。

AI教程!教你制作扁平轻质感图标!

AI教程!教你制作扁平轻质感图标!

  • 超详细AI教程:Logo装饰飘带制作全攻略

    关于教程 各位狗子们晚上好,今天我们来学习一下logo设计中使用炒鸡广泛的装饰元素——飘带。 如上图所示,飘带元素常见于徽章式、环绕式或信息层级较多的logo中,既能强调和分割信息,还能增加图形的形式感,丰富视觉层次。 接下来大家跟我一起飘起来吧! #1基本飘 基本飘就是平铺的飘带,基本上飘不...

    时间:2024-06-07
  • AI+AE全攻略:轻松制作萌猫敲键盘趣味动画教程

    关于教程 今天教大家做一个小动物敲键盘的可爱动效~ 你也想做出这么有趣的动效作品吗?戳右边链接让如如老师手把手教你→点我学习制作AE动效 教程效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step01绘制AI部分 重点难点 Step02导入素材并给小箭头添加动效 导入素材 ...

    时间:2024-06-22
  • 零基础也能掌握!AI教程教你轻松制作质感满满的按键图标

    关于教程 本期教程以一个按键图标为例,继续为大家带来轻质感图标系列的设计教程,简单易上手,快来试试吧! 教程效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step01图形绘制 用圆角矩形和圆形搭建出基本的形状和造型。 Step02渐变添加 为图标中的各个色块添加渐变色,塑造出自然光...

    时间:2024-06-27
  • 轻松掌握C4D:3D玻璃质感海报制作全攻略

    关于教程 — 来吧,今天我们就用C4D来制作一下玻璃试管的海报吧! 教程步骤 — 打开C4D,新建一个圆柱: 将圆柱调整到合适的大小,并在封顶里把圆角打上勾,参数大家看着来: 新建材质球,把透明通道勾选上,折射率预设直接选择有机玻璃就好,然后把它赋予圆柱: 再新建一个材质球,颜色通道里...

    时间:2024-06-27
  • AI新手指南:从零开始绘制粉色糖果屋扁平风格插画全攻略

    关于教程 我们仔细来分析这幅画面,整个画面难度不大,都是用基础工具来完成,这样也能提高我们对基础工具的熟悉度。下面就让我来说说具体做法吧。 教程步骤 Step01新建文档 1.1打开Adobeillustrator,点击文件—>新建(快捷键Ctrl+N)创建一个新文件,宽800px,高600px...

    时间:2024-06-20
  • AI教程!适合零基础学习的质感电话图标教程

    关于教程 本期教程继续为大家带来质感电话图标的绘制教程,零基础新人也可以快速上手的AI设计小技巧! 教程效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step01图形绘制 用基础图形勾勒出图标的造型,注意电话圆角的调整和wifi对称圆弧的绘制。 Step02渐变添加 依次给图标中的...

    时间:2024-06-26