PS如何制作圆角图标

更新时间:2024-09-23 14:44:23

大家都知道小米公司的雷总曾斥巨资邀请泰斗级的设计大师原研哉修改小米的 Logo ,花费 200 万将方形的 Logo 改为圆形。好像没有太大的变化,但产品的理念却和从前大不相同。从前的方形更显稳重端正,这个圆形的新 Logo,看着让人感觉更年轻,也更加轻松活泼。圆形的元素,因为它没有锐利的棱角,所以看起来更加的自然。在设计领域,很多 APP 的图标设计也越来越喜欢制作成圆角,设计就是这样,细节和理念决定了一切。往往很多简单朴实无华的设计,才能经典永流传。今天我就来教你如何用 PS 制作圆角图标,一定要看完哦!

PS 制作圆角图标全过程

首先我们使用左侧工具栏中的矩形工具绘制一个矩形。
接下来有两种操作方法:
  • 找到右侧属性面板外观当中的四角半径值,将 0 像素修改为合适的大小。这里可以根据个人所需的图标边缘留存度来选择。
举个例子我将半角调整成了 50 像素,可以看到圆角已经显示出来。
接着鼠标移动到图形,右键选择格栅化图层,这样修改好圆角的图标就不能继续编辑改变形状了,那么至此圆角图标就制作完成了。
我们可以对比一下不同半径像素下的圆角图标的样貌,是不是更圆的看着活泼自由一些呢。
  • 第二种操作方法,使用快捷键
先用圆角矩形工具画一个矩形,然后按CTRL+ENTER (回车键),再反选( SHIFT + CTRL + I ),按 Delete 键删除选区里面的多余部分,取消选区( CTRL+D ),保存。存储为,选择 PNG 格式保存。这样操作起来更便捷,一个圆角图标在 60s 之内就可以完成.

简易版 PS 专业设计工具

除了 PS 可以制作圆角图标外,如果需要节省时间提升设计效率,特别是对于设计新手来说,有一款简单好用的在线设计工具叫做即时设计。用户通过简洁的操作界面和丰富的预设元素,可以快速上手,并且即时设计提供了大量的 Logo 设计模板和图形元素,用户可以直接免费下载并进行个性化修改,缩短设计周期。它支持高性能适量编辑,确保图标在放大缩小时不失真,保持高质量的视觉效果,能够满足不同应用场景的需求。
如果使用即时设计来制作圆角图标,只需要10秒钟,非常的简单:
选中可编辑圆角的基础形状后,你可以使用以下三种方法编辑圆角
  • 在圆角输入框中输入数值修改圆角大小;
  • 通过拖拽圆角图标或使用拖拽在输入框上拖拽标尺直接修改圆角;
  • 在画布编辑区拖拽组件「圆角功能点」进行编辑。
值得一提的是即时设计搭建了庞大的设计社区,不仅拥有设计师精选的图标、文字、UI 等设计素材,还为用户准备了设计能力提升专区,配有每周临摹和打卡星球的板块,用户跟随详细的实践教程完成设计练习可上传到社区与上千设计师参与讨论,还可以获得作品激励,如果你也想学习更多图标设计知识和规范,可以在即时设计的设计社区逛逛,保证收获满满

点击下图👇进入设计社区