如何在Illustrator中绘制图标徽章和阴影

新知榜官方账号

2023-09-27 00:02:56

如何在Illustrator中绘制图标徽章和阴影

在UI设计中，图标徽章和阴影是非常重要的元素，可以提高页面的美观度和用户体验。本文将介绍如何在Illustrator中绘制图标徽章和阴影，包含详细的步骤和技巧。

步骤

创建一个新文档。
选择多边形工具从工具栏，左键单击画板上的任何地方，指定6作为数量两岸。
使用旋转工具并按住Shift键（在45度增量旋转），旋转新创建的六边形，使'点'指向两个向上和向下。
六角选中，按住Shift键并拖动，从任何一个角落，以增加或减少形状的大小。给形状的填充颜色＃1D71B8并删除任何笔触。
选择矩形工具，并绘制填满你的画板的整个尺寸的四边形。转到对象>排列>发送到备份，以确保这种形状是六边形的后面。
选择椭圆工具，左键单击并按住Shift键画一个圆。使用直接选择工具，左键单击底部中心的定位点，然后向下拖动该锚点。
按住左键单击在钢笔工具，选择锚点工具。左键单击底部中心锚点的弯曲的边缘转变为直边。
选择椭圆工具，左键单击并按住Shift键画一个圆。定位在销的形状的上半部分的圆。按住Shift键同时选择形状，并在探路者调色板点击负接待/减去敲出从引脚形状的圆圈。这样就完成了位置图钉图标并将其转换成一个单一的形状。
按住Shift键按比例调整定位销的规模，并在六角形的中心位置这一点。给定位销色白，或#FFFFFF。
选择六边形，去影响>风格化>圆角，并调整半径稍微四舍五入的六角形的角落。
选择钢笔工具，单击鼠标左键在六边形的底部放置一个锚点，向下移动鼠标向右（在线与六角形的角度剩下的），并放置第二个锚点。放置在线路与相对边缘的第三锚点，并且以90度角的第二锚定点。左键点击再次沿六边形的右上边缘以放置第四锚点。最后，左键点击第一个锚点，完成形状-这会形成阴影。
随着阴影形状选中，单击渐变滑块的内渐变面板应用默认的黑色/白色渐变作为填充。设定角度的梯度，以大约144度。
在透明面板，设置混合模式为正片叠底（设置为普通默认情况下）。这将混合的阴影，尤其是白色，为较轻蓝色背景。
在渐变滑块，从边缘向内移动至白色，以确保梯度无缝融合到背景。这里的目的是为了避免“硬边缘”或“条带”。
重复步骤11-14以创建第二个阴影形状，此时为定位销。
一旦所有的形状后，您可以更详细地调整颜色，以确保形状/图标有效补充的背景。在这一点上的背景颜色调节至＃3689E1和六边形形状＃0081D4。
选择背景的形状，然后单击渐变滑块的渐变调色板。拖动最新的背景颜色样本＃3689E1的白色样本的顶部渐变滑块。
创建一个新的颜色样本＃2D4496，并拖动这对在黑色样本的顶部渐变滑块。
设置梯度的角度，以0度，以便它水平地运行从左到右。

本页网址：https://www.xinzhibang.net/article_detail-13908.html

寻求报道，请

关键词

Illustrator 图标徽章阴影 UI设计产品经理

分享至微信：

相关工具

Designs.ai

AI设计工具

Luma AI

AI 3D捕捉、建模和渲染

Dora AI

AI在线生成精美3D动画的网站

IconifyAI

AI App图标生成器

Poly

AI生成3D材质

Galileo AI

AI高保真原型设计

CorelDRAW和Adobe Illustrator之间的比较

CorelDRAW和Adobe Illustrator之间的比较CorelDRAW和Adobe Illustrator是常用的平面绘图矢量软件。本文对比了它们的软件定位、侧重点和发展方向，总结出它们的优劣，并提供使用建议。软件定位不同Adobe Illustrator软件是美国Adobe公司出品的，

分类标签 CorelDRAWAdobeIllustrator矢量软件

12-04 06:14

三款AI绘图工具的优缺点比较

三款AI绘图工具的优缺点比较在近年来的发展中，AI绘图工具在设计领域中得到了广泛的应用。本文将重点介绍三款常见的AI绘图工具，分别是Adobe Illustrator、Sketch和Figma，它们各自的优缺点以及在设计领域中的应用。1. Adobe IllustratorAdobe Illustr

