个人中心 我的学堂 我的旅行 退出账号

血泪收藏:最强AI学习指南,画分析图就这么学~

2017.03.27 | , ,
playlanddotcc playlanddotcc

作者:rivermao
原文链接

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 /

线稿+填色

170324140716787.400.250.0.webp.jpg

德国柏林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图的信息而已。

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

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

教学分享

以下推荐链接均可点击~

◤01◢

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

downloadLink (cc 2017 version) /

http://cgpersia.com/2017/03/lynda-illustrator-cc-2017-one-on-one-fundamentals-131794.html

◤02◢

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

http://cgpersia.com/2013/08/lynda-com-illustrator-cc-one-on-one-intermediate-32778.html

◤03◢

Illustrator CC 2017 One-on-OneAdvanced

(高级)

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

http://cgpersia.com/2017/03/lynda-illustrator-cc-2017-one-on-one-advanced-131991.html

◤04◢

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

http://cgpersia.com/2013/10/lynda-illustrator-cc-one-on-one-mastery-with-deke-mcclelland-34742.html

/

百度云地址你百度就能搜到了。动动手指咯

◤05◢

Astute Graphics - Plug-ins for Adobe Illustrator /

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

link /

https://www.youtube.com/user/astutegraphics/videos

◤06◢

envato tuts+

(全力推荐了!!!!!!!!!!!!!!!!!!!!!!!!!!!!

我觉得有这个和lynda基本足矣了。

非常好的学习网址,大多图文的方式,非常详细,而且案例都很新。)

link /

https://design.tutsplus.com/

◤07◢

Grocery Store Diagram Sketchup Tutorial /

(一个从手绘草图到su到ai的流程,简单简短。)

link /

part 1

https://www.youtube.com/watch?v=BaX2OkNRZZ8

part 2

https://www.youtube.com/watch?v=uJQlUlCgLKE&t=941s

◤08◢

Lee-Su Huang/

(rhino到ai的流程,挺好的,一共就1个多小时)

link /

https://www.youtube.com/playlist?list=PLo4a-gJU4LcD0o9XKuP1_p85cr50r__BT

本期结语

illustrator是一个非常简单的工具,掌握好各种画线工具,填色工具,就可以创造非常好的图解,剩下的就是设计的事儿了。


感谢 playlanddotcc 授权分享

欢迎关注他们的微信公众号

微信ID:aplayland

QQ截图20170324171157.jpg

7条评论
ddd
ddd 2018-12-31 07:20:37 回复 0

哇哇哇,强

郑z 2017-03-27 14:05:58 回复 0

虽然是生肉,但确实可以说最抢了

一十三号公路
一十三号公路 2017-03-27 13:06:27 回复 0

英文太差

兔子你别跑风还在呼啸
兔子你别跑风还在呼啸 2017-03-27 13:00:00 回复 0

信我陈白
信我陈白 2017-03-27 12:33:33 回复 0

好人一生平安

汪汪
汪汪 2017-03-27 12:23:58 回复 0

谢谢分享!

宏
2017-03-27 11:01:40 回复 0

playlanddotcc playlanddotcc

作者:rivermao
原文链接

media@archcollege.com
建筑学院来稿须知 关闭
感谢您的关注与支持!我们非常欢迎各类投稿。
几点简单的来稿须知,望您耐心读完。
来稿要求如下:

● 作品类稿件

1、高清项目实景照片/效果图/模型照片/手绘草图
2、高清技术图纸,如:分析图/主要平立剖/总平面/关键节点详图
(图片要求:无水印,格式为JPG,图片分辨率72,宽度大于1200像素)
3、详实的设计说明800字左右(word格式)
4、真实准确的基本项目信息
5、如有项目视频,请提供高清项目视频
6、贵司的LOGO、官网相关信息。(用于注明文章出处及作者)

● 其他稿件

1、配图清晰且无水印图片
2、内容有趣有料,文字流畅通顺。
3、作者姓名,若有公号请提供公号名称及LOGO
我们的编辑将在收到稿件后的3个工作日内审稿并与您取得联系,如果没有刊载也会在3个工作日内您答复。
投稿邮箱:[email protected]
如有其他疑问请加QQ:359440856 或微信: jzxy-gtn
建筑学院 建筑学院

建筑学院APP

为建筑师而打造的精品应用

点击下载
close
社交账号登录
close
close
close
欢迎加入【建筑学院】
快去完善你的个人信息吧!
完善资料
等下完善
close