Adobe illustrator学习笔记

本文是关于AdobeIllustrator的学习笔记,重点介绍了SVG图片制作、颜色模式、基本图形工具如矩形、椭圆、多边形和星形,以及图层管理、文字处理、渐变应用和路径查找器等功能。内容适合初学者掌握Illustrator的基础操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Adobe illustrator学习笔记

生命有限,设计无限

学习Adobe illustrator主要是用来制作SVG图片去制作字体图标,因此笔记内容大多会围绕SVG展开。

2023-3-5

1、Adobe illustrator简介

主要用于制作矢量图和插图

2、颜色模式介绍

显示颜色:RGB(红绿蓝)

印刷颜色:CMYK(青、品红、黄、黑)

出血:主要是为印刷裁切留的误差

在这里插入图片描述

3、导出

文件->导出->导出为

使用画布则尺寸以画布为准,否则以图形为准

在这里插入图片描述

4、基本工具

抓手:快捷键H(hand)或者空格

放大镜:快捷键Z(zoom),默认左键点击为放大,alt+左键为缩小

  • ctrl++:放大
  • ctrl±:缩小
  • ctrl+0:自适应大小
  • ctrl+1:100%

标尺:快捷键ctrl+R(rule)

选择工具:快捷键V,可以对图形进行缩放旋转,缩放时+shift等比缩放

直接选择工具:快捷键A,可以对图形一个点或多个点进行编辑,不可对图形缩放旋转

撤销:ctrl+z

撤销撤销:shift+ctrl+z

5、图形工具

矩形工具:可以通过属性栏调整属性,shift为正方形

圆角矩形工具:可以通过属性栏调整属性

椭圆工具:可以通过属性栏调整属性,shift为圆形

多边形工具:可以通过属性栏调整属性,鼠标左键点击同时按↑↓可以调节点数

星形工具:可以通过属性栏调整属性,鼠标左键点击同时按↑↓可以调节点数

填充:对图形进行颜色填充

描边:快捷键ctrl+F10,对图形边框进行颜色填充,痛失也可以选择端点方式,虚线等

在这里插入图片描述

  • 轮廓化描边:有时候需要描边跟随图形变换大小,此时可以将图形轮廓化描边(对象->路径->轮廓化描边)处理

在这里插入图片描述

tip1:调出色板面板

在这里插入图片描述

tip2:圆角矩形有时候在工具栏没有,需要在窗口->工具栏->高级

在这里插入图片描述

6、图层

锁定图层:ctrl+2

解锁图层:ctrl+alt+2

复制:ctrl+c

原位上层复制:ctrl+f

原位下层复制:ctrl+b

AI无需手动建立新的图层,会自动建立新的图层,手动建立的新的图层可以用作不同插图的分组

双击图形进入隔离图层,编辑后esc或再次双击退出

7、进阶工具

魔棒:快捷键Y,选中图层中某一种颜色的所有图形

套索:快捷点Q,选中圈内的所有路径点

钢笔:快捷键P(pen),点击拖动鼠标可以添加操作臂,按住ctrl变为直接选择工具,按住alt可以操作单个操作臂

在这里插入图片描述

文字:快捷键T(text),点击一下为标题文字,选择后拖动可以放大缩小字体;点击拖动为段落,选择后拖动只能改变每行文字多少

  • 选中文字后ctrl+shift+o可以把文字变成图形以保证展示效果

在这里插入图片描述

  • 图形文字:在图形内部使用文字工具,可以使文字按照图形进行排版

在这里插入图片描述

  • 路径文字:在路径上使用文字,文字可以按照路径进行排版(同时路径文字的开始结束位置,围绕内部/外部也可以进行调节)

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  • 文字竖排、文字装饰

在这里插入图片描述

  • 文字颜色渐变:ctrl+shift+o可以把文字变成图形,赋予渐变色即可

在这里插入图片描述

直线:按住shift可以水平或垂直

弧线:有弧度的线条

螺旋线:螺旋线

网格:直接绘制网格

画笔工具:快捷键B,绘制出的是路径

斑点画笔:快捷键shift+B,绘制出的是图形

铅笔工具:进行线条的绘制

橡皮工具:对线条进行擦除

美工刀工具:裁开图形

剪刀工具:用于剪短路径

旋转:快捷键R(rotate),使用alt可以选择中心点,选择角度后复制,ctrl+d可以重复操作

镜像:快捷键O,使用alt可以选择中心点,选择角度后复制,ctrl+d可以重复操作

比例缩放:快捷键S

倾斜:

整形:

宽度:快捷键shift+W

变形:

旋转扭曲:

缩拢:

膨胀:

扇贝:

晶格化:

皱褶:

自由变形:快捷键E

路径查找器:快捷键shift+ctrl+F9(窗口->路径查找器),进行图形的布尔运算,联集(合并图形)、减去顶层、交集、差集、分割、修边、合并、裁剪、轮廓,减去后方

在这里插入图片描述

形状生成器:快捷键shift+M,在形状不规则的图形中选择生成想要的图形

实时上色工具:快捷键K,在复杂图形中根据自定义形状进行颜色填充

在这里插入图片描述

透视网格工具:

渐变工具:制作渐变色

在这里插入图片描述

网格工具:快捷键U

在这里插入图片描述

吸管工具:快捷键I,可以吸取图形间的填充色和描边色

混合工具:快捷键W,用于制作两个图形变换过程的工具(可以用于制作立体字体)

在这里插入图片描述

符号喷枪:生成预设的符号

