本文主要是介绍形状的创建与编辑。

一、系列形状工具

1、矩形工具

矩形的作用很大,比如输入框,按钮,图片的大小,比如相片应用中每一个照片占的比例是多大。

初步的UI图的话,会画矩形和圆角矩形就够了。

直接拖拽可话矩形。

按住shift画正的图形(即正方形)。

按住alt以鼠标位置为中心点绘制图形。

按住alt+shift以鼠标所在位置为中心点画一个正方形。

2、其他工具

椭圆同正方形。

多边形:

默认画出的是五边形。

按住键盘上下箭头可增减边数。

按住shift可以改变多边形中间圆的大小。

二、路径查找器

1、隐藏透明背景

隐藏透明背景,由一张透明度图形得到一个白底图形。

菜单栏中选择“视图”——》“隐藏透明度网格”。

2、打开路径查找器

窗口——》路径查找器。

第一个:联集,即合并

第二个:减去顶层,即相减

第三个:交集,即相交

第四个:差集

3、通过路径查找器得到一个齿轮。

目的:由左图得到右图

齿轮用钢笔工具画比较难,但是通过路径查找器就可以很方便的实现了。

先选中黄色,按住shift选中蓝色,在路径选择器中选择交集,得到下右图。

选中红色和蓝色进行合并,得到下右图形状。

将绿色从红色中减去。选择绿色,按住shift选中红色,按相减。得到右下图。

 

此时大功告成。

4、即得到齿轮又保留路径

3中最终得到的是一个单一路径。如果需要即保留齿轮的形状又保留路径,步骤如下。

选择“文件”——》“恢复”恢复到初始状态。

重新做一便,点击路径查找器的任何一个按钮时,按住alt键,保留原有路径,方便后期修改。

如下图:黄蓝按住alt取交集, 蓝红按住alt取并集,绿红取差集。最终结果一样,但保留了路径。

这样做的好处是后期修改时,通过直接选择工具,可以选择路径上的点,或者选中单根路径,按住shift和alt沿中心位置对物体进行缩放。

所以推荐使用路径查找器时,按住alt键,保留原有路径,方便后期修改。

三、组的使用

1、 使用对象,编组进行选择

多选一种是用选择工具框选,一种是如果都在一个层下面就点层后面的圆圈。

但还有一种更简单的方法就是组了。

选择所有物体,在菜单中选择“对象”——》“编组”。【或者用快捷键ctrl+G】

此时使用选择工具,对组中任意点选择就可以选择整个组。

2、将多个图层收集到一个图层。

将下图中人物脸上的所有图层和帽子合并为一个图层。选中图层右边对应的圆圈。然后选择“收集到新图层中”。

四、变换工具

选择工具可以实现快速移动,旋转和缩放。

除了选择工具,还有专门的旋转,缩放和变换工具。

1、旋转工具

旋转工具可以改变物体围绕哪个点进行旋转。

选择“旋转工具”,鼠标变成十字形,当鼠标在任意位置单击时,锚点就转移到了鼠标单击的位置,此时再次使用旋转工具进行旋转,以刚才的点为中心点进行旋转。

2、缩放工具

同理,缩放工具可以改变物体沿着哪个点进行缩放。

安装shift键可以进行等比例缩放。

3、 自由变换工具

这个工具很有用,可以做一些非常有意思的效果。

复制一组图形出来。然后选择“自由变换工具”,鼠标点击右下角不要放,同时同时按住ctrl,拖动可产生如下透视效果。

如下图:按住ctrl+shift拖动时的效果,ctrl+alt效果,ctrl+alt+shift效果可产生投影效果。

五、独立显示组

1、独立显示组

独立显示组模式可以帮助我们快速选择到希望选择的物体。

下图中head层中包含一个编组,编组下面又包含很多路径和其他编组,要直接点击选中美女的嘴唇是做不到的,那怎么办呢?。

