AI教程!零基础速成的质感卡牌图标教程
关于教程
本期教程继续为大家带来磨砂质感图标的设计教程,每一步都有详细的拆解和参数标注,非常适合零基础新手学习喔!
教程效果图
关键步骤提示
详细操作请看文章开头的视频教程演示。
Step 01 图形绘制
用圆角矩形和钢笔绘制出卡片的基本造型,绘制皇冠并拉出圆角。
C4D教程!教你把喜欢的扁平表情图标变成3D版
关于教程
今天咱们来动手把behance上的一个扁平化的动态表情用C4D做成3D立体效果,有兴趣的小伙伴还可以自行延展其他立体表情喔~
教程效果图
教程简概
最终效果图
想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)
学完这篇教程的人还在学…
Ai+Ae教程!学习制作汉堡、披萨、冰淇淋、果汁美食图标动效
关于教程
本期教程为你带来一套快餐店主题的美食图标设计,包含了在Ai中绘制图案和在Ae中制作动效的全过程,每个步骤都有是否详细的拆分和讲解,非常适合新手学习,赶紧来上手试试吧~
教程效果图
AI绘制步骤
Step 01 新建文档
打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:
Step 02 新建背景
2.1 找到AI的图层面板,双击图层名称处,将名称修改为「背景」,使用「矩形工具」(快捷键M) 在画板中间点击一下 ,...
AI入门教程!教你绘制简洁风矢量商务图标
关于教程
本期教程为你带来一套粉蓝配色商务风格矢量图标的绘制过程,详细拆解了每一个组件的绘制技巧,非常适合新手学习喔~
教程步骤
Step 01 创建文档
1.0 打开Adobe Illustrator 创建1024*1024的画布
1.1 选择画板工具(shift+o)再创建两个均为1024*1024的画板
Step 02 创建背景
2.1 在绘制前,首先确定已在菜单栏>视图中开启了「智能参考线」「对齐网格」「对齐点」功能
2.2 关于描边 如无特意说明,描边一律均为...
PS教程!教你绘制夏日清爽果汁轻拟物图标
关于教程
最近在优设知识星球带图标打卡练习,自己也摸了几个出来。有同学想知道具体怎么制作,这就来出教程啦。
这套图标是轻拟物风格的图标,整体制作比较简单,适合新手入门学习。
AI教程!零基础也能学会的插画风格哈利波特主题图标
关于教程
这是一组哈利波特为主题的游戏icon,作为哈迷希望这组图标能充分体现里面的每一个小元素,运用在游戏内快速体现它所代表的作用,在接下来描述每个图标的制作过程前都会简单讲述下我的思路。
教程效果图
教程步骤
步骤一:绘制草稿
根据哈利波特里面主要元素结合游戏的形式,进行草稿制作。
步骤二:新建文档
打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N),创建一个新文件,参数设置如下:
图标一:魔法棒-冒险图标
思路:哈利波特里面标志性的物品-魔杖...
AI教程!教你画一套超可爱的家具贴纸图标
本次教程是一套手账贴纸的制作,包含了墙角柜,床边柜,沙发等贴纸造型的设计全过程,喜欢手账的你千万别错过!
教程效果图
教程步骤
新建文档
首先,创建一个3000*4000像素的画布。
贴纸一:墙角柜
用矩形工具画一个宽360、高122的长矩形,填充颜色和描边,描边统一为10像素边角选用圆角连接
用椭圆工具画一个宽67、高20的椭圆形,填充颜色和描边
将两个图形四周进行居中对齐,然后向下复制2个
在抽屉的右方画一个宽390、高367的长矩形,在长矩形上画一个宽24、高24...
AI教程!动手绘制一个2.5D风格的科技感云盘图标
关于教程
大数据科技感2.5D图形中,融入了多彩渐变以及发光效果,因此形成了非常别具一格的视觉效果。
教程效果图
关键步骤提示
详细操作请看文章开头的视频教程演示。
Step 01 2.5D造型
将两个正圆和一个圆角矩形组合成云朵形状,创建2.5D图形并扩展,合并各个面并调整成对应的颜色。
AI教程!适合新手入门的小鸡主题图标ICON绘制教程
关于教程
12个萌趣的图标绘制,看似复杂,其实都很基础,一些基础的形状的组合可以绘制出各种各样可爱有趣的图标~
教程步骤
Step 01 新建文档
打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:
Step 02 创建图标
1-蛋壳小鸡图标
2.0 在绘制前,首先确定已在菜单栏->视图中开启了「对齐像素」功能。
2.1 使用椭圆工具新建一个高85px,宽71px的椭圆,参数如下
2.2 新建一个矩形,宽比椭...
AI教程!零基础速成-磨砂质感收藏图标
关于教程
本期教程为你带来在AI中绘制磨砂质感图标的基本方法,主要用到了AI中的「内发光」和「高斯模糊」效果,掌握技巧以后还可以举一反三,设计出自己专属的系列图标喔~
教程效果图
关键步骤提示
详细操作请看文章开头的视频教程演示。
Step 01 渐变添加
在AI中完成基础图形的绘制,并根据图示参数添加渐变色彩。
Step 02 内发光
给星星、月亮、圆形等小部件添加内发光效果,增强整体质感。
AI教程!扁平风格双色调网上购物图标!
关于教程
本教程主要讲解如何运用Adobe Illustrator制作图标。这组图标的主题为网上购物图标,整体配色醒目明了,贴切主题。运用的比较多的是形状生成器和钢笔工具。
PS+AI教程!超简单的炫彩立体图标制作教学
关于教程
前几天做UAG的打卡,不知道用什么选题,但是你们的肥子老师给我推荐了这个作者Vlad Tretiak。就看到了他的这张作品。于是就按照他这张作品的风格,尝试延展做了四张新的图标。
AI教程!教你绘制渐变风格线性图标!
关于教程
本教程主要讲解如何运用Adobe Illustrator制作线性图标。这组图标的主题为航空航天,整体采用蓝紫的渐变,贴切主体。示范的三个图标分别是望远镜(telescope)、航天器(spacecraft)、雷达(radar)
效果图
教程步骤
Step 01 打开参考线文档
1.1 打开Adobe Illustrator,点击文件->打开(快捷键Ctrl+O),打开参考线文件,双击图层名称处,将名称修改为「参考线」并确定为锁定状态
Step 02 创建背景
2.1 在绘...
AI教程!教你制作扁平轻质感图标!
关于教程
上图是作者Benjamin den Boer所绘制的Framer图标,整体简约但有质感。
下面,我会教大家制作扁平轻质感图形。
教程步骤
首先,绘制出纯扁平的图形。
AI教程!教你制作新拟态风格图标!
关于教程
上图是作者Stephen Kelleher Studio所绘制的新拟态风格图标,整体显得简约清爽但有层次。
教程步骤
下面,我会教大家制作新拟态风格图标。
首先绘制出基础的扁平图形,并且给气泡图形加入纯色,闪电图形加入渐变色。
设计思路教程!如何让你的图标具有说服力?
关于教程
今天给大家聊聊如何做出一个即美观又有说服力的图标。
前言
作为一名UI设计师,图标设计是我们刚入门就必须学会的必备技能之一,它是用户界面中绝对不可或缺的元素。通常我们理解图标设计的含义,是将某个概念转换成清晰易读的图形,从而降低用户的理解成本,提升界面的美观度。
C4D教程!手把手教你绘制一套拟物图标!(含源文件及素材)
关于教程
拟物图标不仅可以用PS做,也可以用C4D做哦~如果需要源文件的话,可以在文章底部下载~
Part 01 金币模型的建模与渲染
主要知识点:C4D基础建模思路,样条挤压工具的使用
单集视频:点击观看
Part 02 礼物盒的建模与渲染
主要知识点:C4D基础建模思路,矩阵工具的使用
单集视频:点击观看
Part 03 咖啡杯的建模与渲染
主要知识点:C4D基础建模思路,倒角、挤压工具的使用单集视频:点击观看
Part 04 表情包的建模与渲染
主要知识点:C4D基础曲面建模,...
设计思路教程!毛玻璃拟态图标临摹思路与原创技巧 (含Sketch源文件下载)
这篇文章主要分享怎么做一套毛玻璃拟态图标,以及在这基础上如何发散创意。某天上了木鼠老师的图标公开课,课上有示范毛玻璃拟态效果的图标,我就跃跃欲试想做一套。
木鼠老师课程:木鼠UI实战就业班
有的人问为什么做了那么久UI,还去听基础课呢?
AI+PS教程!教你制作毛玻璃质感星座配对图标!
关于教程
这次主要是做毛玻璃材质的图标,最近看到很多关于分析星座的文章,所以我就想做一套星座配对的图标。
效果图
教程步骤
在开始制作之前,我们可以先来观察一下毛玻璃作品的特征。
Step 01 绘制草稿
Step 02 新建文档
2.1 打开AI新建一个画布。