音效素材网提供各类素材,打造精品素材网站!

站内导航 站长工具 投稿中心 手机访问

音效素材

AI教程:手把手教你绘制几何单线条装饰风格的极简海报
日期:2017-05-22 15:24:22   来源:脚本之家

@飞屋睿UIdesign :学完这个教程,可以帮你掌握单线绘制的技巧,熟悉AI 中所有关于线条的处理工具,以及做极简海报的方法。一起来试试

学完这个教程你能收获

1、熟悉装饰风格(DECO ART)中的几何主义

装饰风格(DECO ART)结合了因工业文化所兴起的机械美学,以较机械式的、几何的、纯綷装饰的线条来表现,如扇形辐射状的太阳光、齿轮或流线型线条、对称简洁的几何构图等等。它是纯粹的意象汇集。而最好的理解将在实践的过程中获得。

2、学会单线绘制的技巧

绘制单线装饰风格的海报,了解所谓单线是指所有线条的大小等同,产生整体效果的一致性。

3、熟悉AI中所有关于对线条的处理工具技巧(路经查找器、形状生成器、钢笔工具、旋转工具、缩放工具等)。

绘制基础几何形

提前最好能大致画个草图,把大概的几何形表现出来。然后再进入软件处理。有了基本构图,开始动手时才能做到“胸中有丘壑”。

STEP 01

打开AI,新建一个1296px*1728px的文档。并用矩形工具绘制出海报边框,所绘制出的矩形关闭填充,保持描边大小为3px。这个矩形就是海边的边框大形。矩形大小为1040px*1498px。

为了定位以及构形的方便,最好加入辅助线。而你所创建的几何形的尺寸也不要产生小数点,这样能保证最佳像素表现(例如:矩形宽度1124px是可以的,但是1124.5px的话也许就会带来麻烦)。

STEP 02

再继续增加几个基础几何形,以确定大致的构图方案。简单来说,首先要找到海报主题,然后根据主题去筛选意象。这是一个关于“假期”的海报,运用的就是假期里的意象。我们在此运用山、水以及各种具有节日氛围的装饰元素。

在基础形的安排上,我们将海报简单划分了上下两部分,上部分的主角是山,下方的主角是水。装饰就围绕这两个主角展开。

山水之间的是“人”,但在此我们未必要绘制出人的形象,而是用人所贴近的物象来表现人的存在感。假期中的人,我们打算用一些更欢乐的意象,比如彩带以及相应的建筑来表现出假期旅行的一路风景。在绘制基础形时,尽管你还没有开始入手这些细节,但你的构图安排已经有此倾向。

绘制主角物象

上面我们讲过,我们的主角是山、水、人。因此,下面就让我们来重点绘制出这些意象。这时,我们还没有进入“装饰”环节,因此不必将细节都一一表现。

STEP 03

山的部分我们只需要突出山的形,因此三角底部的线条可以删减。可以采用钢笔工具来删掉三角形的底边。用钢笔工具来删掉线条的方法是在要删减的路径上增加锚点,然后再利用直接选择工具点击这个锚点点击键盘的delete键。

STEP 04

运用锚点来删减路径的技巧诀窍,是通过实践去了解锚点对路径的决定作用,一个锚点被删除,那么该路径就将结束于这个锚点最近旁的锚点处。用这个方法可以继续处理另外两个山形。

STEP 05

接下我们绘制属于“人”的部分。这个部分中间的圆形,我们将安排摩天轮这个意向,表现出假日的休闲氛围。利用比例缩放工具就能绘制出另外两个较小的同心圆,第一个同心圆的缩放比例是80%,第二个是50%,并点击复制。(注:后一个同心圆的比例是针对前一个被缩放后的圆,而非第一个。)

STEP 06

再从圆心处绘制一条直线,利用旋转工具对直线进行旋转复制,旋转的角度设置为45°,想要旋转线条覆盖整个360°,最简单的方法是复制第一个后,其余采用快捷键“Ctrl+D”重复上一步操作。

然后根据这个方式,再从另一个角度绘制出另外一组旋转的线条,这组线条较上一条稍短。

此刻,我们就止步于这个摩天轮的雏形。

STEP 07

由于海报运用了对称构图,在摩天轮的左右两边安排一些建筑物。这里的对称是从整体结构上来说,而建筑物外形未必要完全一致。左右错落有致会更加有视觉魅力。再补充彩带的两侧部分。

STEP 08

