Illustrator制作超酷的字母扁平化长阴影效果

  发布时间:2014-11-25 09:54:50   作者:ahfong   我要评论
这篇教程是向程序员之家的朋友介绍利用Illustrator制作超酷的字母扁平化长阴影效果方法,教程制作出来的效果非常地不错,教程难度不是很大,推荐到程序员之家,喜欢的朋友可以跟着教程一起来学习吧
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

这篇教程是向程序员之家的朋友介绍Illustrator制作超酷的字母扁平化长阴影效果方法,教程很不错,介绍的也很详细,废话不多说了,打开AI我们一起来学习吧。希望大家可以通过这个教程学习教程的要点。

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

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

STEP 1

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

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

STEP 2

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

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

STEP 3

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

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

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

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

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

STEP 5

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

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

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

STEP 6

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

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

STEP 7

打开外观面板,为这个灰白渐变色不透明度选为正片叠底,然后再添加一个相加效果。效果> 路径查找器 > 相加,不用理会弹出的对话框直接点确定。然后把相加和变换调换一下位置,如图一样,变换在上,相加在下。然后把这个图形,拖进图形样式里面去。

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

STEP 8

接下来用矩形工具为画板加一个500x500px的正方形,C=70,M=15的天蓝色,置于底层(Shift+Ctrl+[ ),然后复制副本(Ctrl+C > Ctrl+F)再把矩形置顶(Shift+Ctrl+]),按Ctrl + A全选,进行剪切蒙版(Ctrl+7)。这个简单的扁平化长阴影效果就完成了。但事实远没这么简单,接着往下看。

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

STEP 9

你们以为这样就完了,一点技术含量都没有嘛。完全是来骗点击和关注的。没错,我确实也是这么干的。最终效果图还没有完成呢,再苦再累怎么也得继续。饭也得一口一口的不是。

点击文字工具,打上LONG SHADOW,选好字体,排好版。应用我们刚才存起来的图形样式,效果出来了吗?效果是有了,可是怎么跟你的不一样啊。又被诓了,大招总得留到最后放嘛,你见过斗地主一开始就炸王的吗?

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

STEP 10

把字体转曲线(Ctrl + Shift + O),取消群组,再应用刚才的图形样式,再群组起来。是不是有点接近了,可是还没完。看起来阴影太强烈了是吧。最后2张牌了,我要炸王了。选择透明度面板,把挖空组打上勾。哈哈,给钱给钱。

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

最终效果如下

Illustrator制作超酷的扁平化长阴影效果,PS教程,思缘教程网

教程结束,以上就是Illustrator制作超酷的字母扁平化长阴影效果教程,希望大家喜欢本教程!

相关文章

  • AI绘制一套扁平化风格的职业头像图标

    这篇教程是向程序员之家的朋友分享AI绘制一套扁平化风格的职业头像图标方法,教程绘制出来的图标非常漂亮,难度也不是很大,推荐到程序员之家,喜欢的朋友快快来学习吧
    2016-01-12
  • AI结合PS两分钟制作扁平化长投影教程

    这篇教程是向程序员之家的朋友介绍AI结合PS两分钟制作扁平化长投影方法,教程非常简单,对于新手来说是个很不错的学习教程,推荐到程序员之家,喜欢的朋友一起来学习吧
    2015-10-18
  • AI 1分钟5步简单快速制作扁平化长投影

    这篇教程是向程序员之家的朋友介绍AI 1分钟5步简单快速制作扁平化长投影方法,教程制作出来的长投影非常的不错,方法也很简单,推荐过来,大家一起来学习吧
    2015-05-01
  • AI绘制漂亮质感的扁平化宝石图标

    本篇教程是向程序员之家的朋友介绍利用AI绘制漂亮质感的扁平化宝石图标过程,教程制作出来的宝石图标非常的漂亮,难度也不是很大,推荐到程序员之家,喜欢的朋友可以跟着教程一
    2014-10-18
  • Illustrator绘制时尚扁平化风格的复活节彩蛋图标

    本教程主要使用Illustrator绘制时尚扁平化风格的复活节彩蛋图标,里面有很多的AI绘制技巧和基本知识,教程很不错,推荐到程序员之家,一起来学习吧
    2016-03-28
  • Illustrator绘制6组不同扁平化风格的动物卡通头像教程

    这篇教程是向程序员之家的朋友分享Illustrator绘制6组不同扁平化风格的动物卡通头像方法,教程绘制出来的动物卡通头像非常漂亮,推荐过来,一起来学习吧
    2016-01-18
  • Illustrator绘制扁平化风格的黑色皮肤外科医生头像

    这篇教程是向程序员之家的朋友分享Illustrator绘制扁平化风格的黑色皮肤外科医生头像方法,教程绘制出来的效果还是挺不错的,很值得大家学习,推荐过来,大家快快来学习吧
    2016-01-18
  • Illustrator绘制清新简单的扁平化风格的海报字体教程

    这篇教程是向程序员之家的朋友介绍Illustrator绘制清新简单的扁平化风格的海报字体方法,教程绘制出来的字体非常漂亮,难道也不是很大,推荐到程序员之家,大家一起来看看吧
    2015-11-09
  • 用Illustrator设计扁平化风格的飞镖图标

    本教程是向大家介绍利用Illustrator设计扁平化风格的飞镖图标火车,绘制效果非常不错,教程难度一般,介绍的也非常详细,喜欢的朋友可以跟着一起学习一下
    2014-07-02
  • Illustrator绘制漂亮的扁平化风景插画教程

    这篇教程是向程序员之家的朋友分享Illustrator绘制漂亮的扁平化风景插画方法,教程绘制出来的插画非常漂亮,操作很简单的,一起来学习吧
    2016-05-27

最新评论

?


http://www.vxiaotou.com