方法一:找到嘴唇的路径,在路径右边点小圆圈选中。

方法二:将组独立显示

独立显示有两种方法,方法一是右击鼠标选择"隔离选定的组"。方法二是在组上双击。在独立显示组模式中要选择其他物体是选不中的,如下图。

由上图可见,第一个是Head代表head这个层,第二个是编组,代表独立显示的组。

即使这样还是选不中嘴唇,因为嘴唇在group里面的另外一个group里面,如下图。

此时可以再次双击组,显示在右边的路径就是嘴唇的路径了。

2、退出独立显示组模式

方法一:通过左上角的面包屑导航可一级一级退出。

方法二:按Esc键一次性退出。

六、文字工具的使用

1、加号

使用文本工具画个框出来,多粘贴几行文字发现出现一个红色的十字,代表有些文字没有显示出来。想要显示可拖大文本框。

2、字符设置

可以通过点这个“字符”打开字符面板,也可以在窗口——》文字——》字符中打开。

字的大小

行间距

字符拉伸程度【不推荐使用,不美观,可调字体来达到目的】

水平拉伸【不推荐使用,不美观,可调字体来达到目的】

单个字符间距

所有字间距

将某些字符抬高

调节旋转角度

将字符全部大写

大小写切换

上下角标

增加下划线和删除线样式

3、段落设置

可以设置 对齐模式。

首行缩进

段前段后

4、复用文字样式

遇到可复用的样式,可以保存重用。可提高工作效率。

假设我花了很多时间做了一个文字样式出来,如下图,这个样式要多次被使用,该怎么做?

步骤:

选中文字,在窗口——》文字——》字符样式。

就会弹出一个框,点新建,并取名。

创建完成后点击"正常字符样式",选中字符工具,新建几个文字,直接应用刚才的样式名称就可以有同样的效果了。

本文作者starof,因知识本身在变化,作者也在不断学习成长,文章内容也不定时更新,为避免误导读者,方便追根溯源,请诸位转载注明出处:http://www.cnblogs.com/starof/p/4779221.html有问题欢迎与我讨论,共同进步。

AI (Adobe Illustrator)详细用法(二)的更多相关文章

  1. AI (Adobe Illustrator)详细用法(四)

    本节主要是介绍和形状相关的操作. 一.外观面板的使用 熟悉外观面板的使用很重要. 1.新增描边 外观面板可以让我们增加多个描边. 点击“新增描边”,系统自动添加一个描边. 选中文字,新增描边,可以修改 ...

  2. AI (Adobe Illustrator)详细用法(三)

    本文主要是介绍和色彩相关的用法. 一.路径外观设置 1.设置描边粗细 手动输入20px 下拉选择 鼠标选中数值,按向上或向下的箭头调整 在右边的描边菜单中修改 Note:按住shift键,然后上下箭头 ...

  3. AI (Adobe Illustrator)详细用法(五)

    最后的调整和输出. 一.改变形状工具/宽度工具/包裹工具 1.改变形状工具[整形工具] 改变形状工具可以让我们更细致的控制形状的改变. 用钢笔工具画一条曲线,并设置宽度样式等. 如果想让这条曲线形状变 ...

  4. AI (Adobe Illustrator)详细用法(一)

    一.新建文档 1.设置面板的各项参数 双击面板工具,会弹出“画板选项”窗口.画板就是最终会被输出的地方. 2.文档设置 文档设置好了以后,可以修改,在文件——>文档设置中打开修改. 二.界面设置 ...

  5. AI(Adobe Illustrator)简单入门——小熊

    成果: AI里ctrl+z撤销,恢复是ctrl+shift+z. 主要是使用Blob笔刷和橡皮擦工具来做. 一.选择Blog笔刷,选择小熊的颜色. 二.画小熊的头和身子和前脚掌 按住左中括号和右中括号 ...

  6. AI(Adobe Illustrator)简单入门——骷髅

    成果: 步骤如下: 一.椭圆工具画正圆 按住shift+alt画一个正圆. 二.圆角矩形工具画矩形 用圆角矩形工具画一个矩形,然后全选水平垂直对齐. 三.画眼睛 利用椭圆工具画一只眼睛,然后按住alt ...

  7. 我用AI(Adobe Illustrator CS6)合并路径的两个常用方法

    作为一个切图仔,经常与设计大佬的PSD打交道,PSD里面又有各种icon图标需要导出,偷懒的方法直接导出png图片,丢个背景图上页面完美解决问题!! 第二天来个需求,能不能把这个icon图标给我换个颜 ...

  8. AI(Adobe Illustrator)简单入门——米老鼠

    成果: 步骤如下: 一.新建文档 二.选椭圆工具,在画布中间点一下,画一个100px*100px的圆,如下 三.同上,再画两个50px*50px小圆.点左上角的选择工具,点小圆中心,放好位置. 四.全 ...

  9. 【矢量绘图工具】Adobe Illustrator (AI) CC 2019 for Mac 23.0

    以上图片来源于互联网分享,如涉及版权问题请联系作者删除. 文章素材来源:风云社区(www.scoee.com) 下载地址:风云社区(www.scoee.com)   [简介] Adobe illust ...

