学习笔记-矢量图绘画Drawing Vector Graphics
Lynda教程,通过一个矢量图设计案例来讲解整个工作流程以及Ai的使用。
流程:大体分为四步
1)寻找素材。结合自己的素材库,书籍等
2)草图。开始手绘一些草图概念,在此加工
3)勾图。AI中进行勾图和设计
4)与人沟通。与总结或者朋友交流,吸收宝贵修改意见
关于AI的使用:
其实这个教程用到的AI工具很简单
钢笔工具,铅笔工具,选择工具,直接选择工具,矩形工具,旋转工具,反向工具以及图形关系工具
设计前的准备
1.creative brief.
能使你清楚的了解客户的想法和意图。良好的沟通很重要,这对之后的制作和修改也非常有帮助。可以问几个简单的问题:你的项目是什么?制作的设计用途是什么?对设计带来的业务成长期望是多少?需求和视觉感觉的要求?受众群体是什么?
2.Creative thinking methods
提供了三种思考方式,通过他们,好的创意就会喷涌而出。包括:语言文字关联法,思维导图和 设计前中后法。
语言文字关联法:顾名思义就是围绕主题,把所有与此相关的单词短语全部列出,再加以总结得出一些总结性词语。
思维导图法:这个比如根据客户提供的商品名称,联想出各种与之有关的的词语,形成网络,再在其中挑选客户比较希望表达的词语,用图形去表现。
前中后法:这个好玩,根据话题或者要设计的名称,想像跟它有关的前中后都会发生什么。比如 雨牌 的设计,就会想到 前:云 中:雨伞 和 后:倒影,所以他们最终用了倒影作为设计元素~
3.I think, therefore I design
设计前一定要想先行! 大量的思考,但是要大量的阅览! 不是空想而是去找各种素材,看各种领域的知识。
4.Selecting the appropriate style
对于不同的领域,设计的风格也要相应更贴近。选择合适的风格去诠释。
5.Using reference material
对于参考的运用,问觉得和做3D动画前的拍摄参考和寻找参考有异曲同工之妙。参考能让你的设计更接近你所想要的,但你需要去粗取精,简洁的留下精华即可。
画出你的设计
上来给了个人尽皆知但是又有人不敢做的事情,画! 每个人都可以画,而且都能画好,秘诀就是keep drawing~ 并且打破“歧视”观念,只管画。
tips:随时画,所以随身备个本本
简笔小样,各种地方记录各种想法,不用修饰,完成或者重画,只要记下灵感
refining ideas,提炼小样,更清晰,更简洁。有时需要重画或者来回重画设计几次,才能达到想要的效果。可以用拷贝箱和半透纸来提炼重画
Workflow enhancements
1.快捷键是必要的,可以加快设计速度,不至于因为操作导致设计中断。
AI中 Edit > keyboard shortcut 键盘快捷可以改快捷方式
clipping/release mask 添加/移除遮罩 作者设置成F1和F2
设置快捷键 借助“动作”窗口录制。 打开action窗口新建一个动作(名称 快捷键自己来,颜色自定义),之后就又录制效果,也就是说之后做的所有动作都被记录了-它就是你快捷键执行时所做的动作。做完动作后点击 录制完成按钮(小方块 在动作面板的最后一行第一个),之后只要执行快捷键就可以直接执行动作了! 哦耶~
compound path > make 动作的快捷键。一般复杂的小花和它内部纹理pathfinder之后 他们感觉是一个整体了,其实不然。这时如果再与其它图形unit的话就会出问题。所以在做之后这步之前一定要确保图案已经成为一个整体,就要用到此段开头说到的这个命令。
2.Using custom scripts使用已经编好的程序去加快一些制作步骤是件很爽快的事情。这里就给了两个scripts:逐层生成pdf文件 和 逐层生成ai文件。方法是把这些scripts放入安装文件的文件夹:application > persets > en_us > scripts
3.设计师自己的调色板
在设计之路上保存出自己颜色风格的调色板是作为卓越设计师的不屑追求!! 注意 勾选globle,这样使修改颜色时能时时更新并保持一致。
4.层的运用
层在之后的修改中能帮你好多忙,所以养成运用层的好习惯。
tips:在本层选中一些勾画好的路径原件,如果想放到新层的方法是:点击新建图层,然后在原油图层选好路径原件,在本层中的层窗口中有个小点点在小圈圈后面,点住把它拖到新层即可~
5.Toggling Smart Guides on and off 智能吸附功能大开关
对于有些绘图不需要智能吸附功能,所以关闭(打开也一样)command+u
好了下面是技术贴了
创建矢量图形
roadmap的创建,一般画完手稿扫描进电脑,在AI中place打开,把此层透明度降低锁住,新建一层开始画roadmap(应该就是勾线稿的意思)。又两种方式可以进行勾勒:点阵法 和 图形加减法
点阵法:用钢笔工具一点一点的勾,然后调整手柄角度。
图形加减法:用已有的图形进行创建,然后pathfinder生成图形。
clockwork method 钟表标点法:有人在画卯点勾图时,有恐惧症,不知道应该放在哪,放多少。这个方法可以解救此类人。在比较平缓的弧线处不必使用,倘若遇到大弧线,就想像下这时钟表的一部分,只要找出12.3.6.9点钟的这4个点中的三个就可以了。比如一条向下凹的弧线,就应该画9.6.3点钟这三个点垃圾完成一个弧线。rough之后再去修细。 和画画一样,先着眼大体,再勾细节!!
还有,没有完美的直线,最好有点优雅的小弧线。
Prime point placement
这个就是移动描好的点,使之更顺滑,没啥特别的
poin to point methord点对点法:这个有点像上面所说方法的综合,注意保持顺滑!
The shape-building method图形组合法:同上 组合加减
Symmetry 对称法:选择描点,然后点reflect tool,镜像。
Presenting your designs 呈现作品
可以加上自己的logo和一些copyright,但是要小,主要呈现主题作品。
最好呈现给别人PDF格式
和客户交流上,只要表达自己需要表达的,其它看客户意见。别抱怨~
写 设计阐述 积极向上
对于客户的反馈,要分情况对待。有理由的要问清具体修改方向和方式,主动表达自己的设计理念。无理取闹的可以根据条款办事儿。
否定的设计,但是确实是好的设计,要renewable!
-完-
流程:大体分为四步
1)寻找素材。结合自己的素材库,书籍等
2)草图。开始手绘一些草图概念,在此加工
3)勾图。AI中进行勾图和设计
4)与人沟通。与总结或者朋友交流,吸收宝贵修改意见
关于AI的使用:
其实这个教程用到的AI工具很简单
钢笔工具,铅笔工具,选择工具,直接选择工具,矩形工具,旋转工具,反向工具以及图形关系工具
设计前的准备
1.creative brief.
能使你清楚的了解客户的想法和意图。良好的沟通很重要,这对之后的制作和修改也非常有帮助。可以问几个简单的问题:你的项目是什么?制作的设计用途是什么?对设计带来的业务成长期望是多少?需求和视觉感觉的要求?受众群体是什么?
2.Creative thinking methods
提供了三种思考方式,通过他们,好的创意就会喷涌而出。包括:语言文字关联法,思维导图和 设计前中后法。
语言文字关联法:顾名思义就是围绕主题,把所有与此相关的单词短语全部列出,再加以总结得出一些总结性词语。
思维导图法:这个比如根据客户提供的商品名称,联想出各种与之有关的的词语,形成网络,再在其中挑选客户比较希望表达的词语,用图形去表现。
前中后法:这个好玩,根据话题或者要设计的名称,想像跟它有关的前中后都会发生什么。比如 雨牌 的设计,就会想到 前:云 中:雨伞 和 后:倒影,所以他们最终用了倒影作为设计元素~
3.I think, therefore I design
设计前一定要想先行! 大量的思考,但是要大量的阅览! 不是空想而是去找各种素材,看各种领域的知识。
4.Selecting the appropriate style
对于不同的领域,设计的风格也要相应更贴近。选择合适的风格去诠释。
5.Using reference material
对于参考的运用,问觉得和做3D动画前的拍摄参考和寻找参考有异曲同工之妙。参考能让你的设计更接近你所想要的,但你需要去粗取精,简洁的留下精华即可。
画出你的设计
上来给了个人尽皆知但是又有人不敢做的事情,画! 每个人都可以画,而且都能画好,秘诀就是keep drawing~ 并且打破“歧视”观念,只管画。
tips:随时画,所以随身备个本本
简笔小样,各种地方记录各种想法,不用修饰,完成或者重画,只要记下灵感
refining ideas,提炼小样,更清晰,更简洁。有时需要重画或者来回重画设计几次,才能达到想要的效果。可以用拷贝箱和半透纸来提炼重画
Workflow enhancements
1.快捷键是必要的,可以加快设计速度,不至于因为操作导致设计中断。
AI中 Edit > keyboard shortcut 键盘快捷可以改快捷方式
clipping/release mask 添加/移除遮罩 作者设置成F1和F2
设置快捷键 借助“动作”窗口录制。 打开action窗口新建一个动作(名称 快捷键自己来,颜色自定义),之后就又录制效果,也就是说之后做的所有动作都被记录了-它就是你快捷键执行时所做的动作。做完动作后点击 录制完成按钮(小方块 在动作面板的最后一行第一个),之后只要执行快捷键就可以直接执行动作了! 哦耶~
compound path > make 动作的快捷键。一般复杂的小花和它内部纹理pathfinder之后 他们感觉是一个整体了,其实不然。这时如果再与其它图形unit的话就会出问题。所以在做之后这步之前一定要确保图案已经成为一个整体,就要用到此段开头说到的这个命令。
2.Using custom scripts使用已经编好的程序去加快一些制作步骤是件很爽快的事情。这里就给了两个scripts:逐层生成pdf文件 和 逐层生成ai文件。方法是把这些scripts放入安装文件的文件夹:application > persets > en_us > scripts
3.设计师自己的调色板
在设计之路上保存出自己颜色风格的调色板是作为卓越设计师的不屑追求!! 注意 勾选globle,这样使修改颜色时能时时更新并保持一致。
4.层的运用
层在之后的修改中能帮你好多忙,所以养成运用层的好习惯。
tips:在本层选中一些勾画好的路径原件,如果想放到新层的方法是:点击新建图层,然后在原油图层选好路径原件,在本层中的层窗口中有个小点点在小圈圈后面,点住把它拖到新层即可~
5.Toggling Smart Guides on and off 智能吸附功能大开关
对于有些绘图不需要智能吸附功能,所以关闭(打开也一样)command+u
好了下面是技术贴了
创建矢量图形
roadmap的创建,一般画完手稿扫描进电脑,在AI中place打开,把此层透明度降低锁住,新建一层开始画roadmap(应该就是勾线稿的意思)。又两种方式可以进行勾勒:点阵法 和 图形加减法
点阵法:用钢笔工具一点一点的勾,然后调整手柄角度。
图形加减法:用已有的图形进行创建,然后pathfinder生成图形。
clockwork method 钟表标点法:有人在画卯点勾图时,有恐惧症,不知道应该放在哪,放多少。这个方法可以解救此类人。在比较平缓的弧线处不必使用,倘若遇到大弧线,就想像下这时钟表的一部分,只要找出12.3.6.9点钟的这4个点中的三个就可以了。比如一条向下凹的弧线,就应该画9.6.3点钟这三个点垃圾完成一个弧线。rough之后再去修细。 和画画一样,先着眼大体,再勾细节!!
还有,没有完美的直线,最好有点优雅的小弧线。
Prime point placement
这个就是移动描好的点,使之更顺滑,没啥特别的
poin to point methord点对点法:这个有点像上面所说方法的综合,注意保持顺滑!
The shape-building method图形组合法:同上 组合加减
Symmetry 对称法:选择描点,然后点reflect tool,镜像。
Presenting your designs 呈现作品
可以加上自己的logo和一些copyright,但是要小,主要呈现主题作品。
最好呈现给别人PDF格式
和客户交流上,只要表达自己需要表达的,其它看客户意见。别抱怨~
写 设计阐述 积极向上
对于客户的反馈,要分情况对待。有理由的要问清具体修改方向和方式,主动表达自己的设计理念。无理取闹的可以根据条款办事儿。
否定的设计,但是确实是好的设计,要renewable!
-完-