UI霓虹灯风格图标设计

最新推荐文章于 2021-10-16 20:11:46 发布
最新推荐文章于 2021-10-16 20:11:46 发布
阅读量265 收藏
点赞数
分类专栏： AI PS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y351_/article/details/111996531
版权
PS 同时被 2 个专栏收录
73 篇文章 0 订阅
订阅专栏
AI
11 篇文章 0 订阅
订阅专栏
本教程将指导你使用Photoshop（PS）和Illustrator（AI）创建霓虹灯风格的图标。首先在PS中建立深色背景，绘制圆角矩形并应用渐变叠加。接着在AI中制作描边圆角矩形，复制并修改形状。然后将AI的形状导入PS，添加渐变叠加，最后为图形添加所需效果。
摘要由CSDN通过智能技术生成

霓虹灯风格图标

效果在这里插入图片描述

1.打开PS，新建画布，填充深颜色背景，用圆角矩形工具画出一个圆角矩形，然后添加渐变叠加在这里插入图片描述
2.打开AI，用圆角矩形工具画出圆角矩形，描边加粗，然后复制一个圆角矩形，删除一半，端点改为圆角在这里插入图片描述
3.把之前的圆角矩形，也删除一半在这里插入图片描述
4.把两个形状进行拼接，然后用钢笔工具画出图形里面的形状在这里插入图片描述
5.然后用椭圆工具在里面画出圆形在这里插入图片描述
6.全部选中图形，执行对象-扩展，然后单个复制到PS里面在这里插入图片描述
7.把图形添加渐变叠加在这里插入图片描述
8.给图形添加效果在这里插入图片描述

