怎样学习 Adobe Illustrator?


之前学习illustrator的时候,在网上找了很多教程,但大多一般,国内资源确实比较少,如果和Photoshop比起来的话。

整理了一些教程网站,希望有帮助。


关于illustrator(Ai),相信大家一定都不陌生,平时做PPT或多或少都会用到。但是illustrator的魅力仅仅与此,最重要的还是在于使用的人。


之前在当当买了Ai的书,前天又在Behance上看到了一组很棒的Ai作品,加之我对好看的东西总是把持不住,昨天就折腾了一天。知乎、微博找了好久,似乎都没有比较好的Ai教程。


整理的教程算是给自己的回答,当然如果你感兴趣,也不妨收藏下:)




很少有人会去谈论一个软件的历史。


但“读史使人明智”,它能让你更清晰的看清事物的本质。那是1983年,苹果推出了apple 2后,风靡美国,当时在apple 2上只有一款位图字体处理软件叫PrintShop,随着时间发展,人们不再满足位图像素的丑陋,希望能够在打印的同时保持高分辨率。

但鲜有人知道的是,当时施乐公司已经研发出了矢量技术,而发明者约翰·沃塔克,也就是Adobe的创始人,为了方便公司的设计师设计字体,才开发一款矢量工具,也就是illustrator。


illustrator一开始只是Adobe内部的字体开发工具,直到1987年1月才对外发布了1.1版本。


所以现在我们用illustrator也主要是两个功能:字体设计、商业插画。



比如这些作品:



平时我们看到的LOGO、字体很多也是用illustrator完成。


第一看到这些的时候,觉得好精致,原来Ai也能做出这么好看的作品。爱折腾的我,当然按捺不住了。


一、基础教程



如果你以前没有接触过illustrator的话,那么需要先学习基础操作,不能什么都不会不是?


1、我要自学网(我要自学网-视频教程)

我要自学网上有很多软件的基础教程视频,ai只是其中一部分。


2、买一本基础书籍

比如我买的这本,最近京东618也可以看看。


如果你有能力也可以去网易云课堂买收费课程,基础教程都差不多,看完才最重要。


二、实例练习



很多时候学东西我们容易走入误区,尤其是软件。虽然掌握了全部的操作,但依旧做不出好看的作品,比如校园海报。


跟着实例操作也很重要。


1、飞特网(飞特网-做最好的设计学习、设计交流平台)

飞特网上有专门的Ai案例版块,更新也比较快。


2、优设网(优设-UISDC: 优秀网页设计联盟-SDC-网页设计师交流平台)

优设网的教程版块也有很多Ai案例,也可以看看。


3、tutsplus.com

国外的网站,几乎与计算机有关的教程都有了,PS教程很不错。

练习时最重要一点:不要只局限在操作。也许教程里并没有告诉你为什么做,但你要自己去思考原因,才能举一反三。


昨天我的一些小练习:


刚开始学,做得不好,见谅^_^


不过没有什么比不断练习更重要了。


三、多看大师作品



这一点也是最重要的,审美决定了你的高度。设计应该是一种语言,就像PS、摄影、绘画之间存在某种联系一样。


之前看李涛的讲座视频时,他说:想要提高摄影水平没有捷径,只能多看大师作品,杉本博司、亚当斯...


多看作品也能让你明白,我们究竟能做到什么程度。


这是我在Pinterest采集的一些作品(关键词:Vector Art



觉得这些作品很好看,但自己又暂时做不出,才有学习的动力,就像《故事》里说,“剧情的开始只需要一个激励事件”。


同样道理,这个学习方法你也能用到PPT中,可以依次进行,也可以同时进行。强度要根据你想要的结果和时间来设置了。


我始终认为在所有的艺术门类中,存在着一种“通感”,就像一个设计师拍的照片不会差到哪儿去。


而审美在这之间起到了桥梁的作用。前段时间在看韩松的手机摄影课时,说到摄影构图的几何原理,不过只是简单点出,没有深究背后原理(其实都是数学原理)


疑惑不解,后来在翻看《摄影构图学》的时候,又打破了对构图的认知,它不应该仅仅只是某种角度、裁切技巧,而是照片整体的组成,质感、立体、光线等都是构图的一部分,我们不能禁锢在“技”中,比如:黄金、开放、螺旋构图等。


一开始觉得illustrator有趣也是因为看到了“总统先生”(站酷@WilliamDalebout)的作品,他的插画作品具有典型美式风格,就像MAD magazine,和我们的泼墨山水不同,但也很好看。


设计的差异应该来源于文化,无非对错,只是你会突然意识到“原来还能这么玩。”

比如William的这个视频,教你如何把手绘转成矢量插画。(站酷就有)



尝试了一下,但做得一般,见笑了。



练习终归无捷径,也许你得重复一个月才能有些成果,但学习就是这样,讨不得巧,就像蔡崇达在《皮囊》里写:“如果你整天伺候你这个皮囊,不会有出息的,只有会用肉体的人才能成材。”



你需要的只是一个“激励事件”。《绝命毒师》第三季前面好几集都在讲Walter家庭破裂,显得有些无味,当然老戏骨Bryan演技没得说,但原因其实是原有故事脊椎消失,Walter需要一个理由继续走下去。


这些都是一样。


希望有帮助:-)


