• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Illustrator > Illustrator绘制清新简单的扁平化风格的海报字体教程

Illustrator绘制清新简单的扁平化风格的海报字体教程

作者:飞屋睿 字体:[增加 减小] 来源:互联网 时间:2017-05-23

飞屋睿 向大家分享了Illustrator绘制清新简单的扁平化风格的海报字体教程,其中包含illustrator 绘制,adobe illustrator,illustrator,illustrator cs6下载,illustrator教材等知识点,遇到此问题的同学们可以参考下

这篇教程是向的朋友介绍Illustrator绘制清新简单的扁平化风格的海报字体方法,教程绘制出来的字体很好看,也很简单的,推荐到,大家一起来学习吧!

任何对扁平化风靡之初颇有印象的朋友也许和当时的我一样,脑海中想起了“世界突然清静了”的声音。从此我们仿佛告别了拟物时代。做过设计的人都不得不承认,简单是很复杂的,而复杂反而很简单。当我在思考记录这个扁平化风格文字制作过程的时候,主要想记下的是这三个记忆点。

一、如何用AI里的图案铺展背景,并修改图案的样式

二、任何字体都需要自己的再加工,值得认真对待的一个个锚点去修饰

三、如何制作一个有头有尾的图案笔刷

先看看最终效果图

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

一、制作背景

STEP 01

打开AI,新建一个600*600px的文档。先画一块大小同文档大小一样的矩形,填充为蓝色,关闭描边。由于我们是航海风格主题,因此,蓝色是第一选择的颜色。当然,实际项目中,你也可以换其他颜色,如果是食物主题,橙色和红色都是不错的选择。如果是自然主题,那么绿色也是不容忽视的色彩。具体的背景色选用,我们会留到今后色彩的运用中去详细讲解。

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

STEP 02

纯色背景也许已经够了,对于扁平化风格来讲,大部分背景都为纯色。但在这里,我们希望能更加丰富一点,可以为背景增加一点细腻的纹理。让我们再在蓝色背景层之上再建一个图层,图层这时可以是任意颜色,同时,打开色板面板,在色板里打开色板库,选中其中一个图案。打开图案的路径为【打开色板库>图案>基本图形>纹理】。具体可以参考下图。

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

STEP 03

在图案中选中“砂子”这个图案。这时,我们会发现,图案的纹理是黑色填充的,但如果我想要的是白色的纹理该怎么做呢?没错!我们需要先对这个图案进行扩展。

扩展后,大家会看到图案中的纹理变成了路径,但这时仍然不能直接调换砂子的颜色。我们还需要在上方的工具栏左侧,点击“编辑内容”的小图标,这时,砂子才变为了可以给我们编辑的内容。你会发现这时的填充色为黑色。

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

通过把填充色变为白色以后,我们就完成了背景图的制作。还可以降低图案背景的透明度为50%,让它表现得更加朦胧。

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

二、文字排版

其实文字这部分内容相对比较简单,只要准备好相应的文字内容再进行字体筛选,适当进行排版即可。

我在这里设计的主题是航海,因此,我准备的文字是“畅游.Deep sea”,再附上“ifeiwu.com”的域名地址。在开始动手之前,可以先通过铅笔在纸上探索一下最佳的设计排版。

我在此选用的中文字体是“方正粗倩体”,英文字体是具有手写风格的“Mission Script”,这两种字体都有笔画接合部分比较圆润的特点,中文较为正式,而英文贴近手写,更加温暖。看上去风格搭配协调。而ifeiwu.com的域名采用是“futura LT”,这种英文字体有未来体之称,看上去简洁而清晰,在扁平风里常会被用到。

STEP 04

先用文字工具写上“畅游”二字,这两个字我安排了230pt的大小,将其安排在左上方,和边框线完美地贴合。这种构图的方式,充分扩大了内部空间,让整个排版布局更加广阔。文字色彩为白色。

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

STEP 05

再写上英文字体,放置于中文下方。“Deep sea”的大小为120pt,“ifeiwu.com”的大小为16pt。Deep sea的文字与中文进行右对齐,然后再把域名地址放到Deep那个P字母下伸部分的右侧空白处。

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

这里大家可以看到,我的排版采用的了相当面积的留白。文字主要集中于左上方。这样就给予了空间更多的张力。对于留白是我们日后要讨论的话题,现在请将注意力集中到文字上。

STEP 06

