Illustrator制作流行的扁平化长阴影字体图标等教程

2016-03-18 14:57 119 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐Illustrator制作流行的扁平化长阴影字体图标等教程,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - Illustrator 】

本教程主要使用Illustrator制作超酷的扁平化长阴影效果。废话不多说了,打开AI我们一起来学习吧。希望大家可以通过这个教程学习教程的要点。

首先,老规矩先上最终效果图。

Illustrator制作超酷的扁平化长阴影效果,图老师

STEP 1

当然是新建一个500x500px的文档,用RGB或CMYK颜色模式随你喜欢,屏幕72PPI就好,其它不用动,点确定。

Illustrator制作超酷的扁平化长阴影效果,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)

STEP 2

选用星形工具创建一个半径1:160px,半径2:80px,角点数:8的八角星。(你要用矩形工具,椭圆工具,多边形工具创建都没问题,只要你喜欢,真是调皮的孩子)。

Illustrator制作超酷的扁平化长阴影效果,图老师

STEP 3

打开外观面板,把八角星的描边去掉。然后添加一个新填色。接下来把下面的白色填色更改成K=40的灰色。

再接下来童鞋们注意了,我要变形了。点击 效果 扭曲和变换 变换,弹出变换效果面板。

Illustrator制作超酷的扁平化长阴影效果,图老师

Illustrator制作超酷的扁平化长阴影效果,图老师

在变换效果的移动下面的水平和垂直各增加0.5px,副本加500,点击确定。效果如下图。

Illustrator制作超酷的扁平化长阴影效果,图老师

STEP 5

你们可能觉得我是在忽悠你们,都第五步了才画这(bi)样(yang)子。但是我没有骗你们啊,标题写着5步画出长阴影效果啊。确实是有长阴影效果了。好了言归正传,以上熟练了可以归为一步。继续。

把这个长阴影效果的图形,拖进图形样式里面去,知道有什么作用了吗?这个样式可以成为你的专属图形样式,你再画个五角星,圆形,什么形状的东东,再套用这个图形样式,马上长阴影就出来了,有没有,只要2块钱有没有,买不了上当,买不了吃亏。

Illustrator制作超酷的扁平化长阴影效果,图老师

Illustrator制作超酷的扁平化长阴影效果,图老师

STEP 6

接下来我们要对刚才填充灰色的填色使用一个渐变效果。如何贱。贱多少。?你才贱呢。打开渐变面板,角度为135tulaoshi.com°,左边为白色,右边为K=40的灰色。得到效果如图。你也可以调整你喜欢的渐变和角度。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)

Illustrator制作超酷的扁平化长阴影效果,图老师

12下一页

来源:http://www.tulaoshi.com/n/20160318/1885864.html

延伸阅读
标签: PS PS基础
最终效果 准备工作: 打开Photoshop,新建600 * 600的画布,其它参数默认,点确定。 方法1: 鼠标移至左侧工具栏矩形工具上,点击三角箭头切换成多边形工具。鼠标移至选项栏设置边:4,点击设置图标(齿轮),按下展开,勾选平滑拐角。 按住Shift,按住鼠标左键在画布中央绘制就可以了。 放大之后发现它的边缘是虚的像素,为了...
标签: 设计
本文将传授你多样的扁平化设计风格,绝对时髦教程,读完本文,你将轻松掌握时下最热门的设计手法,四种风格包括:常规扁平化、长投影、投影式、渐变式。喜欢的朋友一起来学习吧。 一、常规扁平化 步骤 1: 宽度: 500px, 高度: 400px. 背景色#e8d59b. 步骤 2: 参考线设置: 垂直:157px,177px,250px,323px, 343px, 378px 水平:7...
标签: Illustrator
在本教程中,我们将制作一套平面风格的肖像,描绘不同职业的人。这样的头像可以被用来当作社交网络的头像,或者是你个人网站的设计素材(描绘不同的职业类型)。你还可以用这种方法制作自己的扁平化肖像,用作你自己的商业名片。现在让我们开始我们的教程吧。 Adobe Illustrator的几何形状工具在制作矢量图形方面非常棒。我们通过接下来详细的教...
扁平化设计从2012年开始就已经流行起来,我觉得flat design有点类似极简主义设计,同样是追求简洁、简约,不同的是,扁平化设计是一项运用简单效果,或者是刻意进行一个不使用三维效果的设计方案。一个好的扁平化设计必然不可能出现阴影、浮雕和渐变等效果。 扁平化设计看上去非常简单、直观,并且使用方便,所以在手机界面和网页设计中变得越...
标签: PS PS基础
今天是天空图标教程系列的后两集,自从上一次我们的小火箭发射后,今天终于来到了外太空,找到了它的小伙伴,行星和雷达,今天的教程是搞定这两个,过程重绘制思路,挑操作重点,简洁明了,适合有基础的同学练手。 先看看效果图 行星图标 第1步: 首先绘制一个淡黄色的圆形作为行星的轮廓。使用矩形工具,星球上方绘制很多不同颜色的...

经验教程

357

收藏

27
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部