weixin.qq.com/r/k0jt9ab (二维码自动识别)


发布于 2016-07-28

59534 条评论

分享

收藏感谢收起


龚正义


,工作QQ:635554106。

420 人赞同了该回答

lynda.com 的one by one系列,暂未发现比它更好的教学资源。

编辑于 2016-05-08

420240 条评论

分享

收藏感谢


卮言


218 人赞同了该回答

《PS/AI教程》我是如何实现让学员在两个月内高效掌握AI/PS的?



我自己做了一个关于AI的教程。作为一个学Adobe软件自学的过来人,我能够深刻体会到得到一个精简的软件教程会有多么省时间,正是因为这个原因,我想让我的学员抛弃那些繁琐枯燥的软件教程,让他们在学AI这类设计软件的时候可以真真切切的接触到设计。下面我来说一下我做这个教程的背景。



上个学期我打算在我们学院的团队里面做一次软件的培训,初衷是想让他们在短时间内掌AI\PS之类的软件,然后让他们在以后的比赛中有软件基础。因为都是学院的学弟学妹,我做了一个宣讲会,招募第一批学员,下面是我当时做的宣传海报,初衷和对象都很清楚。


宣讲很成功,有很多学弟学妹进了我的群。事实上迷茫的大学生什么事情都爱做,且我这次培训是免费的,我不希望这批学院是抱着玩一玩的心态来参与我这个培训的。所以我在宣讲的时候就和他们“约法三章”,具体的规定在入群须知里面我也写得很清楚,这儿放图。





我对这次培训做了不少策划,也用了不少心血。每一个阶段之前,我都会写一个pdf来指导大家下一个阶段该怎么做,同时总结上一个阶段的事情,且给大家布置了作业。作业没有交的,也没有必要做我的学生了。下面是我在这次培训群的群文件,目前这个培训已经做完了,用时两个月,学员掌握了PS/AI这两个软件的同时,设计也能够入门了,具体的效果我就不得而知了。





可以看到,包括软件安装和破解之类的我都有考虑。很多学生在安装这一关没有过去,直接就没有继续了,也有不少的在PS初级练习的时候就退出了。

————————————PS阶段——————————————

在PS阶段的时候,不是我的教程。我当时自学PS的时候,是学敬伟老师的,ABC三篇下来学了我整个一学期,虽然他讲得很详细,教程做得也很好,但是很多知识点到后面我基本没用到过,也不记得了。这次培训我当然不能让学员拿这个视频看,在这之前,我认识了一个很好的学习软件的网站doyoudo.com(良心推荐,不是广告,自己打开看,不多介绍)。我用里面的PS入门教程作为入门阶段给他们看,要求他们在一周之内看完,然后通过初级,中级,高级,终极的各种练习来巩固知识,总之大部分的教程都是来源于这个网站。这里放上一个pdf截图来让你们了解一下规则。



总得来说,PS阶段,我的角色就像是一个给学员策划学习路径的人,一个监督的人,让他们在学习软件的路上少走弯路。

————————————AI阶段——————————————

PS阶段在不到一个月的时间内结束了,到了开始学习AI的时候,将近有一半的人放弃没有继续参加。在开始AI阶段的时候,我就在考虑该给学生看什么基础教程好。我之前看的一个基础教程是一个非常非常死板的视频,里面的讲师说话和一个机器人一样,范例也非常恶心。在全网都没有找到什么好的教程且精简的教程之后,我决定干脆自己出一个AI教程吧,自己打造一个教育产品出来试试,尽管我知道这会是一个大工程。

于是这个教程就在这个背景下诞生了,后面我又给这个产品想了一个名字。


一开始,我头也很大,不知道怎么开始,但是我对这个教程的主旨很清楚

1.在最短的时间内让学员掌握这个软件;

2.用最能代表设计理念的案例;

3.视频要美观,风格要有趣。

