本节主要是介绍和形状相关的操作。

一、外观面板的使用

熟悉外观面板的使用很重要。

1、新增描边

外观面板可以让我们增加多个描边。

点击“新增描边”,系统自动添加一个描边。

选中文字,新增描边,可以修改描边的颜色和粗细。

2、改变描边的层

放大文字,可以像改变层一样,拖动描边到填色的下面,这个月描边就不会覆盖填充的颜色了。

3、多层描边

下图添加了四个描边,要注意描边的粗细和层次,第一个新建的在最下面。

4、为形状增加效果

点击效果——》变形——》弧形。

打开“变形选项”中的预览会发现只是针对最外面的描边做了一个扭曲效果。

我们希望的是针对整个文字做变形,所以需要选择文字,在进行效果扭曲。

5、更改变形的形状

双击外观面板中该效果的名称,在样式下拉菜单中选择“鱼形”。

6、只针对最外层做一个效果

可以调节粗糙效果的大小和一些细节,点也有两种选择一种是尖锐,一种的平滑。

7、根据一个星星做一个背景效果

现在图形中有一个星星,这个星星就是根据一个填充和多个描边做出来的,现在根据它做一个透明背景效果。

选中星星,在菜单中选择“效果” ——》“扭曲和变换”——》变换。

在变换效果中勾选预览,副本中填3拷贝3个副本出来,然后在调节水平滑块。

滑块已经调到最右边了,发现还是达不到想要的效果,此时可以选择后面的值,按shift键和向上的箭头来调整达到期望效果。

现在做一个垂直的复制,再次选择物体,同样在菜单中选择“效果” ——》“扭曲和变换”——》变换。

会弹出一个框,意思说这个特效还会被作用于之前复制出来的三个五角形。

同样拷贝3个副本,预览一下,并按住shift键和上下箭头调节间隔。

现在选中星星,在透明度面板中,将混合模式选择为正片叠加,不透明度设置为50%,达到一个期望的效果。

二、Blob笔刷工具

Blog笔刷中文是“斑点笔画工具”。

按键盘上的左中括号可以缩小笔刷,右中括号可以放大笔刷。

1、新建路径

Blog笔刷在两种情况下会新建路径。

  • 两个路径互不重叠
  • 两个路径的颜色不同

介于上面两种情况,在使用橡皮擦擦除图形时可能会产生新的路径。

2、橡皮擦擦除

使用橡皮擦工具擦除Blog笔刷画的路径时注意:

  • 没有选择哪个形状时, 可以一次性擦除多个形状
  • 选中某个图形擦除时,不会擦掉别的图形,这点很有用

blob笔刷工具很常用,有兴趣可看一下AI(Adobe Illustrator)简单入门——小熊就是用的blog工具。

三、 钢笔工具和铅笔工具

1、准备工作

新建一个图层,将小熊前面的眼睛关闭,并将图层锁定,接下来的操作就不会影响到小熊了。

2、 钢笔工具画直线

钢笔工具下面还有“添加锚点工具”,“删除锚点工具”和“转换锚点工具”。

钢笔工具可以画直线,当点到开始的点时,鼠标出现一个句号,表示要闭合。

3、钢笔工具画曲线

选中钢笔工具,在某点单击,不要释放鼠标,按住鼠标左键继续拖动会出现两个贝塞尔锚点。

松开鼠标,在另外一个位置单击,继续拖动鼠标,此时绘制出来的就是曲线。

4、增加锚点和删除锚点

增加锚点——使用钢笔工具时,鼠标移动在一个锚点上,鼠标就会变成删除锚点工具

删除锚点——使用钢笔工具时,鼠标移动在一个线段上,鼠标就会变成增加锚点工具

5、转换锚点工具

选择“转换锚点工具”。或者选择钢笔工具,并按住alt键,鼠标就变成了转换锚点工具的样式。

单击锚点拖动时还是曲线锚点。

拖动锚点向上提的时候,锚点就变成了尖角的形状。

6、案例——云朵

第一步,使用矩形工具画一个矩形,填充蓝色,并使用钢笔工具画曲线的办法画一个云朵,填充白色。

第二步,使用直接选择工具,调节锚点和锚点的贝塞尔曲线。