水的部分我们需要更多对于锚点的控制技巧,这里曝露一下思考过程:我们想要表现水的回旋流荡之美,可以采用圆角矩形的圆角部分来表现,这样左右蜿蜒就能作出水的效果。但如果用单线来表现水波显然有点单薄,为了丰富一下,我们决定利用双线条并行的方式,但这样就造成了绘制上的困难。可并不是没有解决方案,如果采用较粗的线条来绘制单线,将绘制成功的路径进行扩展,扩展后将填充关闭,只留下描边,这样就会达成我们的预期的双线并行的效果。

我们这里用描边30px,如果对上一段文字描述仍云里雾里的小伙伴,可以看看下图。

STEP 09

这时,同样运用钢笔工具和直接选择工具就能把上一步的图例中“水的婉转形态表达”以外的部分删掉,然后将其断开的部分进行连接后再进入【对象>扩展】,扩展后的对象关闭填充并保留我们的3px描边,删掉头尾的封闭部分。

STEP 10

将上一步的对象复制并进行垂直对称的粘贴,然后,运用直接选择工具对两个对称对象进行连接。

    您感兴趣的教程

    在docker中安装mysql详解

    本篇文章主要介绍了在docker中安装mysql详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编...

    详解 安装 docker mysql

    win10中文输入法仅在桌面显示怎么办?

    win10中文输入法仅在桌面显示怎么办?

    win10系统使用搜狗,QQ输入法只有在显示桌面的时候才出来,在使用其他程序输入框里面却只能输入字母数字,win10中...

    win10 中文输入法

    一分钟掌握linux系统目录结构

    这篇文章主要介绍了linux系统目录结构,通过结构图和多张表格了解linux系统目录结构,感兴趣的小伙伴们可以参考一...

    结构 目录 系统 linux

    PHP程序员玩转Linux系列 Linux和Windows安装

    这篇文章主要为大家详细介绍了PHP程序员玩转Linux系列文章,Linux和Windows安装nginx教程,具有一定的参考价值,感兴趣...

    玩转 程序员 安装 系列 PHP

    win10怎么安装杜比音效Doby V4.1 win10安装杜

    第四代杜比®家庭影院®技术包含了一整套协同工作的技术,让PC 发出清晰的环绕声同时第四代杜比家庭影院技术...

    win10杜比音效

    纯CSS实现iOS风格打开关闭选择框功能

    这篇文章主要介绍了纯CSS实现iOS风格打开关闭选择框,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作...

    css ios c

    Win7如何给C盘扩容 Win7系统电脑C盘扩容的办法

    Win7如何给C盘扩容 Win7系统电脑C盘扩容的

    Win7给电脑C盘扩容的办法大家知道吗?当系统分区C盘空间不足时,就需要给它扩容了,如果不管,C盘没有足够的空间...

    Win7 C盘 扩容

    百度推广竞品词的投放策略

    SEM是基于关键词搜索的营销活动。作为推广人员,我们所做的工作,就是打理成千上万的关键词,关注它们的质量度...

    百度推广 竞品词

    Visual Studio Code(vscode) git的使用教程

    这篇文章主要介绍了详解Visual Studio Code(vscode) git的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。...

    教程 Studio Visual Code git

    七牛云储存创始人分享七牛的创立故事与

    这篇文章主要介绍了七牛云储存创始人分享七牛的创立故事与对Go语言的应用,七牛选用Go语言这门新兴的编程语言进行...

    七牛 Go语言

    Win10预览版Mobile 10547即将发布 9月19日上午

    微软副总裁Gabriel Aul的Twitter透露了 Win10 Mobile预览版10536即将发布,他表示该版本已进入内部慢速版阶段,发布时间目...

    Win10 预览版

    HTML标签meta总结,HTML5 head meta 属性整理

    移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析HTML代码,更好地将移动web前端页面表现出来...

    移动端html5模拟长按事件的实现方法

    这篇文章主要介绍了移动端html5模拟长按事件的实现方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家...

    移动端 html5 长按

    HTML常用meta大全(推荐)

    这篇文章主要介绍了HTML常用meta大全(推荐),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参...

    cdr怎么把图片转换成位图? cdr图片转换为位图的教程

    cdr怎么把图片转换成位图? cdr图片转换为

    cdr怎么把图片转换成位图?cdr中插入的图片想要转换成位图,该怎么转换呢?下面我们就来看看cdr图片转换为位图的...

    cdr 图片 位图

    win10系统怎么录屏?win10系统自带录屏详细教程

    win10系统怎么录屏?win10系统自带录屏详细

    当我们是使用win10系统的时候,想要录制电脑上的画面,这时候有人会想到下个第三方软件,其实可以用电脑上的自带...

    win10 系统自带录屏 详细教程

    + 更多教程 +
    photoshop教程CorelDraw教程Fireworks教程Illustrator教程Freehand教程