AI教程!手把手教你绘制线面结合矢量图标ICON
关于教程
新一期的矢量图标教程来啦~ 今天我们用AI来绘制一组线面结合的矢量图标,简约的线条配上恰到好处的纯色色块,简单又好看。
本篇教程包含极其详细的步骤展示,零基础的同学只要一步一步跟着学完,肯定能完美地绘制出来~
想要让讲师如如手把手教你绘制插画?点击这里立刻开始学习:
教程步骤
step 01:新建文档
打开Adobe Illustrator,点击文件→新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:
step 02:创建背景
2.1 找到AI的图层面板,双击图层名称处,...
AE教程!想让底部导航菜单icon扭起来?其实不难
关于教程
大家好我是小雪,今天我们来做一个icon扭曲的动效。图标初始是灰色的,点击之后从下方开始扭曲,扭曲的过程中,里面的小线段先消失再出现,基本就是这四个步骤,那我们开始吧~
教程效果图
教程步骤
一、画icon并导入AE
01. (以首页icon为例)在AI里画好icon → 每个需要做动画的图层,都单独分组 → 保存为ai的格式图片02. 打开AE → 双击左侧空白区域 → 导入首页icon → 选择“所有可接受的文件” → 导入为“合成-保持图层大小”
03. 双击「首页」 → ...
AI新手向教程!从零上手学习绘制购物主题线性图标ICON
关于教程
这个图标的难度不大,主要用到的是形状工具,钢笔工具和简单的布尔运算,就可以实现了,对于新手来说比较友好,如果你想要锻炼对AI的熟练度,可以跟着我的教程一起练习哦~
教程步骤
Step 01 新建文档
1.1 新建文档,尺寸800x600px,颜色模式RGB,分辨率72
Step 02 电脑icon
2.1 利用形状工具绘制矩形,宽110px,高95px,圆角7px,填充颜色#9bdaf6,描边5px,描边颜色#6e2f95(注:描边粗细与颜色下同)
2.2 选中刚才矩形,...
AI教程!适合新手入门的小鸡主题图标ICON绘制教程
关于教程
12个萌趣的图标绘制,看似复杂,其实都很基础,一些基础的形状的组合可以绘制出各种各样可爱有趣的图标~
教程步骤
Step 01 新建文档
打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:
Step 02 创建图标
1-蛋壳小鸡图标
2.0 在绘制前,首先确定已在菜单栏->视图中开启了「对齐像素」功能。
2.1 使用椭圆工具新建一个高85px,宽71px的椭圆,参数如下
2.2 新建一个矩形,宽比椭...
AI教程!教你制作圣诞主题可爱icon
关于教程
这是一组圣诞节的icon,整体还是想体现icon的圆润可爱,所以造型比较矮胖Q萌。配色方面选择了偏暖调的红绿黄,体现温馨节日的感觉。
在绘制的时候,我们按以下4个步骤来执行,分别是:
1. 找寻参考并绘制草稿 - 2. 新建文档 - 3. 按照网格绘制图标 - 4. 调整和导出
现在就来一步步详细说明咯:
教程效果图
(注意:制作icon时我使用了网格框作为辅助参考,因是最终效果图所以没呈现,素材链接在下方)
教程步骤
步骤1:找寻参考并绘制草稿
关于参考图我还是以我的构思圆润...
AI教程!教你绘制日系风格icon图标
关于教程
这是一组以日本的标志性建筑或者代表性物体为主题的 icon,整体颜色搭配给人满满的日系感。
效果图
教程步骤
步骤一:新建文档
打开AI-新建一个800x600像素的文档
步骤二:导入原图作参考层
临摹时,我习惯把原图粘贴进文档中,并进行参考线建立,再锁住该图层改名为参考层。
步骤三:制作底座
3.1 新建一个150x150的矩形,圆角半径为18px。
AI教程!教你绘制具有律动美感的Music icons
关于教程
这是一组为即将上线的手机音乐游戏制作的icons,其中,金属元素的加入和光影的表现,增加了整组icon的立体感和动态美,满满的摇滚风,传达了音乐游戏想要带给玩家的律动感,具有一定的临摹价值。
如果你也想学习绘制这样好看的扁平插画风格图标,记得戳链接喔 → 点我学习制作AI图标
教程步骤
开始教程之前,先来个小提示:我们在临摹时,首先要对整个作品进行分析。
原作者想要表现什么(风格?
C4D教程!教你用OC渲染器制作金币材质App Store的立体icon
今天来教大家如何使用的是OC渲染器,制作反射好看的金币材质,希望大家喜欢!
结语
本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。
相关推荐:
→C4D教程!
PS教程!超详细步骤教你绘制光影质感摄像机icon
关于教程
—
第一次看到 Eddie Lobanovskiy 做出的这款icon时,我感到十分惊艳,他对于细节的把控,让我赞叹不已。而通过临摹 Eddie Lobanovskiy 这款作品,主要也是为了锻炼自己,在设计中对细节的把控和对图层样式应用的熟练度。光影方面,和 @吃喝玩乐团团长 一起重新定义了光影的方式,让L型的背景更加立体。
PS教程!手把手教你制作拟物icon图标
临摹拟物可以帮我们更灵活地学习运用图层样式,理解光影和细节,为之后的 PS 学习打下坚实基础,因而,本次教程会教大家如何制作一款拟物 Loading 图标,希望能对大家有所帮助。
结语
本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。
相关推荐:
→ UDT分享!
AI教程!教你绘制最近超火的等距视角风格相机icon
等距视角(Isometric)风格也称为等轴测图,为了增加立体感而采用的45度视角,拥有出色的视觉表现,尤其适用于地图、城市的图形展示,同时使用3D制作工具设计的效果也会更加吸引眼球。
结语
本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。
相关推荐:
→ AI+PS教程!
PS教程!绘制逼真灯泡icon
图层模式作为PS必须掌握的基本功能,有着非常强大的效果,简单的渐变叠加就可以让一个平面的形状凸显出良好的立体效果,更不用说图层样式还有上千上万种更为灵活的叠加效果,一个细微的光效就可以在视觉效果上为你的作品润色一层。
本教程将教你运用形状工具,图层样式以及画笔等基础功能来制作一枚光感丰富、立体的灯泡图标。通过调整简单的数值来实现强大的效果。
PS+AI教程!教你制作一枚成就勋章icon
本次教程将通过奖章学习到AI钢笔工具、PS图层样式等技能。
如果你对PS不太熟悉请戳→知识树系列!最容易听懂的PS零基础入门教程合
如果你对AI不太熟悉请戳→知识树系列!
PS教程!教你绘制一枚雅致洁白的空调icon(含源文件)
天气这么热,带着大家做个空调降温消暑。教程不难,可以帮你熟悉图层样式的运用,源文件已打包,一起来练个手!
如果你对文中提到的PS工具还不熟悉,请移步→PS零基础入门知识树教程
1.新建文档,800*600像素,做出渐变背景。
AI教程!教你8步做出小清新相机icon
大家好!我是Vincent
如果你对AI工具还不太熟悉请戳→AI知识树系列教程
很可爱的相机,有不懂的地方欢迎提问,谢谢观看~
最新教程欢迎关注@优设基础训练营,最新设计干货请戳→优设网,更多精彩教程尽在优优教程网~
Spline教程!新手3D入门第一集:快速建模
欢迎来到全新的Spline新手3D入门课程!在第一集中你将学习到:3D操作的基础知识、如何添加3D工具
、如何使用建模工具、使用布尔运算添加基础的动画。
AE教程!MJ辅助制作小火箭加载动画
一、关于教程
今天我们来做一个非常非常简单的小火箭加载动画,火箭是用 AI 绘图软件 Midjourney 画的,
关键词如下:Translucent, Rocket, 3D Icon, Beautiful, Bright, Technology, Innovation, Space, Launching,OC renderer --style expressive
这是我生成的原图:
然后把这个图的背景去掉,这里给大家推荐一个抠图网站:https://clipdrop.co/remove...
自学路径UI实战系列教程! NO.08 车机系统界面设计
案例效果图
本集教程内容概要
本集视频是10个超实用UI设计案例「UI实战系列教程」的第八集,主要讲解的内容有车载设计规范、布局演示、ICON细节调整以及整体界面设计等。
即时设计是一款在线可协作的UI设计工具,目前支持Sketch、figma、XD的本地导入和链接导入。支持创建交互原型、获取设计标注、快速切图、团队协作等。
AE教程!教你制作有道云笔记开屏动画
一、关于教程
Hello~ 小伙伴们我又来啦,今天给大家拆解一下有道云笔记的开屏动画,这次的效果比较复杂,像这样稍微复杂一点的动画,我们在做之前,一定要在脑子里构建好整体的框架和具体的运动轨迹,最好是用笔画个草图。
有道这个开屏动画,大致流程如下图所示:
其实就是一个铅笔,翻转两次后贴在了蓝色背景上,再加一些bulingbuling的光,下面我们就依照这四步进行讲解。
二、教程步骤
Step 01 让铅笔笔直的站着
这一步可以在AI里画好,导入到AE里
01 打开A...
平面设计教程!4个案例教你制作弹窗设计海报
关于教程
相信大家都有过跟我一样的想法,要是有人帮我做图就好了,于是这次的教程的灵感来源于——摆烂。
这个时候电脑给你发来了温暖的问候。
这是一个82年的拉菲,哦不,弹窗!