搜索
免费下载
设计灵感
设计规范
👑
充值会员
流体渐变
渐变配色
色彩搭配
注册
登录
首页
探索
素材分类
AI绘画
AI工具导航
素材专辑
UI设计
APP设计
原型demo
GUI
小程序界面
网页UI
网页设计
原型demo
软件设计
字体下载
衬线字体
非衬线字体
圆角字体
手写字体
网页字体
图标字体
书法字体
交互动效
加载loading
转场动效
ICON图标
面性图标
线性图标
拟物图标
2.5D图标
卡通图标
像素图标
按钮图标
多色图标
活动图标
插图/插画
扁平化插画
多彩渐变插画
2.5D插画
样机贴图
手机样机
名片样机
动画样机
电脑样机
笔记本样机
穿戴设备样机
UI作品样机
设计导航
首页
探索
素材分类
AI绘画
AI工具导航
素材专辑
UI设计
网页UI
字体下载
交互动效
ICON图标
插图/插画
样机贴图
设计导航
超赞的霓虹灯效果教程-带PSD源文件
搜UI
>
文章/作品
>
设计教程
>
设计规范
© 共享素材,请勿商用
举报
源文件
教程
psd
霓虹灯
效果
UI课程
发布时间:2020-05-08
关注
写教程不容易,如需转载,请联系本人 QQ:286697907。我的知识有限,如果不对的地方或有更好的方法,跪求指教原创的炫酷霓虹灯效果对于熟练使用PS的人来说是比较容易操作的,如果是新手还是有点难度。效果如下:
制作过程大概思路:一,建立黑白的立体字和灯管。二,立体字和灯管上渐变色。三,调整灯管发光效果,添加文字质感和倒影。下面是详细的制作过程:启动PS新建文件,背景填充黑色
2,文字工具"T",并设置属性。写字:"MR.L"(这个字体可以网上下载)
3.新建图层,并将刚才的文字图层一选区载入。方法是:按着ctrl+鼠标左键,点击图层MR.L中的T
得到结果:
4.用b画笔工具,画出文字亮光画笔设置:
画笔大小要根据需要变大变小。得到的结果:
5.添加图层样式:
结果:
6.画出灯管形状p钢笔工具,画出一个路径,
ESC键退出钢笔工具编辑状态B画笔工具设置属性
新建图层,并用画笔描边路径
结果:笔画大小,硬度和不透明度都要设对
按"/"键,锁定图层不透明度。
B画笔工具画出亮光画笔设置流量5%
结果:
不断复制.ctrl+J复制灯管ctrl+T,变换灯管位置
ctrl+shift+alt+T,不断复制
顺便把另外两排也复制出来并把所有灯管合并为一个图层
7。灯管上色把图层1的图层样式拷贝给刚才合并的图层方法:按alt 拖住图层1渐变叠加到刚才合并的图层或者方法:
得到的结果:
通过这方法顺便把地上的长灯管也做出来
8.加强灯管发光效果内发光:大小8
复制灯管图层,复制两层并栅格化图层样式
对着两个图层执行:高斯模糊大小5、25
并对着两个图层提高饱和度:
顺便地上长灯管向下移动一下,再高斯模糊+提高饱和度得到的结果:
MR.l图层添加倒影:复制一层,栅格化图层样式变换,垂直翻转,高斯模糊: 25
给文字添加质感:在MR.L图层上新建一层,填充黑色
添加杂色,大小20
图层模式:颜色减淡
结果:
以上就是这个教程完整的演示的关于动图制作,下期再分享谢谢各位有什么地方不懂的可以在评论里留言,我得空尽力回复,案例PSD源文件地址:https://pan.baidu.com/s/1uubjK0SqNR8IA4pcFm3p7w 密码:03ny
UI课程作品
超赞的霓虹灯效果教程-带PSD源文件相关作品
收藏
网页设计
收藏
小程序设计
收藏
APP设计
收藏
设计规范
收藏
设计规范
收藏
设计规范
其他设计规范
最新素材
其他设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
Load More
最新素材
收藏
面性图标
收藏
像素图标
收藏
线性图标
收藏
线性图标
收藏
多色图标
收藏
面性图标
收藏
书法字体
收藏
书法字体
Load More