表格工具:

对齐:快捷键shift+F7,左对齐、右对齐、上对齐、下对齐、水平居中对齐、垂直居中对齐

辅助线:快捷键ctrl+R唤起标尺,可以从标尺中拉出辅助线,可以与图形一起进行对齐

变换菜单:快捷键shift+F8,可以更改图形位置,长宽、圆角、旋转角度等

在这里插入图片描述

图片:引入方式包括置入和嵌入,可以通过窗口->链接,选中图片更改图片引入方式

  • 置入:ai文件仅保存图片链接
  • 嵌入:ai文件将图片保存其中

在这里插入图片描述

蒙版:快捷键ctrl+7,使用上一层的图形剪切下一层的图形,建立剪切蒙版后如果想移动蒙版下方图片,可以尝试双击蒙版

在这里插入图片描述

透明度蒙版:快捷键shift+ctrl+F10

在这里插入图片描述

图像描摹:把图片中的图案生成为路径

高斯模糊:效果->模糊->高斯模糊

在这里插入图片描述

皱褶+变形+网格+模糊:在这里插入图片描述

<think>嗯,用户想用Adobe Illustrator来创建和设计图标,需要教程。首先,我得回忆一下Adobe Illustrator的基本操作,特别是和图标设计相关的功能。根据提供的引用,用户可能已经看过一些学习笔记和设置文档的内容,比如引用[1]提到矢量图形设计适合平面设计和内容运营,引用[2]讲到了新建文档的设置,引用[4]提到了主屏幕的选项,包括新建、打开文档等。 首先,用户需要从创建新文档开始。引用[2]提到设置新文档,可能包括画板大小、颜色模式等。图标设计通常需要较小的画板,比如64x64或128x128像素,但具体尺寸可能取决于用途。然后,颜色模式应该用RGB,因为图标多用于屏幕显示。 接下来是形状工具的使用。图标设计常用基本形状,比如矩形、圆形,或者钢笔工具绘制自定义路径。可能需要介绍如何组合形状,使用路径查找器来合并或减去形状,这能帮助用户创建复杂的图标。 然后是颜色和渐变。引用[3]提到了UI设计中协作的重要性,颜色的一致性和渐变效果可能对图标外观有影响。需要说明如何应用填充、描边,以及使用渐变工具调整颜色过渡。 图层管理也很重要,尤其是设计复杂图标时。要分层次组织元素,方便后续修改。可能得提到图层面板的使用,锁定或隐藏某些图层。 导出部分,用户可能需要不同格式的图标,比如PNG、SVG或XAML。引用[3]提到XAML Export插件,如果用户需要将图标用于Windows应用,导出XAML格式会很方便。这里需要说明如何安装和使用该插件,以及常规导出步骤。 此外,可能需要注意一些细节,比如图标设计的简洁性、可缩放性(矢量优势),以及如何测试图标在不同背景下的可见性。可能还要提到使用对齐工具确保元素的对齐准确,保持图标的平衡。 用户的问题是关于创建和设计图标的教程,所以步骤需要清晰,从新建文档到导出,每一步的关键点都要覆盖。同时,要引用相关的引用内容,比如在设置文档时引用[2],在导出XAML时引用[3]。另外,可能用户是新手,所以操作要详细,避免专业术语过多,或者解释清楚术语。 最后,生成的相关问题需要与图标设计相关,比如颜色选择技巧、矢量图标的优化、导出设置、插件使用等。确保问题覆盖用户可能进一步想了解的内容。</think>### Adobe Illustrator图标设计教程 #### 一、新建文档设置 1. 打开Adobe Illustrator后,点击$主页$选项卡的$新建$按钮[^4] 2. 设置参数: - **画板尺寸**:建议$64×64px$至$512×512px$(根据平台需求) - **颜色模式**:选择$RGB$(屏幕显示) - **栅格效果**:设置为$高(300ppi)$ - **模板**:可选择$基本图形$模板[^2] #### 二、基础形状绘制 ```python # 快捷键对应表 工具组 = { "矩形工具": "M", "椭圆工具": "L", "钢笔工具": "P", "路径查找器": "Shift+Ctrl+F9" } ``` 1. 使用$矩形工具$绘制基础轮廓 2. 按$Shift$绘制正圆/正方形 3. 通过$路径查找器$面板合并/分割形状[^1] #### 三、颜色与渐变应用 $$ 渐变公式 = \begin{cases} 线性渐变 & \text{适合扁平化图标} \\ 径向渐变 & \text{适合立体效果} \end{cases} $$ 1. 双击$色板$面板创建新颜色 2. 使用$渐变工具(G)$调整过渡方向 3. 建议使用$HSB$模式保持色调统一[^3] #### 四、高级技巧 1. **锚点优化**: - 按$Ctrl$切换直接选择工具 - 拖动$贝塞尔手柄$调整曲线 2. **对称绘制**: - 右键点击画板选择$对称>垂直对称$ 3. **细节增强**: - 使用$效果>风格化>内发光$增加层次感 #### 五、导出设置 1. 完成设计后: - 选择$文件>导出为$ - 选择$SVG$格式保留矢量特性 2. 如需生成XAML代码: - 安装$XAML Export$插件 - 选择$文件>导出>导出为XAML$ : 矢量图形编辑需注意锚点数量控制,过多会影响渲染性能 : 新建文档时建议开启$网格对齐$功能(视图>显示网格) : XAML导出支持保留图层结构,方便开发人员调用
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

眼眸流转

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值