具体怎么策划的过程我这儿就不细说了,我在这儿做一个xmind来说明我这个教程的目录和思想:




每期教程第一节先把基础讲了,工具快捷键什么的,然后基于学到的知识,在第二节的练习篇里面跟着实例练习一次,在第三节设计篇里面,更加注重设计思想,做一次原创设计案例,这一节包括我自己都是临时发挥进行设计的。

下面是在以上基础下的整个目录。


当时开始AI阶段的时候我教程没有做完,属于那种不断跟新的状态。每期开始之前我都会在群里面发一个pdf,然后我在优酷上传我的视频,同时在群里面也上传我的视频,他们自己选择视频来源。



一开始因为第一次做教程有很多不足的地方,如声音太小,普通话不好,背景音乐太大之类的。但是在之后,往往教程视频做的越来越定风格,在第三期的时候,教程风格基本已经成型了。我给我的教程做了片头和片尾,设计篇和练习篇为了不让学生觉得枯燥,也放上了一些纯音乐(相对音量很小)

同时在第二期开始,在视频里面添加了作业点评环节,把学生的作业抽一部分点评不足。在每节开始前,都有“本节要点”,来给观众“预览”这一节会讲什么,涉及到哪些知识点。




具体教程的细节我在后面会放上相关视频试看链接,大家可以去看看。

总之整整15节教程,都是自己录屏,自己制作,自己打字幕(部分字幕),自己剪辑,自己BGM,自己写pdf群内预告。整个过程PS,AI,AE,PR轮流着用,大大提高了我的软件技能(偷笑)。在大体风格不变的情况下,每一期我都希望风格能有不同。大家看到的,都是我辛辛苦苦做出来的结晶啊。

所以我现在很讨厌淘宝上面那些盗版视频的,殊不知别人做一个好的视频花了多少精力,你说倒卖就倒卖...

总之同样还是一个月,AI阶段就结束了。C4D是选学,资源就在那儿,学员爱学就学。

我这次的培训的成果就是,让学员在不到两个月的时间内掌握了PS/AI两个软件,且入门了平面设计。

答主在包装专业读书,官方层面上也要学习这些软件。目前我们学院还没有包装平面软件的教科书,都是用简单的pdf替代,学院里面的人要我出一本书,目前正在策划中。


———————————吐槽———————————

这个学期其实我还是在学校做第二季的培训的,因为这些pdf都在那儿,资源都在那儿。但是因为宣传力度有限,且精力有限,我还是放弃了这个计划,转而希望低价出售资源来让我这个产品变现。

现在学校软件培训泛滥,拿学生当傻瓜在弄,很多学生去学软件出来之后还是没学到什么。学费却很高,只能说这真的是一个很暴力的行业。于是发了一个说说感慨了一下。


如果读者你是大学生,这个培训模式同样可以复制到你们学院,按照我这个程序来走一变, 相信会有更多的学生受益。

——————————————

——————————————

前面说到我想让这个产品变现,所以这个学期我把我的这个教程放到了传课去卖,加上一点儿宣传,因为价格也不是很高,所以现在也有了差不多三百个学员了。如果大家觉得你需要这个教程,可以找我购买,免费的就算了吧,给个理由,我可以给你免费。


<两分钟让你明白我这个AI教程到底讲了什么>

二分钟让你明白我这个AI教程到底讲了什么~—在线播放—优酷网,视频高清在线观看 http://v.youku.com/v_show/id_XMjMzNzYzMzkwOA==.html  

欢迎大家扣我,不管你是交流设计的还是学习的,都能来~





——————————————————————————

第一次在知乎写长文,写了将近一个小时。

键盘侠轻喷,有种你自己去做一个教程出来


编辑于 2017-07-29

2184 条评论

分享

收藏感谢收起


大猫布丁


┏ (゜ω゜)=☞

219 人赞同了该回答

最近正好在琢磨,分享些想法。若有遗漏,请一定嗷嗷指出~

这次讲快速出图。手绘出图,太慢太麻烦。

为了简化,使用半分钟内能完成的做练习题。

特别简单的就不讲了,简单部分可以看老答案:zhihu.com/question/2137不必所有功能都学,根据自己需要,够用就行。 一直会有新软件,新功能,官方教程,网络搜索足够自学了。

官方文档地址:(英文)Illustrator User Guide  (中文)Illustrator 使用者指南 不少命令参数值得详读,某些功能在菜单上根本找不到,只能通过按键实现,举个例子,拖画螺旋工具,找不到调整密度和数量的参数窗口。拖画同时按某个键才能实现。