y351_
关注
专栏目录
IOS 霓虹灯效果
俊友的技术小窝
08-23 4158
//初始化视图 - (void) initViews{     //红色视图     UIView *redView=[[UIView alloc] initWithFrame:CGRectMake(20, 20, 280, 280)];     redView.backgroundColor=[UIColor redColor]; //视图的标签，标示一个视图对象     red
unity 全息交互ui_UI向3D投影全息界面的连续发展
weixin_26732881的博客
08-04 1251
unity 全息ui素材The user interface has been natural in its evolution and strategically heading towards the 3D-projection holographic interface (3D-PHI) era. 用户界面在其发展过程中一直很自然，并且在战略上正朝着3D投影全息界面( 3D-PHI )时代迈...
UI中霓虹灯效果代码
xiaomeng_os的专栏
08-21 884
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]]; //
用简单UI控件实现霓虹灯
xiaoliu_iOS的博客
12-26 472
用UIView,UILabel,制作霓虹灯效果 - (void)viewDidLoad {     [super viewDidLoad]; for (int i = 0; i         NSArray *arr = @[[UIColor redColor], [UIColor blueColor], [UIColor greenColor], [UIColor
UI02霓虹灯
jelly_1992的专栏
09-29 509
霓虹灯截图
实现霓虹灯闪烁效果(UI)
hakusan的专栏
08-22 2966
//延展添加对象 @interface AppDelegate () {     UIView *_containerView;     NSTimer *_timer; } @end //- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictiona
UI设计色彩趋势总结
Mr_GuoPengFei的博客
09-17 1146
　　本文提出了四个色彩趋势：霓虹渐变、轻量渐变、高饱和度色系、梦幻色/幻彩色系。从现实图库入手，今天我就总结出该色彩趋势对应的关键词以及色彩特征。对部分案例进行了解析，更深入地了解其运用方向以及实现技巧。希望这些内容可以起到抛砖引玉的作用，欢迎大家探讨。 　　一、霓虹渐变 　　现实生活中，炫彩夺目的霓虹灯效果常被应用于广告牌、灯箱的展示中，在暗夜的烘托下，霓虹灯展现出光影陆离的光影效果，吸引着人们的眼球，留下强烈的视觉冲击。如图所示，暗夜中的霓虹灯效果，为霓虹渐变的现实灵感来源。 ..
图标设计原则_图标设计的7个原则
weixin_26715991的博客
09-04 1374
图标设计原则 重点 (Top highlight)More in the iconography series:• Foundations of Iconography• 5 Ways to Create a Settings Icon• Icon Grids & Keylines Demystified• Pixel-Snapping in Icon Design• 3 Classic ...
PUBG Mobile主题UI设计：废土艺术风格探索
woliuqiangdong的博客
10-16 707
一、废土艺术风格01、废土定义废土题材作为科幻题材系统下的一个子类型，通常探讨的是文明在经历巨大劫难之后的变迁和末日浩劫后的世界，是表现一种虚构的世界中，人类生存环境受到严重破坏，幸存者在残酷环境中挣扎求存的状态。常见的类型有：陨石行星冲撞、核灾难、自然毁灭性疾病、人工生化危机、外星人入侵、人工智能觉醒与黑化、物种变异、超级自然灾难、超自然现象、宗教式的终极审判等02、世界观的类型轻度损坏：这种类型的末日世界通常是来自非物理的损坏，比如病毒爆发、核武器污染、生化危机等。在这样的设定下，大多数硬表面的结构、建
酷炫的视频编辑_视频特效_爱剪辑视频应用界面ui素材.zip
12-28
5. **霓虹风格**：霓虹风格是一种受到80年代霓虹灯启发的设计趋势，常见于现代科技和娱乐相关的界面设计中。它通常以明亮的色彩、流线型的形状和发光效果为特点，为界面带来活力和未来感。 6. **App UI Kit**：UI...
Neon_Icons图标集_ai_&_svg图标素材下载.zip
12-28
霓虹图标的设计风格通常结合了高对比度的颜色和流畅的线条，模仿了真实的霓虹灯效果。这种风格在科技、娱乐和时尚领域尤其受欢迎，因为它既能传达现代感，又能引发复古的情感共鸣。在.ai和.svg文件中，设计师可以...
Online_Cyberpunk_Generator:赛博朋克2020在线角色生成器
05-24
考虑到赛博朋克的视觉风格，生成器的UI设计可能会采用暗色调、霓虹灯效果、未来感的图标和字体等元素，这些都需要JavaScript与CSS结合实现动态的视觉效果。 8. **浏览器兼容性** 一个成功的在线工具必须考虑到...
PS填充颜色边缘模糊
y351_的博客
09-24 6217
PS填充颜色边缘模糊 在选区内填充颜色很模糊，这是因为选区使用了羽化功能，羽化的作用，是使选区边缘产生过渡的效果，不至于使选区的边缘生硬。用选框工具的时候看看上面的羽化值是多少，在绘制图形之前在属性栏里把羽化改为0就不会模糊了。 ...
2020.10.17--PS--淌泪表情、翻白眼、摇晃脑袋
y351_的博客
10-17 4783
淌泪表情 效果 1.打开图片，新建图层，用画笔工具画出两条泪水 2.添加图层蒙版，把多余的泪水用橡皮擦工具擦掉 3.打开“窗口”“时间轴”打开“创建视频时间轴”点击 4.打开时间轴上的图层在在起始的地方点击位置前面的菱形，然后把后面的红线条移动到最后面终点位置，再点击位置前的菱形，然后把图层上的蒙版链接取消，点击泪水进行往下移动，露出来的部分回到蒙版进行擦掉，然后在时间轴点击播放画面，点击后面选择循环播放 翻白眼 打开图片，新建图层，用画笔工具调整不透明度大小对人物眼睛进行涂抹至合适 打开时间轴进行过渡
2020.10.3--PS--模糊工具、减淡工具、橡皮擦工具
y351_的博客
10-03 1394
模糊工具、锐化工具、涂抹工具 模糊工具将画面中其馀部分作模糊处理，凸现主体，也可将物体边缘进行模糊处理使其更好的融合图像中。 锐化工具是将画面中模糊的部分变得更加清晰。 涂抹工具主要是降低图像中相邻像素的对比度，将较硬的边缘柔化，使图像变得柔和。 减淡工具、加深工具、海绵工具 减淡工具可以把图片中需要变亮或增强质感的部分颜色加亮。 加深工具通过降低图像的曝光度来降低图像的亮度。 海绵工具用来增加或降低图片的饱和度。 橡皮擦工具、背景橡皮擦工具、魔术橡皮擦工具 橡皮擦工具可以换铅笔、画笔、块三种模式进行擦拭。
2020.10.12--PS--制作图章、抽出滤镜、消失点
y351_的博客
10-12 1359
制作图章 1.新建500*500像素的页面 2.用标尺找出页面的中心点，用椭圆工具路径模式以中心点画出圆形路径，然后把工作路径双击变成路径1 3.在路径1点击右键进行描边，选择画笔，颜色为红色 4.复制路径1，用路径选择工具，按Alt+Shift键缩小复制的路径1，按回车键 5.选择文字工具，在复制的路径上点击添加文字，设置文字大小 6.选择多边形工具，在菜单栏下面设置变为5，点击旁边的齿轮里面选择星形，新建路径图层，按住Alt键以中心点画出五角星 7.新建图层，然后回到路径点击右键填充颜色为红色 8.新建
2020.10.11--PS--矢量蒙版图层蒙版区别、文字工具、文字与路径
y351_的博客
10-11 1144
矢量蒙版图层蒙版区别 矢量蒙板只能用矢量工具（钢笔、自由钢笔、矢量图形）来编辑，可以移动调节范围 图层蒙板通过像素来约束下面图层的显示和隐藏，可以通过像素工具（画笔，橡皮插等工具）画编辑。 文字工具 选择文字工具进行横排竖排编辑文字，可以用字符调板进行文字间距、大小等进行调整 段落也可进行间距、大小等调整 还可以调整文字变形在“文字”菜单打开“文字变形”调板中样式进行编辑 对文字栅格化后可以对文字进行涂抹、扭曲等调整，但是不能再调整文字间距等 文字与路径 心字点的改变 1.先用字体工具写出心字，扩大字体
2020.10.1--PS--画笔色彩模式、画笔预设、自定义画笔
y351_的博客
10-01 1034
画笔色彩模式 正片叠底——比下图层白的地方变黑 滤镜——比下图层黑的地方变白 色相：用混合色的色相着色而不改变基色 颜色：用混合色的色相饱和度同时着色而不改变基色的亮度 饱和度：用混合色的饱和度着色而不改变基色的色相和亮度 亮度：用混合色的亮度进行着色而不改变基色的色相和饱和度 画笔预设 点“窗口”“画笔设置”可设置画笔的各种形式 自定义画笔 选住所要设置的画笔点“编辑”“自定义画笔预设”添加画笔即可 ...
Android UI设计指南：图标与用户体验
"这篇文档是关于安卓系统的UI设计指南，主要涵盖了图标设计的各个方面，包括启动图标、菜单图标、状态栏图标、Tab图标、对话框图标以及列表视图图标的设计原则和使用方法。同时，文档提到了Android图标模板包，这是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值