AI+PS教程!手把手教你制作毛玻璃质感UI图标!(含插件下载)
效果图
关于教程
最近,毛玻璃质感的UI界面与图标非常流行。
网上也出现非常多的优秀作品,很多同学也想学习。
因此,我将上周UAG的周主题打卡,定成了毛玻璃图标。
Adobe XD教程! 教你绘制磨砂风格UI图标
关于教程
磨砂风UI图标绘制教程,真男人就要三秒完成的效果!
本次使用的软件是XD,想系统学习戳链接:
[link https://uiiiuiii.com/knowledge/121281225.html]
视频里面提到的链接:
https://dribbble.com/shots/10639877-Game-Icons
https://dribbble.com/shots/11216559-Hazy-Icon
https://dribbble.com/shots/11324309-F...
AI教程!百度网盘「赛格风」图标
关于教程
近日,百度网盘10.0上线了全新的设计语言D20,许多同学不明觉厉,今天超级叶将为大家解析百度网盘新图标的设计风格及绘制方法。
教程效果图
图片来源于公众号 大牙的设计笔记
D20是什么
D20是百度UXC在百度网盘10.0版本中推出的全新设计语言,也就是大家这次想要学习的图标的指导风格——「赛博朋克」+「蒙德里安」,我想叫它「赛格风」,赛博朋克+蒙德里安的格子。
蒙德里安
蒙德里安,是由荷兰画家皮特·科内利斯·蒙德里安所创立,主张以几何形体构成「形式的美」,作品多以垂直线和水...
PS教程!教你绘制木纹风扇拟物图标(含素材下载)
关于教程
拟物图标又要开始流行了哦,快来跟着教程学习吧!
效果图
教程步骤
Step 01 绘制外部轮廓
用椭圆工具绘制一个正圆,Ctrl+T框选圆形,点击工具栏中的自由变形工具,下拉菜单中选择「膨胀」,将圆旋转45度
Step 02 加入木纹材质
2.1 导入木纹图片,嵌套进椭圆形中
2.2 木纹饱和度调为0,调整色阶数值
Step 03 绘制高光、投影
3.1 为了使椭圆有正面鼓起的效果,在正面绘制白色矩形,添加羽化,并调整不透明度
3.2 同理,在亮部绘制高...
12款不同形式的图标设计
Icon 的设计会贯穿全套设计稿,所以在设计的环节中必不可少,耐看又实用的 Icon 设计会让界面更加简洁干净,操作一目了然,能够帮助用户更快地识别和操作。
Freebie: Iconly 2 | Essential icons
by Afshin T2Y
Purple Custom Icons for iOS14
by Rita Petrilli
System Icons Set
by Alex Martynov
Purple Custom Icons for iOS14
by Rita Petr...
12张简洁线性icon图标设计
一组线性图标设计,运用图标式的简洁线条,进行巧妙的设计,让同一组icon之间的视觉统一,表达出单色线条icon的魅力。一起来看看,相信会对你有所启发。
Angular Icons Vol.1
by Dennis Snellenberg
Line Icons
by Nagamani
Dashboard Illustration Delivery
by Ivona Polláková
Covid 19 | Back to Work
by Zach Roszczewski
Burikek Ic...
AI教程!轻拟物质感渐变图标!
关于教程
大家好,我是Showy121
节后第一篇设计教程来啦~
为避免大家消化不良
我们来一个上手简单,又出效果的图标设计
这个作业,绝对没难度~
基本原理
本案例可以简单的视为一个立方体。
所以,最重要的就是用颜色把立方体的三个面区分出来,形成立体感。
三大面就是黑白灰,物体在受光的照射后,呈现出不同的明暗,受光的一面叫两面,侧受光的一面叫灰面,背光的一面叫暗面。
UI必备!12款不同形式的图标设计
Icon 的设计会贯穿全套设计稿,所以在设计的环节中必不可少,耐看又实用的 Icon 设计会帮助品牌和企业更好的树立形象,形成自己的设计语言。
IT Company Icon
by Witech Enterprise
Pink Icon Set
by Erşad Başbağ
Icon Set
by Kevin Dukkon
毛玻璃icon
by ADD
Halloween Icon Part 2
by Giga Tetuko Frosted glass style ICON icon des...
PS教程!教你绘制咖啡杯拟物图标!
关于教程
赶紧来学会这个咖啡杯拟物图标的绘制方法吧~
教程步骤
Step 01. 新建文档
新建1000x1000px的画布,使用画笔工具绘制草稿,同时定出光源方向。
Step 02. 绘制形状
用矩形和椭圆工具画出背景和咖啡杯形状。
Step 03. 绘制光影
使用椭圆工具绘制出咖啡杯底座的光影,使用嵌套和适当的羽化作出柔和过渡。
12组高质量的线性图标创意
Icon 作为设计中必不可少的环节,易读性和可识别性是是图标的首要任务,这里整理了12组线性 Icon 设计,一起来参考学习一下。
Freebie: Iconly 2 | Essential icons
by Afshin T2Y
user interface
by Wira Wizinda
User Interface Iconset - Line Style
by Syaiful Bahri
Icon pack for travel
by Valentin Senin
Iconly W...
AI教程!教你绘制建筑主题扁平图标
效果图
创作思路
对各国的建筑地标一直很感兴趣,所以在考虑创作对象的时候很快就把目光放到了建筑制作上,参考的自然是世界各地比较具有代表性的建筑:罗马的斗兽场和万神殿,印度的泰姬玛哈陵,悉尼歌剧院,巴黎的凯旋门还有北京的天安门。
建筑系的图标往往会处理为靠近现实颜色的写实风格,以及带有天空地面背景的插画风格。同类风格的作品非常多,也比较接近,我想着眼于风格更鲜明,自己也更为喜欢的配色风格,给我启发比较多的包括一众渐变Logo,包括微软自家的画图3D的图标。
AE教程!磨砂风格天气图标动效
关于教程
最近在Dribbble看到了这种风格的Icon,感觉非常有趣,就模仿它的风格制作了一组动态的Icon,今天带来的是第三期:天气图标的教程,主要知识点在于如何制作循环的随机运动效果,希望能对大家有一点点帮助!
效果图
教程步骤
STEP. 01:绘制图标
在AI中绘制图标,合成大小800*600,提前分层方便导入AE
STEP. 02:导入AE
将AI文件拖入AE,选择导入种类为合成,素材尺寸为图层大小
STEP. 03:调整合成
调整合成设置,帧速率30,持续时间2...
AI教程!教你绘制描边风格可爱蜂蜜罐图标
教程效果图
关于教程
本次临摹主要运用到形状工具、钢笔工具、布尔运算、形状生成器等工具。
教程步骤
步骤一:新建文档
1.1 打开Adobe illustrator,点击文件—>新建(快捷键Ctrl+n) 创建一个新文件,参数设置如下:
步骤二:绘制背景
2.1 用矩形工具绘制800px*600px长方形,色值:#fff0d3
步骤三:绘制蜂蜜罐房子
3.1 长按形状工具选择圆角矩形工具,开启填色和描边,颜色填充为 #ffffff,描边颜色#3f3b47,描边为5px。
...
AE教程!毛玻璃质感心跳动态图标
关于教程
最近在Dribbble看到了这种风格的Icon,感觉非常有趣,就模仿它的风格制作了一组动态的Icon,今天带来的是第四期:心跳图标的教程,主要知识点在于如何使用凸出效果和循环表达式,希望能对大家有一点点帮助!
效果图
教程步骤
STEP.1 绘制图标
在AI中绘制图标,合成大小800*600,提前分层方便导入AE
STEP.2 将图标导入AE
将AI文件拖入AE,选择导入种类为合成,素材尺寸为图层大小
STEP.3 调整合成设置
调整合成设置,帧速率30,持续时间2...
AE教程!飘动的毛玻璃质感动态书签图标
关于教程
最近在Dribbble看到了这种风格的Icon,感觉非常有趣,就模仿它的风格制作了一组动态的Icon,今天带来的是第二期:收藏图标的教程,主要知识点在于如何制作摆动的效果,希望能对大家有一点点帮助!
效果图
教程步骤
STEP. 01 绘制图标
在AI中绘制图标,合成大小800*600,提前分层方便导入AE
STEP. 02 导入AE
将AI文件拖入AE,选择导入种类为合成,素材尺寸为图层大小
STEP. 03 调整合成设置
调整合成设置,帧速率30,持续时间2秒
...
12款不同形式的图标设计
Icon 的设计会贯穿全套设计稿,所以在设计的环节中必不可少,耐看又实用的 Icon 设计会帮助品牌和企业更好的树立形象,形成自己的设计语言。
Art & Design Icon 2
by Samuel Oktavianus
Icons
by Andreas Storm
Fruits Gradients Freebie [Sketch]
by Ishtiaq Khan Parag
collection
by Deividas Bielskis
Hazy - Icon
...
AE教程!毛玻璃质感文件夹动态图标
关于教程
最近在Dribbble看到了这种风格的Icon,感觉非常有趣,就模仿它的风格制作了一组动态的Icon,今天来和大家分享一下制作过程,希望能对大家有一点点帮助!
效果图
教程步骤
STEP. 01
在AI中绘制图标,合成大小800*600,提前分层方便导入AE
STEP. 02
将AI文件拖入AE,选择导入种类为合成,素材尺寸为图层大小
STEP. 03
调整合成设置,帧速率30,持续时间2秒
STEP. 04
新建纯色,作为背景,置于最底层
STEP. 0...
AI教程!教你绘制日系风格icon图标
关于教程
这是一组以日本的标志性建筑或者代表性物体为主题的 icon,整体颜色搭配给人满满的日系感。
效果图
教程步骤
步骤一:新建文档
打开AI-新建一个800x600像素的文档
步骤二:导入原图作参考层
临摹时,我习惯把原图粘贴进文档中,并进行参考线建立,再锁住该图层改名为参考层。
步骤三:制作底座
3.1 新建一个150x150的矩形,圆角半径为18px。
AI入门教程!教你绘制多彩渐变图标
效果图
教程步骤
想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1078133504 进群暗号:优优的忠实观众
学完这篇教程的人还在学…
[link https://uiiiuiii.com/illustrator/1212250833.html]
[link https://uiiiuiii.com/illustrator/1212250107.html]