尽量利用AI各种参数和快捷键,勾图不是AI最大优点。

  1. 复制和重复。见:俄罗斯方块。

  2. 移动和翻转,用于制造对称图。见:俄罗斯方块2。

  3. 把平面图变3D。见:立体俄罗斯方块。

  4. 封闭区域实时上色。见:改变背景颜色。

  5. 一根直线特效。见:直线的四种形式。

  6. 矩形变形。见:5种矩形。

  7. 指定起点终点状态,用Blend填充中间。见:用两根线画图。

  8. 不规则变形。见:文字变形。

  9. 用指定图形随机分布、改变颜色、尺寸、透明度铺满背景。见:各种聊天框。

  10. 变立体,变透明,变涂鸦,变发光,见:使用阴影。

  11. 锐角变圆角,变怪兽。见:圆圆的三角形。

  12. 物品均匀分布在路径上。见:小棍子路径。

  13. 各种颜色均匀融合。见:果冻效果上色。

  14. 等想到再加……


好了,开始写作业。

俄罗斯方块

这很简单,等距离复制粘贴在重复花纹上很好用。比如地砖、房屋、毛衣针织花纹等等。 思路就是,先画一根线,然后复制并平移N个像素。重复以上动作,得到结果。

  1. 画一根线。

  2. 把线复制,并向下移动A个像素。 Object >>> Transform >>> Move...  选择向下移动复制A个像素,可以预览看效果。

  3. 重复上一动作。 重复上一动作快捷键是:Command + D.  (用快捷键,每次选菜单超累的)。

  4. 另一方向画线并复制移动,以完成背景图。

  5. 复习上述过程,用同样方式画正方格,通过移动复制正方格子,完成俄罗斯方块绘制。

俄罗斯方块2

各个方向翻转:

方法1: 菜单 Object >>> Transform,里面翻转。180,90,45度。

方法2: 工具栏 选择 Rotate tool 或者 Reflect tool.

立体俄罗斯方块

选中图形,在特效,3D里面,把图形变成3D.  记得先群组Group. Effect  >>>  3D  >>>  Extrude & Bevel...

改变背景颜色

  1. 选中背景方格子,把方格子变成 Live Paint.   Object  >>>  Live Paint  >>>  Make

  2. 点击工具栏  Live Paint Bucket

  3. 改变单个格子颜色。

也可用画笔随便画线,在封闭区域上色,效果也很不错。


直线的四种形式

  1. 画四根直线。

  2. 从工具栏选择不同工具,把直线变形。

此次用直线展示,但可用于不同图形。


5种矩形


用两根线画图

  1. 先画两根波浪线。

  2. 在两根线之间填充10根波浪线。 Object   >>>   Blend   >>>   Blend Options...

  3. 尝试其他图形、颜色、不同间距。

Blend后效果:

顺便可做,不同颜色不同形状blend练习。


文字变形

  1. 选择喜欢的字体,输入文字。

  2. 把文字图形化,选中文字 Object   >>>   Expand...

  3. 使用自由变形工具Free Transform Tool.

各种聊天框

这种比复制粘贴拖动快,尤其需要随机感时。 使用自定义的Symbol会很快很方便。练习时候可使用系统提供Symbol.

  1. 随便选一个symbol,window   >>>   Symbols

  2. 用这个symbol铺满背景图,Tools  >>>   Symbol sprayer Tools

用Symbol sizer Tool 随机改变尺寸

还可以改变方向、颜色,Symbol Stainer, Symbol Spinner等等。

还能修改透明度,可以尝试更改不同参数,得到更多效果。


使用阴影

随便画些东西,使用:  Effect  >>>  Stylize  >>>  Drop Shadow...

可以顺便试试其他几种特效:


圆圆的三角形

  1. 先选Polygon Tool,把边数改成3,画三角形,然后拖动一个角,制造随机感。

  2. 然后用圆角特效。 Effect  >>>  Stylize  >>>  Round Corners...

备注,本来想用钢笔随便戳三个点画三角形,但是快速绘画时,会不小心多戳几个点,变成奇怪的三角形。 但用工具拖画三角形缺点在于,只能画出等边三角形,还得再调整。

可以自己调整圆角大小,这在画图标、鹅卵石、机器人时候非常好用。

还可以继续加Warp效果,扭曲变形。做怪兽等等,能很方便。

上面设计是无线条,只有填充色的效果。 试试给他们加上毛绒绒的边缘(加线条工具),得空就画眼睛之类,怪兽形状就出来了。 当然你还可以试试不同造型线条带来效果~