分类标签 AI绘图工具AdobeIllustratorSketchFigma

12-04 06:13

如何选择一款适合自己的调色软件？

如何选择一款适合自己的调色软件？世界上的色彩千千万，科技的发展也使得曾经简单的黑白转变为上千万甚至上亿像素的色彩，这样让更多的人通过屏幕了解到世界上各种美好的事物~但是！尽管屏幕上的色彩更加细腻多样了，但终究还是无法与人眼相媲美。例如眼睛看到的与拍下来的景色之间相差了一层梦幻的“滤镜”，而这层“滤镜

分类标签调色软件摄影后期LUTs

11-30 02:23

荣耀Magic4系列发布，适合商务人士使用的手机

荣耀Magic4系列发布，适合商务人士使用的手机荣耀Magic4系列是一款很适合商务人士使用的手机，其外观配色设计和系统功能支持和配色也都非常亮眼。本文详细介绍了荣耀Magic4系列的设计、配色、屏幕、系统等方面的特点和优势。荣耀Magic4系列包含了多种配色，包括瓷青、流金、亮黑、釉白四种颜色，P

分类标签荣耀Magic4系列手机商务人士

11-30 02:22

DaVinci Resolve - 专业影视后期处理软件

DaVinci Resolve - 专业影视后期处理软件DaVinci Resolve是一款专业的调色软件，将专业8K编辑,色彩校正,视觉效果和音频后期制作等功能集于一体的影视后期处理软件。广泛应用在影视后期,栏目包装,宣传片、广告片等领域。该软件的调色页面设有全新HDR面板，可让您创建自定义色调范

分类标签 DaVinciResolve影视后期处理调色软件

11-30 02:21

电影感的塑造——从后期调色说起

电影感的塑造——从后期调色说起电影感的塑造，离不开构图、景深、分辨率、镜头运动，今天就单从后期调色来说，怎么使自己拍的片子，瞬间赋予“电影感”。导入素材，回批，调色，输出，就是几个简单的操作步骤，但是背后暗藏玄机。调色的意义，不外乎两种，一是提升画面品质，二是增加氛围感受。以《爱乐之城》为例，其实体

分类标签电影感后期调色构图

11-30 02:20

荣耀Magic3系列手机影像系统

荣耀Magic3系列发布以来，荣耀水桶机这个称呼已经是荣耀Magic3系列手机的大众评价了，因为其均衡的配置受到了众多消费者的好评。不少消费者入手了这一款手机除了体验高端的旗舰配置，还有其强大的影像系统。在2021年的9月份荣耀召开了发布会，宣布在荣耀Magic3系列加入了计算摄影技术，也就是多主摄

分类标签荣耀Magic3系列影像系统多主摄融合计算摄影

11-30 02:19

视频翻译：使用MyHeyGen免费翻译任意时长视频

视频翻译：使用MyHeyGen免费翻译任意时长视频近期，一款名为“视频翻译”的工具引起了广泛关注。这不是一个简单的网页应用，而是一个可以免费部署在个人电脑或服务器上的实用程序。它的强大之处在于能够翻译任意时长的视频内容。所谓的视频翻译，实际上是指同声传译。虽然这类工具并非近期才问世，市场上已有多款成

分类标签视频翻译MyHeyGen免费

11-28 08:59

如何查找和选择齿轮图标-完全指南

如何查找和选择齿轮图标-完全指南如果您需要一个齿轮图标，但不知道从哪里开始，本文将为您提供完整的解决方案。步骤1：输入所需要的内容首先，您需要输入所需要的内容，例如“查找齿轮”。步骤2：选择备选然后，在给出的备选中，选择您所需要的齿轮图标。步骤3：下载图标接下来，在图标上点击下载按钮，并可以调整图标

分类标签齿轮图标选择

11-10 02:29

Web前端系列课程：CSS319字体图标

Web前端系列课程：CSS319字体图标本文介绍了CSS319字体图标的优点和使用方法，以及推荐了几个常用的字体图标生成网站。 CSS319字体图标的优点 CSS319字体图标可以做出跟图片一样可以做的事情，比如改变透明度、旋转度等，但本质其实是文字，可以很随意的改变色、产生阴影、透明效果等等。它

分类标签 Web前端CSS319字体图标

11-10 02:28

ChatGPT Midjourney 文心一言文心一格 bing新必应 Stable diffusion 稿定设计墨刀AI mastergo Adobe Firefly runway