这里有一个问题:我使用直接选择工具时刚开始只能移动而不能改变貌似,需要在空白处点几下然后再点边缘才能改变锚点。

也可以切换到钢笔工具,按住键盘上的alt键,此时鼠标变成了“转换锚点工具”,将锚点变成尖角。按键盘上的a切换到直接选择工具继续调解。

第三步,画一个矩形,并填充绿色

第四步,选择铅笔工具

注意一点:铅笔工具勾勒出一条线,当起始于一个锚点,沿它很近的地方再勾勒出一条线时,会修改路径。

选择铅笔工具,画出一个山的形状。并为它填充绿色。

 

第五步,将两个绿色合并

将山向下移动,然后选择直接选择工具对锚点进行微调,使得两个绿色重叠。

然后使用形状生成器将其合并。

第六步,将小熊解锁并显示出来,然后将其拖动到图层2的上方。

可以将绿色调成一个深蓝,将心填充为黄色,作品完成。

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

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

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

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

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

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

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

    本文主要是介绍形状的创建与编辑. 一.系列形状工具 1.矩形工具 矩形的作用很大,比如输入框,按钮,图片的大小,比如相片应用中每一个照片占的比例是多大. 初步的UI图的话,会画矩形和圆角矩形就够了. ...

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

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

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

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

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

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

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

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

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

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

  9. C#播放声音的四种方法 +AxWindowsMediaPlayer的详细用法

    C#播放声音的四种方法 第一种是利用DirectX 1.安装了DirectX SDK(有9个DLL文件).这里我们只用到MicroSoft.DirectX.dll和 Microsoft.Directx ...

随机推荐

  1. 分享25个新鲜出炉的 Photoshop 高级教程

    网络上众多优秀的 Photoshop 实例教程是提高 Photoshop 技能的最佳学习途径.今天,我向大家分享25个新鲜出炉的 Photoshop 高级教程,提高你的设计技巧,制作时尚的图片效果.这 ...

  2. Hexo - 快速,轻量,强大的 Node.js 博客框架

    Hexo 是一个快速,轻量,强大的 Node.js 博客框架.带给你难以置信的编译速度,瞬间生成静态文件:支持 Markdown,甚至可以在 Hexo 中集合 Octopress 插件:只需要一个命令 ...

  3. LAMP一键安装脚本 from:秋水逸冰

    Install LAMP(Linux + Apache + MySQL + PHP ) for CentOS/Redhat/Fedora 项目地址:https://github.com/teddysu ...

  4. JavaScript学习笔记2之Tab切换

    1.Tab切换简写版1 页面布局如下: <div id="tab"> <h1 id="title"> <span class=&q ...

  5. KnockoutJS---一个极其优秀的MVVM模型的js框架

    相信对于DotNet平台的开发人员来讲,MVVM模式已经不再是个陌生的词汇了吧.而我们今天介绍的Knockout JS, 则是一个MVVM模式的JS框架,官方网址:http://knockoutjs. ...

  6. 微信 小程序 drawImage wx.canvasToTempFilePath wx.saveFile 获取设备宽高 尺寸问题

    以下问题测试环境为微信开发者0.10.102800,手机端iphone6,如有不对敬谢指出. 根据我的测试,context.drawImage,在开发者工具中并不能画出来,只有预览到手机中显示. wx ...

  7. HttpClient示例

    <%@page import="com.sun.xml.ws.client.BindingProviderProperties"%> <%@page conten ...

  8. Sharepoint学习笔记—习题系列--70-576习题解析 -(Q1-Q3)

    这里我把从网上搜集到的针对Sharepoint 70-576的有关练习进行系统的解析,整理成一个系列, 分期.分批次共享出来,供大家研究. 70-573考试注重的是"知道"相关知识 ...

  9. 自定义Dialog宽度占满屏幕

    一.自定义Dialog继承Dialog public class MyDialog extends Dialog { 二.为Dialog设置样式 在style中建立新样式继承 @android:sty ...

  10. UITableView传值(自己使用)(属性,代理传值)

    今天有些匆忙. 效果图如下: 代码如下: #import <UIKit/UIKit.h> #import "FirstViewController.h" @interf ...