小棍子路径

  1. 画起点和终点小方块,用Blend方式完成中间部分。 如果不用Blend,全部自己画,累,且不能完成路径均匀分布。

  2. 画笔随便画线。

  3. 选中“线”和“小方块”, Object  >>>  Blend  >>>  Replace Spine

果冻效果上色

  1. 画个框,或者圆,或者三角形,随你喜欢。

  2. 选择 Mesh tool 网格工具,在形状边缘点击,添加第一个网格。

  3. 在中间戳,再加一个网格。

  4. 用节点工具选中网格上色。

网格少,颜色渐变效果融入更自然。添加完颜色后,可拖动扭曲节点,修改颜色晕染范围。

自己拖的毕竟不够完美,也可自动生成网格, Object  >>>  Create Gradient Mesh...


若有啥好玩技巧被遗漏了,请一定嗷嗷指出啊╰( ̄▽ ̄)╮


编辑于 2017-05-16

21919 条评论

分享

收藏感谢收起


翼狐网


已认证的官方帐号

22 人赞同了该回答

学习Adobe Illustrator其实和学习平面设计的要求差不多,有兴趣多了解的可以看一下如何自学平面设计?的回答。现在我具体回答一下应该怎么学习AI吧,后面还有例子学习。

一、奠定美术基础

我这里说的美术基础,不是限定在绘画上,而是更多的偏向于美感上面,AI作为一个矢量软件,设计的作品一定是要有“颜值”的,所以一定要提升自己的审美,说到怎么提升,可以多去一些设计的网站参考一些别人的作品,思考配色、设计主题等等问题。

二、掌握illustrator软件

学习illustrator,不能少的当然就是AI的软件界面熟悉以及工具的操作,所以掌握AI软件是首要任务。

在学习AI软件的这个阶段,不仅要熟悉每一个工具的用法技巧,还要熟悉AI的快捷键,当你使用AI的时候,你会发现快捷键可以节省很多时间。

部分快捷键

1.工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取,当按下【CapsLock】键时,可直接用此快捷键切换)


2.视图操作


新手入门可以参考一些相关的入门教程或者书籍,建议教程学习会好一些,老师教学会比自己书籍理解更容易一些。

有意愿学习illustrator建议看一下下面这个教程。

Illustrator CC零基础入门教程,这个教程还是不错的,从认识illustrator界面开始,通过小案例教会你每一个工具的使用,很适合零基础的学员。


教程贵精不贵多,坚持学习,一定会有意想不到的收获。


三、根据案例进行模仿操作

实践是检验真理的唯一标准,多劳多得,多参考一些实例,模仿案例的同时还要多做笔记总结,这也是老话了。

在这里我借鉴了一个例子来给你们参考一下,你们可以跟着模仿试一下。

先来一张效果图:


1、先用钢笔工具画个花瓣的形状。钢笔工具怎么用就不用说了吧,这里不一定要跟图片的一模一样啊,只是要大家知道这个变形的原理。上图:


2、然后点击效果-扭曲和变换-变换


3、然后弹出这个对话框,并设置参数。立马效果就出来了,吊炸天有木有!!


4、好简单的技巧,接着更改颜色。在更改颜色之前要先扩展,把他转成可编辑的矢量图形。对象-扩展外观。


5、最后颜色有的点麻烦,我们对比下原图。颜色无论用什么渐变都没办法达到图片的效果。然后小编想出一个方法,不知道是不是这样。但是还是有效果的说。

选取三个颜色,进行混合渐变,然后扩展(同上步骤),然后一个一个吸取颜色。并得到最终效果图!



这就完成啦。其实这个技巧只要修改下参数,便能做出很多不同又好看的图形!


AI除了绘制矢量图标之外,还可以进行插画的设计绘制,可以看一下下面这个例子,涉及了钢笔工具的使用,钢笔工具在AI中是被广泛应用的。借鉴的例子比较简单,很适合新手的学习。

效果图:


1、新建画布,默认A4大小


2、然后用钢笔工具,颜色黑色,画出女孩的轮廓


3、然后找一些蝴蝶和花朵的素材


4、将素材嵌入画布,使用实时描摹中的低保真度照片,将位图转化成矢量图


5、然后点击扩展,删除图片背景


6、素材处理完毕后,将素材叠加放到女孩身体适合的位置,完成


复杂一些的例子可以参考

1.AI插画设计实例教程

2.新锐潮派插画教程


里面有大量的例子学习,有兴趣的可以看一下,最后总结一下,学习是一个循序渐进的过程,illustrator的学习也一样,从基础知识掌握,到高级的进化,过程少不了学习的态度和积累