UI霓虹灯风格图标设计

于 2020-12-30 19:45:51 发布
阅读量254 收藏
点赞数
分类专栏： AI PS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y351_/article/details/111996531
版权
PS 同时被 2 个专栏收录
73 篇文章 0 订阅
订阅专栏
AI
11 篇文章 0 订阅
订阅专栏

霓虹灯风格图标

效果在这里插入图片描述

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

y351_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IOS 霓虹灯效果
俊友的技术小窝
08-23 4131
//初始化视图 - (void) initViews{     //红色视图     UIView *redView=[[UIView alloc] initWithFrame:CGRectMake(20, 20, 280, 280)];     redView.backgroundColor=[UIColor redColor]; //视图的标签，标示一个视图对象     red
2020.10.17--PS--淌泪表情、翻白眼、摇晃脑袋
y351_的博客
10-17 4707
淌泪表情 效果 1.打开图片，新建图层，用画笔工具画出两条泪水 2.添加图层蒙版，把多余的泪水用橡皮擦工具擦掉 3.打开“窗口”“时间轴”打开“创建视频时间轴”点击 4.打开时间轴上的图层在在起始的地方点击位置前面的菱形，然后把后面的红线条移动到最后面终点位置，再点击位置前的菱形，然后把图层上的蒙版链接取消，点击泪水进行往下移动，露出来的部分回到蒙版进行擦掉，然后在时间轴点击播放画面，点击后面选择循环播放 翻白眼 打开图片，新建图层，用画笔工具调整不透明度大小对人物眼睛进行涂抹至合适 打开时间轴进行过渡
UI中霓虹灯效果代码
xiaomeng_os的专栏
08-21 874
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]]; //
用简单UI控件实现霓虹灯
xiaoliu_iOS的博客
12-26 455
用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 503
霓虹灯截图
实现霓虹灯闪烁效果(UI)
hakusan的专栏
08-22 2948
//延展添加对象 @interface AppDelegate () {     UIView *_containerView;     NSTimer *_timer; } @end //- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictiona
Unity 2d 霓虹灯效果
最新发布
05-26
Unity 2D 霓虹灯效果是一种在2D游戏场景中模拟出类似霓虹灯的视觉效果的技术，常用于创建具有未来感或复古风格的游戏。这种效果通过使用特殊的材质、光照和粒子系统来实现，使得游戏元素看起来像是由发光的线条和...
21.手绘风格图标UI设计教程.pdf
05-18
21.手绘风格图标UI设计教程.pdf
数字APP设计——UI界面风格设计表达.doc
04-26
1. 抽象信息化阶段（GUI风格）：在计算机早期，UI界面设计主要是为了传递基本信息，采用黑白或单色，图标设计抽象，以线框为主，重点在于功能而非美学。这一阶段始于1973年的Alto电脑和1986年的X windows system，...
UI设计教程:界面图标创意设计
03-03
火龙果软件工程技术中心 在网上看过很多设计师的图标制作过程,基本都是偏向技法的介绍.其实在图标设计过程中除了技法之外最重要的...根据项目需求,确定图标的风格,这在界面设计过程中,有风格评测的方法来确定项目是走
PS填充颜色边缘模糊
y351_的博客
09-24 6073
PS填充颜色边缘模糊 在选区内填充颜色很模糊，这是因为选区使用了羽化功能，羽化的作用，是使选区边缘产生过渡的效果，不至于使选区的边缘生硬。用选框工具的时候看看上面的羽化值是多少，在绘制图形之前在属性栏里把羽化改为0就不会模糊了。 ...
2020.10.3--PS--模糊工具、减淡工具、橡皮擦工具
y351_的博客
10-03 1365
模糊工具、锐化工具、涂抹工具 模糊工具将画面中其馀部分作模糊处理，凸现主体，也可将物体边缘进行模糊处理使其更好的融合图像中。 锐化工具是将画面中模糊的部分变得更加清晰。 涂抹工具主要是降低图像中相邻像素的对比度，将较硬的边缘柔化，使图像变得柔和。 减淡工具、加深工具、海绵工具 减淡工具可以把图片中需要变亮或增强质感的部分颜色加亮。 加深工具通过降低图像的曝光度来降低图像的亮度。 海绵工具用来增加或降低图片的饱和度。 橡皮擦工具、背景橡皮擦工具、魔术橡皮擦工具 橡皮擦工具可以换铅笔、画笔、块三种模式进行擦拭。
2020.10.12--PS--制作图章、抽出滤镜、消失点
y351_的博客
10-12 1336
制作图章 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 1122
矢量蒙版图层蒙版区别 矢量蒙板只能用矢量工具（钢笔、自由钢笔、矢量图形）来编辑，可以移动调节范围 图层蒙板通过像素来约束下面图层的显示和隐藏，可以通过像素工具（画笔，橡皮插等工具）画编辑。 文字工具 选择文字工具进行横排竖排编辑文字，可以用字符调板进行文字间距、大小等进行调整 段落也可进行间距、大小等调整 还可以调整文字变形在“文字”菜单打开“文字变形”调板中样式进行编辑 对文字栅格化后可以对文字进行涂抹、扭曲等调整，但是不能再调整文字间距等 文字与路径 心字点的改变 1.先用字体工具写出心字，扩大字体
2020.10.1--PS--画笔色彩模式、画笔预设、自定义画笔
y351_的博客
10-01 1016
画笔色彩模式 正片叠底——比下图层白的地方变黑 滤镜——比下图层黑的地方变白 色相：用混合色的色相着色而不改变基色 颜色：用混合色的色相饱和度同时着色而不改变基色的亮度 饱和度：用混合色的饱和度着色而不改变基色的色相和亮度 亮度：用混合色的亮度进行着色而不改变基色的色相和饱和度 画笔预设 点“窗口”“画笔设置”可设置画笔的各种形式 自定义画笔 选住所要设置的画笔点“编辑”“自定义画笔预设”添加画笔即可 ...
2020.10.7--PS--填充图层、调整图层、调整图层与剪贴蒙版
y351_的博客
10-07 976
填充图层 “图层”“新建填充图层” 分三中：纯色图层、渐变图层、图案图层 调整图层 之前改变颜色需要给物体建立选区然后调整色阶曲线进行改变颜色，现在点击“图层”“新建调整图层”建立图层上的色阶曲线进行颜色调整， 然后用画笔工具在后面的蒙版上把多余的地方擦掉就可以了 也可以把色阶或曲线颜色调整完之后把后面的蒙版填充黑色然后把需要的部分用画笔进行擦拭 调整图层与剪贴蒙版 ...
2020.9.30--ps--渐变映射、阈值、Lab模式
y351_的博客
09-30 938
渐变映射 “图像”“调整”里渐变映射，双击渐变条打开渐变编辑器可调整颜色 阈值 色调分离 阈值和滤镜配合使用 把图片设置成线稿：点“滤镜”“其他”中“高反差保留”确定后点“图像”“调整”“阈值”可以设置成线稿 打开色调分离对话框调整色阶值值越大越接近图片本来颜色 Lab模式 Lab模式由三个通道组成，但不是R、G、B通道。它的一个通道是亮度，即L，另外两个是色彩通道，用a和b来表示。a通道包括的颜色是从深绿色（底亮度值）到灰色（中亮度值）再到亮粉红色（高亮度值）；b通道则是从亮蓝色（底亮度值）到灰色（中亮度
2020.10.4--PS--图层蒙版、渐变混合图像混合、剪贴蒙版
y351_的博客
10-04 896
图层蒙版 鹿出画面的效果：1.打开素材，把鹿的图片移动到纸的素材里，给鹿图层添加图层蒙版，隐藏鹿的图层。 2.把纸建立选区填充黑色，选中鹿图层的图层蒙版，点ctrl+I进行反相，取消选区再点ctrl+I，如图所示 3.把鹿和蒙蔽中间的链接去掉，按住shift单击鼠标禁用蒙版，回到鹿图层用套索工具或魔棒工具抠出鹿，抠出之后单击蒙版取消禁用蒙版 4.用白颜色填充选区，取消选区，把多出的部分抠除，抠出的鹿的细节进行处理，鹿出画面的效果就做好了 图层蒙版渐变混合、图像混合 渐变混合：打开一张云背景图片，一张小孩看
2020.10.16--PS--动图表情、真人表情脸变绿、人物液化
y351_的博客
10-16 840
动图表情 效果 1.打开人物图片，新建图层，用画笔工具在人物脸上画出红脸蛋的效果，画笔设置大小软硬度，然后在人物脸上点击一下，红脸蛋就做出来了 2.打开“窗口”“时间轴”把中间的“创建视频时间轴”改为“创建帧动画” 3.点击“创建帧动画”开始创建帧动画，点击下面“复制所在帧” 4.在第一帧隐藏红脸蛋图层，第二帧显示红脸蛋图层，然后点击中间“播放动画”就会发现红脸蛋由没有到出现，还可以调整速度，按shift选住两个帧点击帧上面的0秒进行速度调整 5.过渡动画帧：选中第二帧点击下面“过渡动画帧”出现对话框，进行
集创堂-UI的自我发展
02-09
一套完整的图标设计通常包括12个左右，为了适应不同的设计需求，可能需要设计3套不同风格的图标。 为了实现高质量的UI设计，设计师需要掌握各种工具。Photoshop（PS）用于精细的视觉图像设计，适合切图；PowerPoint...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值