血泪收藏

#血泪收藏 | 来源: 网络整理| 查看: 265

ILLUSTRATOR LEARNNING MATERIALS

写在前面

关于ILLUSTRATOR

1987年，adobe illustrator公开版的第一版面世。是又adobe的创始人John E. Warnock开发的。创始之初是为了弥补当时apple2上丑陋的位图像素，希望分辨率得到保障，希望给设计师设计字体的。ai区别于ps的是，他是矢量绘图软件，ps是位图像素绘图软件。

学习ILLUSTRATOR的必要性

大部分人可能只会使用photoshop，或者说更熟悉photoshop，对ai知之甚少，那ai在建筑学科中的必要性到底有多大呢？

大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大

非常大

为什么？

建筑学科

建筑学中恰好有一个叫做presentation的部分，而需要支持presentation的就是图纸，不论是动态的还是静态的。ai对于线的处理可谓登峰造极没有敌手，我们不论cad，diagram输出的都是以线为基础的基本图形。

平面学科

平面类最终输出需要面对大量不同尺寸的图纸，小到便签，名片，大到巨幅海报，宣传广告等等，矢量图纸的优势就出来了。其次我们做VI，做logo，做图形类，插画类的作品，怎么说呢，ai就是为了这些东西而生的，不需要解释。

动态

mg动画需要用到大量ai做基本图形绘制，包括建筑的多媒体文件也需要。

这个类别我一直在研究，下次放ae教程的时候我会放一些例子和效果给你们看看。我希望diagram是动态的，可以更好的解释设计。

能否用ps代替ai？

使用ps去处理当然可以，但是就失去了一条线本应该有的控制属性，线形（curve type），方向（direction），线宽，比例（line weight），线上的点（points on curve），你得到的是一条没有内涵的线，一条像素线。对着一条像素线其实在面对很多图纸压力的时候我是很想说gg放弃的。

我可以说大部分图纸都是要经过ai的绘制的，所以好好学习ai吧，别委屈了photoshop。

ILLUSTRATOR的核心

线

ai的核心就是画线。

我大概解释一下原理，以后出教学再细讲操作。

与我们所认知的三维软件一样，ai中的曲线绘制是有技巧和关乎个人设计修养的。同样的是，都要用最少的控制点（锚点）去绘制结构最简的曲线。

illustrator使用的是贝塞尔曲线，用控制点来描述和控制曲线，而在 Illustrator 中的控制器就是锚点和手柄。

一段曲线是由首尾两个锚点控制线条的始末位置（途中a，b），而首尾的手柄控制线条的形态。

手柄会有两段控制点，是曲线切线方向，当你确定b点后，b点的下一个点将会受到b点手柄e的控制，这是一个局限，这就需要你有大量画线经验来布点，以确保曲线曲率的连贯。

而实际上我们是很难做到曲率的真实连贯的，ai不同于rhino他有自己的算法，rhino的线导入ai以后是会通过ai重新用自己的算法生成的，所以有有时候我们看到导入的的线是分段的。所以这种分段就导致原本在rhino中曲率很完美的线进了ai就不完美了。

但是！我们只要保证视觉上曲率连贯就好了，分析图不需要对接精准的制造。

那ai中怎么样画曲率视觉连贯的线呢？不是往画好的线里面加点调整，而是首先要把要画的线拆分，尽可能用2个锚点的曲线去拼接而成。（有个2点曲线的原则，大概是锚点大概在线长度的1/3的时候，曲线的曲率顺滑程度是可以得到保证的）。大概了解一下，以后正式了再讲。挖坑了。

ILLUSTRATOR，DIAGRAM

我们看看纯ai可以?什么样的图，这样你们可以更加确定是否要学习ai

线稿+填色

这种轴测拆分图的绘制，使用rhino+ai是绝配，每一个部分都是独立的（有隐藏背线，有图层）

深圳湾超级城市国际竞赛（第二名，第一名空缺） /

2014 /

design by xiaocheng，huangmengchun，maoweiwei，huanglu /

diagram by maoweiwei /

线稿+填色

德国柏林20世纪美术馆新馆竞赛（全球前十，10家内唯一入围亚洲事务所） /

2015 /

design by xiaocheng，yinshibo，maoweiwei，heqifan /

diagram by maoweiwei /

线稿+填色+材质+阴影

这也是柏林美术馆竞赛的图，这种材质+阴影的方式也是可以在ai里轻松实现的。

diagram by maoweiwei /

线稿+渐变填色

柏林美术馆的其中一个被淘汰的方案，渐变填色的方式。

design by maoweiwei /

diagram by maoweiwei /

线稿+填色

design by huangmengchun group rice university /

diagram by huangmengchun group/

我推荐一个大神的图吧，我觉得对于清晰逻辑表达和图面美观线型平衡来说他都做的非常好。别的大神下次再推荐咯。

james leng

结构清晰明了，关系清楚是一张分析图的关键，而色调排列都是辅助打到让人看起来更舒服的目的

明暗部分的过度，表达的都很清晰，不要以为这就是一个ao图的信息而已。

轴测结构图，就是要人看清设计的每一个部分和与之相关前后的关系，层次

平面图纸两种色调就是为了区分本体平面图和附加注释场景，但色调的搭配却可以让这两者可以看作一体，又可拆分来看。

教学分享

ADOBE ILLUSTRATOR

Illustrator CC 2017 One-on-One: Fundamentals

（cc 2017 version）

（Lynda – Illustrator CC 2017 One-on-One系列（这系列涵盖了几乎illustrator所有的功能，技巧）

officialLink（cc 2017 version） /

https://www.lynda.com/Illustrator-tutorials/Illustrator-CC-2017-One-One-Fundamentals/497773-2.html?srchtrk=index%3a1%0alinktypeid%3a2%0aq%3aIllustrator+CC+2017+One-on-One+%0apage%3a1%0as%3arelevance%0asa%3atrue%0aproducttypeid%3a2

Illustrator CC 2013 One-on-One: Intermediate

（中级）

officialLink /

https://www.lynda.com/Illustrator-tutorials/Illustrator-CC-One-One-Intermediate/124101-2.html?srchtrk=index%3a15%0alinktypeid%3a2%0aq%3aIllustrator+CC+2015+One-on-One%0apage%3a1%0as%3arelevance%0asa%3atrue%0aproducttypeid%3a2

Illustrator CC 2017 One-on-One: Advanced（高级）

officialLink /

https://www.lynda.com/course-tutorials/Illustrator-CC-2017-One-One-Advanced/497772-2.html?srchtrk=index%3a2%0alinktypeid%3a2%0aq%3aIllustrator+CC+2017+One-on-One+%0apage%3a1%0as%3arelevance%0asa%3atrue%0aproducttypeid%3a2

Illustrator CC 2013 One-on-One: Mastery

（大师）

officialLink /

https://www.lynda.com/Illustrator-tutorials/Illustrator-CC-One-One-Mastery/124402-2.html?srchtrk=index%3a12%0alinktypeid%3a2%0aq%3aIllustrator+CC+2015+One-on-One%0apage%3a1%0as%3arelevance%0asa%3atrue%0aproducttypeid%3a2

Astute Graphics - Plug-ins for Adobe Illustrator /

（这是个ai插件库，有各种各样的工具，辅助划线，动态线宽，材质填充等很好用的附加功能，非常非常强大，你们自行寻找下载地址，然后看他的教学就好。绝佳助力。）