ai怎么设计可爱的夏日海滩小插画图标?

  发布时间:2017-06-04 09:22:34   作者:Andrei Stefan   我要评论
ai怎么设计可爱的夏日海滩小插画图标?ai中想要设计一组海滩小图标,该怎么设计呢?下面,下面我们就来看看详细的设计教程,很简单,需要的朋友可以参考下

本教程主要使用Illustrator绘制可爱的夏日海滩插画效果,这种风格很可爱卡通,感兴趣的朋友让我们一起来学习吧。先看看效果图

1、四个图都有一样的背景

2、大大的描边

3、都打破了背景的边界

4、都是日常生活中常见的,都和夏日海滩这个主题想关,很真实

首先新建一个图层800*600px大小,颜色模式为RGB,分辨率为72ppi,将新对象对齐到网格。

STP1:背景的制作

1、绘制安全框,虽然设计不应该有啥限制,但为保证一致,还是给个套比较好,新建一个矩形,大小128*128px,颜色为#FF6B57

然后绘制一个116*116px,颜色为#F2F2F2的矩形,使之与上图对齐

2、绘制背景海边沙滩,一个圆分两半,一半是海一半是沙,使用椭圆工具绘制一个88*88px,颜色为#34D5EA的圆,使之与安全框垂直居中对齐,距安全框下边框4px,如图

然后我们选中圆框,对象--路径--偏移路径,给他4px的偏移值,颜色为#493E3E

大的背景我们做出来了,然后我们来做些里面的东东。选中我们的蓝色圆框,ctrl+c,ctrl+f原位复制一个。然后对象--路径--便宜路径,偏移-4px

然后我们选中复制的副本和副本的偏移量,减去顶层形状得到一个圆环,我们给新得到的圆环改变颜色为白色,混合模式设置为柔光,不透明度改为80%

接下来我们画海滩的沙子的那一部分,使用钢笔工具勾出一个如下图的形状,颜色为#EDBC32

同样的方法,给他一个4px的偏移描边,颜色为#493E3E(对象--路径--偏移路径)

我们给黄色的沙滩上面加些沙子大小2*2px,颜色为#D19A20,多复制几个,编个组。得到下图效果

我们最终效果图背景就是一个圆,所以我们要把沙滩多出来的给剪掉,复制一层(ctrl+c,ctrl+f)那个最开始的蓝色圆(88*88的),然后选中它和黄色沙滩,右键--建立截切蒙版

然后我们来制作海滩上的高光,复制海面的那个高光(减去顶层出来的圆环),然后复制一下钢笔工具勾出来的黄色海滩,黄色海滩在上,圆环在下,同时选中,右键--建立剪切蒙版,得到下图

接着制作中间的那个分割带的高光部分,复制一个黄色沙滩,偏移路径-4px,然后同时事选中这两个图层,减去顶层形状,得到一个环,将颜色改为白色,混合模式调为柔光,不透明度调为80%。接着,复制一个蓝色的圆(88*88的那个),选中蓝色的圆和我们减去顶层得到的环,右键--建立剪切蒙版,得到如图高光。

3、绘制海面上的云朵

相关文章

  • AI绘制一个简单的扁平化时钟icon图标

    这篇教程是向脚本之家的朋友分享AI绘制一个简单的扁平化时钟icon图标方法,教程绘制出来的图标还是很不错的,教程比较基础,适合新手来学习,推荐过来,一起来学习吧
    2016-11-30
  • AI简单制作一个圆形图标

    这篇教程是向脚本之家的朋友分享AI简单制作一个圆形图标方法,教程制作出来的图标非常漂亮,难度不是很大,值得大家学习,推荐过来,喜欢的朋友可以参考本文,希望能对大家
    2016-11-27
  • AI快速绘制中国联通图标

    这篇教程是向脚本之家的朋友分享AI快速绘制中国联通图标方法,教程绘制出来的图标还是很不错,教程比较简单,适合新手来学习,一起来看看吧
    2016-11-07
  • Ai怎么绘制手机传输文件的图标?

    Ai怎么绘制手机传输文件的图标?ai绘制矢量图标很好,不会失真,该怎么绘制手机中的一个传送文件的图标呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2016-10-24
  • AI简单绘制一枚挂在胸前的徽章图标

    这篇教程主要是向脚本之家的朋友分享AI简单绘制一枚挂在胸前的徽章图标方法,教程绘制出来的徽章图标非常漂亮,难度不是很大,值得大家学习,一起来看看吧
    2016-10-19
  • Ai简单绘制一个圆形仪表图标

    这篇教程是向脚本之家的朋友分享Ai简单绘制一个圆形仪表图标方法,教程比较基础,对于初学者来说很值得过来学习,推荐到脚本之家,一起来学习吧
    2016-10-18
  • Ai怎么绘制红色的电话小图标?

    Ai怎么绘制红色的电话小图标?ai中绘制矢量图标很简单,今天我们就来看看绘制一个家用电话图标的教程,很简单,下面我们就来看看详细的教程,需要的朋友可以参考下
    2016-10-18
  • Ai怎么设计柜子的小图标?

    Ai怎么设计柜子的小图标?ai中想设计一个简单的柜子图标,该怎么设计呢?今天我们就来看看使用ai设计的教程,图文很详细,需要的朋友可以参考下
    2016-10-17
  • Ai怎么画数码相机图形的图标?

    Ai怎么画数码相机图形的图标?想绘制一个数码相机,该怎么绘制呢?ai绘制矢量图很方便,下面我们就来看看ai绘制数码相机图标的教程,需要的朋友可以参考下
    2016-10-09
  • AI布尔运算工具绘制一个定位时钟图标

    这篇教程是向脚本之家的朋友分享AI布尔运算工具绘制一个定位时钟图标方法,教程绘制出来的图标非常漂亮,难度不是很大,适合初学者来学习他,推荐到脚本之家,一起来学习吧
    2016-09-27

最新评论