AI+PS教程!教你制作毛玻璃质感UI图标!
效果图
制作前解析
在大家制作前需要思考两个点
1. 图标的应用范围
以我自己本身为例就以手机应用图标为主,所以我以食衣住行育乐为出发点,然后延伸出大家平时可能会做的事情,常用到的APP有哪些
2. 毛玻璃图标的特征与需要考量的点
造型简单与图标上下层面积把控很重要,会直接影响整体效果,切记~切记~
想要跟肥子老师深入学习UI图标图标的制作吗?点击下方链接报名她的课程,肥子老师手把手教你做图标:
[link https://uiiiuiii.com/other/12121164...
AI+PS教程!手把手教你制作毛玻璃质感UI图标!(含插件下载)
效果图
关于教程
最近,毛玻璃质感的UI界面与图标非常流行。
网上也出现非常多的优秀作品,很多同学也想学习。
因此,我将上周UAG的周主题打卡,定成了毛玻璃图标。
AE教程!磨砂质感毛玻璃卡片动效
关于教程
在之前的教程中,我们已经学会了静态磨砂效果怎么制作,这次我们来学习动态磨砂效果哦!
[link https://uiiiuiii.com/photoshop/1212333419.html]
效果图
关键步骤提示
详细操作请看文章开头的视频教程演示。
Step 01 新建画板
在PS中新建1000*600的画板,背景内容设置为透明
Step 02 绘制矩形
绘制1000*600的矩形,调整圆角为50像素,将填充透明度设为10%
Step 03 添加图层样式
打开图层...
轻松上手!毛玻璃效果教程
行业发展真快!设计趋势每年都在迭代,与此同时,加速设计师工作效率的工具也越来越多,选择适合自己才是关键,Figma在诞生之初就被赞誉为下一代设计神器,有时间的同学不妨从简单的教程开始。
PS教程!手把手教你制作毛玻璃效果海报!
教程效果图
关于教程
本次教程,教大家用PS临摹毛玻璃效果海报,(原作品出自Halo Lab),原作者是使用FIGMA软件制作,(当然AI也可是实现这种效果)本次我们用PS操作,简单易上手,适合新手练习,话不多说,我们开始吧。
教程步骤
Step 01 原理的基本介绍
首先在临摹之前,我们对其元素进行拆分,可以主要分成几大块:羽化层、卡片层、清晰层如图(拆分图解)所示。
Step 02 步骤演示
2.1 打开PS,Ctrl+n新建画布,宽度:1600px,高度1200px,(单位:像素 ...
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秒
...
AE教程!毛玻璃质感文件夹动态图标
关于教程
最近在Dribbble看到了这种风格的Icon,感觉非常有趣,就模仿它的风格制作了一组动态的Icon,今天来和大家分享一下制作过程,希望能对大家有一点点帮助!
效果图
教程步骤
STEP. 01
在AI中绘制图标,合成大小800*600,提前分层方便导入AE
STEP. 02
将AI文件拖入AE,选择导入种类为合成,素材尺寸为图层大小
STEP. 03
调整合成设置,帧速率30,持续时间2秒
STEP. 04
新建纯色,作为背景,置于最底层
STEP. 0...
AI一键分层导出PSD!傻瓜式操作、完美分层、保留矢量形状可编辑性
AI 自带的导出 PSD 的功能会栅格化形状图层,无法进行二次修改。而今天这个插件可以让你一键将 AI 文件导出为 PSD,同时保留形状图层的路径,提高你的工作效率!
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...
AE教程!磨砂风格天气图标动效
关于教程
最近在Dribbble看到了这种风格的Icon,感觉非常有趣,就模仿它的风格制作了一组动态的Icon,今天带来的是第三期:天气图标的教程,主要知识点在于如何制作循环的随机运动效果,希望能对大家有一点点帮助!
效果图
教程步骤
STEP. 01:绘制图标
在AI中绘制图标,合成大小800*600,提前分层方便导入AE
STEP. 02:导入AE
将AI文件拖入AE,选择导入种类为合成,素材尺寸为图层大小
STEP. 03:调整合成
调整合成设置,帧速率30,持续时间2...
AE教程!一起制作简单的太空旅行MG动画!
效果图
关于教程
在外网看到一个大神制作了类似的效果,自己也尝试了一下,并精简了一下流程,希望对大家有些帮助!
教程步骤
STEP 01:绘制火箭
在AI中创建800*600画板,绘制火箭飞船的基本形状
STEP 02:新建合成
打开AE,新建合成
STEP 03:将文件导入AE
将飞船AI文件导入AE,从矢量图层创建形状
STEP 04:添加位置属性
分离飞船的X\Y轴位置属性,为Y轴添加随机运动
STEP 05:调整随机运动
调整随机运动的参数,设置循环动画
...
C4D教程!4步制作粒子线条科技感动效
关于教程
第一次看到这个教程是在YouTube上由MotionCafe发布的,因为全程没有解析,看的云里雾里,另外新版XP和OC也有一些地方进行了改版,所以我就索性重新做了一期教程,希望对大家有点点帮助~
如果你想要下载源文件学习,可以关注公众号「设计师深海」回复「粒子线条」即可~
效果图
教程步骤
STEP.1 建立粒子系统
调整粒子发射器的形状和方向
STEP.2 制作卷曲线条效果
使用Trail和Turbulence制作卷曲线条效果
STEP.3 制作粒子效果
添加球体并...
3 分钟掌握 21 种FCPX常用特效
抱歉抱歉,拖更了。
我们今天来讲讲FCPX的在特效和转场上的常用技巧吧。
风格化
手持:给画面增加现场感
信箱:快速完成电影画幅
添加噪点:添加画面质感
删减:打马赛克
SLR:模拟拍照过程
抠像
抠像器:一键抠除绿幕
亮度抠像器:通过明暗抠像
模糊
棱镜:故障艺术一键生成
缩放:营造穿越感 拉伸画面
高斯曲线:毛玻璃
锐化:增加画面锐度
拼贴
全员变态:什么素材都能玩出艺术感
失真
裁剪与羽化:制造电影画幅 模拟人眼视角
翻转:最常用的功能
全是变态:能玩出花
外观
不同风格...