选中文字,然后点击右键“创建轮廓”,这时,你可以放大文字的路径,利用钢笔工具,对任何你不满意的地方进行修饰。这一过程要更多的耐心。

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

三、绳索的制作

接下来,我想要在底部加上一根头尾打结的绳索,就像航海帆船的缆绳。可能大家会觉得这一步骤很简单,事实上,我们要制作的绳索不是画出来,而是通过制作一个图案画笔,然后就可以无限地使用它们。这种一劳永逸的事情,前期相对比较复杂。

STEP 07

画上一个长宽为3.8px*6.6px,半径为5px的圆角矩形。复制矩形向右移动6个像素,再移动一次。这样就排列了三个圆角矩形。

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

STEP 08

将这三个图形向右下方倾斜17度。

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

STEP 09

这时,请确保你已经打开了智能参考线,在这对图形左右两边分别画上一个矩形,矩形和左右两个图形分别相交于图形的中线处。然后打开路径管理器,点击左上第二个图标,即“减去顶层”来重塑图形。

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

STEP 10

将左一、左二两个图形复制一份到右边进行拼接,请看图示。

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

STEP 11

利用钢笔工具的增加锚点的功能,以及对路径的编辑,将最右边的图形进行重新塑造,让它变成一个类似绳结的图形。然后再将这个绳结以及它左边的图形(也是圆角矩形的一半)进行复制并移动。

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

复制移动到左边做一次拼接,移动到左边时记得做一次垂直方向的对称,再做一个水平方向的对称。

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

提醒:这一步在拼接时会遇到些细节的错位,而解决方案是大家不要用鼠标拖动图形,改用右键的“移动”,把移动设置得比较小,比如0.1像素这么小的距离进行移动就能完美拼合。

STEP 12

接下让我们画三个矩形,这三个矩形的边框要与图形的边缘对齐。操作时需要辅助智能参考线,具体的形状如下。这三个矩形应该关闭描边,但我在这里为了展示给大家看得清楚的就打开了描边。希望大家注意到这一点。

Illustrator绘制扁平化风格的海报字体教程,PS教程,思缘教程网

这时,我们可以把图形分作三分,左中右各为一份。每一份是由图形本身加上矩形外框所组成。让我们为这三组图形分别编组。

STEP 13

选中中间这一组,也就是没有绳结的这一组。然后进入到画笔面板,点击下方的新建

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 用Illustrator绘制一只可爱的卡通小兔子
  • Illustrator绘制简约复古的闪光灯图标
  • Illustrator绘制一条简洁清新的DNA链
  • Illustrator绘制一个停止图标
  • Illustrator绘制3D立体形状的小方块教程
  • Illustrator绘制一只飞翔的海鸥
  • illustrator绘制可爱的卡通向日葵
  • Illustrator绘制一幅精细的抽象效果的桌面壁纸
  • Illustrator绘制6组不同扁平化风格的动物卡通头像教程
  • Illustrator绘制非常漂亮逼真的立体苹果效果

相关文章

  • 2017-05-23Ai简单绘制炫彩四色块的方形APP图标
  • 2017-05-23illustrator cc 2015编辑文字不能敲空格怎么办?
  • 2017-05-23AI中渐变色板选项如何隐藏?
  • 2017-05-23Illustrator(AI)利用路径偏移工具与混合命令设计绘制弯弯的月亮图腾实例教程
  • 2017-05-23Illustrator(AI)设计制作精致的新年快乐节日标语彩带实例教程
  • 2017-05-23AI制作一枚简单的wi-fi图标
  • 2017-05-23Illustrator(AI)设计制作逼真的双鲤鱼鼠绘教程实例介绍
  • 2017-05-23入门:AI旋转复制法使用方法
  • 2017-05-23Illustrator绘制逼真的绿色铅笔效果图
  • 2017-05-23AI简单绘制一个漂亮的多肉植物教程

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Illustrator绘制逼真质感的红绸缎实例教程
    • Ai怎么画制蝴蝶结的图标?ai绘制丝质蝴蝶结的教程
    • ai怎么锁定图层?ai快速锁定对象的详细教程
    • Illustrator制作端午节主题海报教程
    • AI绘制漂亮的彩色光带背景
    • Illustartor(AI)设计绘制矢量图弯弯月牙实例教程
    • ai中怎么绘制漂亮的矢量花纹?
    • AI快速制作漂亮的胖胖文字特效
    • AI怎么利用旋转工具快速绘制太阳?
    • AI绘制经典的斑点污渍文字

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有