【平面设计学习】Ai使用心得-扁平化制作

起初用ps处理个小图，算是顺手完成需求。

因为boss指定了设计加上素材已经找好，算上文案参照图，没用多久就可以出了一套图。

第二天，boss决定把整套图交给我。嗯这件事情教导我们老板给的任务不要这么着急这么噌噌噌的一下完成，( Ĭ ^ Ĭ )

否则，不仅得不到表扬，还会~得到更多的任务！就是这样子的！

所以我现在有两个任务：1.手绘替换背景板；2.完成粗略设计网页出图；3.完成自己本职文档（嗯后面这个还要弱弱的加上自己的论文还有一大堆鸡毛的棘手事情，这里不表）。

加班了好几天的我刚刚完成一个大的版块的文档整理赶紧来把今天学习成果整理一下。

上面是背景，本来自己对photoshop的熟悉程度，也可以用形状工具完成boss下的命令，手绘校园标注性的建筑和标志。

出图太慢，效果不好。还有很多原因，这里只讲这两点，所以做扁平化设计和手绘，Ai、coreIDRAW和Auto CAD好像更适合。虽然选了三个工具也去图书馆借了三本书，但这里因为使用惯了ps工具，选用Ai CS6工具，参考书是中国海洋大学出版社的Illustrator图形设计（说实话，扫了一遍感觉嗯，似乎不是很亲切），好在善用百度，这里采用了站酷小姐姐作为目标，放出链接激励自己，毕业前要是出一套这样的九院全图，估计遗憾要少很多。

http://www.zcool.com.cn/work/ZMjA2OTg0NjA=.html

这个是终极目标，所以现在暂时只能放在收藏夹里膜拜，今天我使用的练手小栗子不是这个，下面贴我的练习链接+心得。

http://www.jb51.net/Illustrator/537241.html

51脚本是真的良心出品，广告的话没办法，满屏有点影响。可是人家真得实实在在的在出教程工具，给我们新手党带来福音，这里没花钱学习的我表白一波就赶紧进入今天的步骤详解。

1.安装Ai，因为我之前安装好了，用的CS6版本，大boss也说这个版本最好用，所以没有装的小伙伴先去选个合适的版本，破解安装汉化什么的一气呵成这个不是特别的操心。

2.打开Ai以后Ctrl+N这个是ps里面的一个快捷键，新建文件的。这里也能用，所以先建一个大小参照上面教程的画布，我自己填写的是800*800，但是上面的大一点所以我建议看个人习惯。

3.上手先点击右下角图层管理建一波图层，这里温馨提示，按贴标注的顺序建，图层上下顺序很重要。打字，问题不大。完成以后开始看帖，贴上很详细的，从颜色到像素大小，适当的根据要求调整没事的。

4.这里首先动手做的是两个轮子，当然，用惯了ps的形状工具的我来说还好，就是没有快捷键的加持可能做的慢了一点，这个中间会有一点问题，首先是R快捷键旋转，很多时候按不出来。可能是我的快捷键冲突了，时而也能按出来，但是那个帖子里面做前轮时候的重复旋转的“按住Command + D可制作多个副本”命令，嗯，兄弟，这里有点不对劲。咱们win系统的没有这个键，顺手查了一下，对应的是Ctrl键，很好用，调粗细重复。不拖泥带水，很快完成轮子的制作。

5.最大的问题来了，这里车架需要用到钢笔，本来就是ps里面钢笔工具用的不顺手才转投向Ai的怀抱怎么又要用这个，嗯，无奈下还是按照上面提示一点一点的画，这里说明钢笔在绘图软件里面是真的很重要。手绘功底线条是逃不过的，希望自己还是走一遍不要逃，要想把平设真的作为自己兴趣就真的得学好，要埋进去。不要飘，做的了什么事情。好，批评完毕，接着学，好在Ai的笔画是可以调整的，按照想象中的车架终于把轮廓画出来了，这里可以把教程的那张车架图截图放入Ai单设一个图层把透明度调低，嗯照着模。记得千万要用滤镜啊，圆角那个，车轮10px车架5px不要忘了，隔很多的。加个这个就像给小车抛光了一样，流畅性一下就出来了。

6.接下来就是形状剪切的问题了，用合拼交集都能解决，也就是布尔运算，记得弄完编组。

7.其实有个温馨提示，当很多时候这个形状没法用提示的工具完成时，思考一下，你熟悉什么工具就用什么工具做。

好啦！今天差不多回顾到这里了，马上就十点了，差不多看一下明天要做啥。