随机推荐

  1. AWS CloudFront CDN直接全站加速折腾记The request could not be satisfied. Bad request

    ERROR The request could not be satisfied. Bad request. Generated by cloudfront (CloudFront) Request ...

  2. a标签的href值

    <a href='#'>click</a>实验证明,页面上能不用这个值就最好不要用这个#,这个#会让你的页面瞬间滚动到页面的顶部,我不知道已经踩了多少次坑了,就是因为这个'#' ...

  3. 纯CSS3写的10个不同的酷炫图片遮罩层效果

    这个是纯CSS3实现的的10个不同的酷炫图片遮罩层效果,可以欣赏一下 在线预览 下载地址 实例代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1 ...

  4. Select-or-Die:灵活的 jQuery 下拉列表插件

    Select-or-Die 是一个 jQuery 插件,用来自定义下拉列表(Select)元素.原生的下拉选择元素在各个浏览器的默认样式差异很多,而且自定义样式很困难,因此 Web 开发人员喜欢使用插 ...

  5. pdo mysql错误:Cannot execute queries while other unbuffered queries are active

    运行环境:PHP 5.5.30-x64,MYSQL  5.6.27 错误代码:Cannot execute queries while other unbuffered queries are act ...

  6. jQuery的document ready与 onload事件——你真的思考过吗?

    在进行实验和资料查询时,我遇到了几个关键问题: 1. window.onload到底是什么加载完触发? 2. body为什么会有onload事件? 3. 为什么是window.onload,而不是do ...

  7. 百度的echart环形图颜色动态设置

    自己参与的有一个项目需要用到环行图,考虑到百度的echart功能很强大兼容性又挺好就使用了这个插件,但是在颜色配置的时候出现了问题按照参考文档的方法是用color:Array这样的形式,但是不知道在哪 ...

  8. Failed to connect to JobMonApp on port 13491

    今天为了解决别的问题,把/etc/hosts文件里的 127.0.0.1 localhost改成了 127.0.0.1 DSETL ,结果运行作业的时候就报这个错:Failed to connect ...

  9. Java和Android Http连接程序:使用java.net.URL 下载服务器图片到客户端

    Java和Android Http连接程序:使用java.net.URL 下载服务器图片到客户端 本博客前面博文中利用org.apache.http包中API进行Android客户端HTTP连接的例子 ...

  10. Java实现---堆排序 Heap Sort

    堆排序与快速排序,归并排序一样都是时间复杂度为O(N*logN)的几种常见排序方法.学习堆排序前,先讲解下什么是数据结构中的二叉堆. 堆的定义 n个元素的序列{k1,k2,…,kn}当且仅当满足下列关 ...