上面步骤都是回忆版，如果有不对的地方以我贴出来的教程为准，我只是个人体会补充了一些，希望一起学的小伙伴们都能化身仙子，绘制出这世间所有想留住的东西，最近好像有点忙有点赶，就没有每天都写这个。其实这样不好，不断的逼迫自己进步，成为更好的人才是我近来的目标。也是我一直想要去做的，感谢师兄今天给我发的2018毕业演讲，这里也贴出来给各位一起激动一下，没有热泪盈眶，只是觉得人生时间很长，尚且充满希望。未来很好，明天很亮，希望能通过不断地努力提升技术，让什么也不会的我，会一点点。

演讲在这里https://www.365yg.com/group/6521496301681508877/?iid=30155627260&app=news_article&timestamp=1524040653&tt_from=mobile_qq&utm_source=mobile_qq&utm_medium=toutiao_android&utm_campaign=client_share

加油共勉ヾ(◍°∇°◍)ﾉﾞ！晚安！

补充：我可能是个傻子

本来开贴是为了记录自己的作业，结果练习没贴上来。不行还是要补一下

这里我把它拖进了符号里面，使用符号喷枪工具喷喷喷，就出来了。可能是手抖，喷圆顶树的时候多点了一下。好吧，就让他去吧我已经随缘了，只是为了熟悉一下工具，为了完成明天更多的部分，加油加油ヾ(◍°∇°◍)ﾉﾞ

【平面设计学习】Ai使用心得-扁平化制作相关推荐

ai怎么切图制作html,APP扁平化设计最强AI切图工具推荐与AI切图教程
目前很多APP设计师使用了AI软件来进行一些扁平化的设计,包括设计APP界面设计.APP引导页界面设计.APP图标设计等等.但是在AI里面切图是非常的不方便.于是,为了解决大家这个烦恼. AI设计师的 ...
es6删除数组某一项_精学手撕系列——数组扁平化
参考文章:面试官连环追问:数组拍平(扁平化) flat 方法实现编者荐语: 在前端面试中,手写flat是非常基础的面试题,通常出现在笔试或者第一轮面试中,主要考察面试者基本的手写代码能力和JavaS ...
AI教程！教你绘制扁平化风格的卡通人物肖像（四人组合篇）
编者按:今天@鱼过无声design 的教程教大家来绘制四个卡通人物头像,操作不难,但成就感满满,有很多同学已经给自己做了专属头像,木有的赶紧来试试. 系列教程:<AI教程!教你绘制扁平化风格的卡 ...
用android制作一个记事本app_用扁平化呈现一个天气APP
作为当下最火的设计风格之一,扁平化设计其实是一种简约的Ul 设计理念,现被广泛应用于图形用户界面上,在图形材料,例如海报,艺术作品,指导文档,各类出版物等方面尤为常用. 今天为大家带来了我最近的扁平 ...
计算机音乐制作体会心得,音乐软件制作的学习感受和心得体会
音乐软件制作的学习感受和心得体会一段音乐制作的学习历程,无疑开阔自己的眼界,虽已过了痴迷网络歌手吹拉弹唱样样精通的时期,但电脑音乐制作软件解开了自己心头的很多疑团,使自己对音乐制作有了更深刻的认识, ...
【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个扁平化风格css螃蟹图形~~适合初学者~超简单~ |前端开发|IT软件
b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个扁平化风格css螃蟹图形~~适合初学者~超简单~ |前端开发|IT软件效果图: 完整代码: <! ...
扁平化设计学习之二设计原则
扁平化设计原则 13-06-08 oooceo 没有评论设计美化 1604 浏览设计社区不停讨论关于扁平风格. 这种风格很带感.但大多数设计师不能彰显这种风格,或者直接讨厌这种风格. 我很现实,创 ...
ps制作html图标素材,如何用PS制作一个简单的扁平化图标？
今天咱们来做个简单粗暴的扁平化图标,对于扁平化我相信大家已经相当熟悉了,那么用Photoshop做一个简单扁平化图标当作PS入门教程还是不错的. 首先启动Photoshop,下面的版本为苹果版的PS不 ...
【平面设计】扁平化设计（Ⅲ）——原则
[导读]关于扁平化设计是一个大的门类,通过前面两期的分享,我们已经知道了其概念和技巧的内容,今天我们继续与大家一同分享它的原则. 拒绝特效顾名思义,扁平化设计仅仅采用二维元素.所有元素都不加修饰-- ...
PS轻松制作四种扁平化风格图标
本文将传授你多样的扁平化设计风格,绝对时髦教程!读完本文,你将轻松掌握时下最热门的设计手法:) 四种风格包括:常规扁平化.长投影.投影式.渐变式. 一.常规扁平化步骤 1: 宽度: 500px, 高 ...

【平面设计学习】Ai使用心得-扁平化制作

【平面设计学习】Ai使用心得-扁平化制作相关推荐

最新文章

热门文章