恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Ai打造照片级效果,get起来吧!
0.0°
2017-03-14 原创文章 教程 举报 4575 36 34 2

Hello,大家好,今天分享的是使用Ai制作出逼真的花朵盆景,视觉效果很不错哦~

Hello

大家好

今天分享的是

使用Ai制作出逼真的花朵盆景

视觉效果很不错哦~

足以媲美Ps的处理效果

而且是矢量文件

这种制作方法实用性还是很高的

颜色变化效果非常好

可以用这种方法设计出很细腻的作品

快来看看吧!


好了

不多说

拿上一杯热水

开始下面的教程吧!

这期的篇幅比较长,注意眼睛休息哦~


Image title




1、如何制作花瓣


第一步


网格工具


新建一个椭圆

填充颜色:FFDA0D

然后使用网格工具:U

在椭圆的中心位置点击添加网格线

接着使用直接选择工具:A

调整椭圆的锚点位置


Image title


第二步


选择网格工具

按住“Shift键”在椭圆中点击添加网格线

(不按Shift键也可以添加,但是有时添加的锚点颜色会变,调整起来会麻烦一些)


注意:Shift键代表加线,在原有的横线上点击添加,只能在对应位置上添加竖线,反之相同,空白的位置点击添加,会添加十字线。

Alt键代表减线,按住Alt键点击锚点,就会减去对应的网格线。


然后使用直接选择工具:A

选择图中对应的锚点

接着双击前景色改变颜色

色值为:F2B50C


Image title

Image title



第三步


使用直接选择工具

调整花瓣左侧的锚点

并且添加一条竖网格线

然后调整锚点的颜色


Image title


以上就是网格工具的特点

通过添加网格线来增加锚点

既可以改变形状

也可以设置颜色的分布


第四步


绘制纹理线


使用钢笔工具:P

绘制两条曲线

第三条曲线通过对称复制第一条曲线得到

然后去除填充

并且设置描边样式


接着选择对象>扩展外观

最后填充渐变色

色值为:9F6700、FFCC75、FFFFFF


Image title


然后把这三条线编组:Ctrl+G

放到花瓣的上面

选择效果>模糊>高斯模糊

模糊值的大小根据花瓣的大小来定

这里用的是1.8像素

并且在透明度面版

设置透明度:30%

叠加模式:正片叠底


Image title


第五步


调整花瓣形状


花瓣的形状主要有两种形状

一种是尖角的,一种是圆角的


首先把花瓣和纹理线编组

然后复制一个备份

选择花瓣

快捷键:R

这是在花瓣中心会出现一个准心点

按住Alt键点击准心

就会弹出旋转面版

设置旋转角度:90度


Image title


选择效果>变形>弧形

设置参数

多复制出几个花瓣

使用变形里面的各种效果

设计出各种花瓣的形状


Image title


圆角花瓣的制作方法

复制一个使用弧形变形的尖角花瓣

然后选择对象>扩展外观

接着使用直接选择工具调整尖角的锚点


Image title


2、如何制作花朵


第一步


设计完花瓣之后

花瓣的形状并没有确定下来

因为在设计花朵的时候

为了达到真实的视觉效果

花瓣的形状还要再次调整


这里用到另一个工具

叫做“封套扭曲”

在执行封套扭曲之前

要把上一步设计的花瓣扩展一下

不然在旋转的时候花瓣会变形


扩展之后就可以设计花朵了

下面就需要一瓣一瓣的制作了

首先选择一个扩展后的花瓣

然后选择对象>封套扭曲>用网格建立

在弹出的封套网格面版设置以下参数:

行数:2

列数:1

接着根据花瓣的位置旋转或缩放一下花瓣

最后使用直接选择工具:A

调整封套扭曲的锚点来改变花瓣的形状

(如果感觉锚点不够用,可以使用添加锚点工具:+添加锚点)


Image title

Image title


在设计花朵形状的时候

可以找一张花朵的照片

根据照片上花朵的形状来调整

不过不要用视角太偏的照片哦~

因为我们制作的这一盆花朵

都是由一个花朵复制出来的

如果是角度太偏的花朵

复制出来就会明显看得出是通过复制的

所以尽量使用视角正的花朵照片


第二步


改变花瓣颜色


一朵花的颜色不会都是一样的

色相是一样的

但是在纯度、明度上就会有变化

比如有的花瓣颜色比较深一些

有的比较亮一些

这样做出来的才会更加真实好看

改变花瓣颜色的方法有两种


第一种

使用选择工具:V

选择需要改变颜色的花瓣

在Ai的左上角会有两个图标

分别是:编辑封套编辑内容

选择编辑封套是改变花瓣的形状

选择编辑内容是通过改变锚点的颜色

来改变花瓣的颜色


Image title


第二种

选择需要改变颜色的花瓣

选择编辑>编辑颜色>重新着色图稿

在弹出的重新着色图稿面版会列出

所选花瓣上所有的颜色

在面版中双击某一种颜色就可以改变这种颜色


Image title

Image title


如果想看这种颜色在花瓣的哪个位置

点击面版颜色条右下角“放大镜图标”

然后把鼠标移动到颜色条上

这时鼠标会变成放大镜的样子

想看哪种颜色在哪种颜色上点击就可以了

面版别挡住花瓣哦!


Image title


如果想整体调整花瓣的颜色

在面版下方颜色调整器的左边

有一个按钮

点击按钮选择“全局调整”

点击之后颜色调整器就会变为

饱和度亮度色温明度

调整这四项花瓣的颜色就会整体发生变化


Image title


编辑颜色这个功能是很实用的

在调整颜色方面节省了一大部分时间

而且可以达到很细腻的颜色效果

这个功能大家在设计的时候要好好利用哦~


Image title


3、如何制作花瓣投影


第一步


现在的花朵刚有个大概的样子

添加上花瓣之间的投影

就会更真实、立体


首先复制出上一步制作的整个花朵

然后选择对象>栅格化

在弹出的栅格化窗口设置

分辨率:中(150ppi)

背景:透明

栅格化之后花朵就变为一张图片了


Image title


接着选择窗口>图像描摹

打开图像描摹面版

(选择图片的时候,在Ai的上方也有“图像描摹”选项,点击右边的小三角按钮,就可以调整预设)

设置预设:剪影

接着点击描摹就可以了


Image title


最后选择对象>扩展

在弹出的窗口勾选:对象填充

这样就制作出花朵的外轮廓了


Image title

制作花朵的外轮廓是为了给花朵做剪切蒙版

因为在做投影的时候

有的投影会超出花朵

需要把超出的部分剪掉才可以


第二步


投影不需要每片花瓣都添加

只需要几个就可以

方法是

首先选择相应的花瓣

然后选择效果>风格化>投影

在弹出的窗口设置投影颜色

色值:A37A07

投影的偏移大小根据花瓣的位置来定


Image title

Image title


第三步


扩展投影


现在投影的角度是固定的

如果旋转花朵投影就会出错

投影不会跟着花朵一起旋转

并且如果需要放大花朵

投影的偏移值是不会跟着放大的

那么就需要把投影扩展成一个对象

这样就可以旋转和放大了

方法是

选择添加投影的花瓣

然后选择对象>扩展外观

最后在花瓣上点击鼠标右键

选择“取消编组”

这样花瓣和投影就分成两个对象了


Image title


第四步


去除多余投影


这一步就需要用到

上面制作的花朵外轮廓了

首先把所有花瓣编组:Ctrl+G

然后把花朵外轮廓与花朵对齐

最后同时选择花朵外轮廓与花朵

快捷键:Ctrl+7创建剪切蒙版

这样多余的投影就去除了

现在花朵看起来是不是更真实了


Image title


到这里花瓣部分就制作完成了

休息一下眼睛吧~

一次看太多容易记不住哦!





4、如何制作花蕊


花蕊的制作步骤有些多

但是操作起来还是很简单的


注意:花蕊的制作方法,也是另一种使用Ai制作毛绒效果的方法,相对于上几期毛绒的制作方法,这种方法的优点还是很多的,快往下看看怎么制作的吧!


第一步


新建一个6*6px的圆

去掉描边填充颜色

然后选择效果>扭曲和变换>变换

在弹出的窗口设置

移动:(水平:6.5px)

副本:20

点击确定


Image title

Image title


第二步


首先把填充色去掉

添加0.5pt的描边

然后打开画笔窗口:F5

把圆拖到画笔面板

在弹出的窗口中勾选“图案画笔”

并且在下一个窗口设置下图属性


Image title

Image title


第三步


新建一个300*300px的圆形

去除填充

添加描边

使用剪刀工具:C

把圆分割为两个大小相同的半圆

删除右边的半圆

然后给剩下的半圆添加上一步制作的画笔


Image title


选择添加描边的半圆

点击鼠标右键选择变换>对称

勾选水平对称

最后点击复制

稍微移动一下对称出来的半圆

让两个半圆组成一个圆


Image title


第四步


首先选择一个半圆

然后选择并双击混合工具:W

打开混合选项面版

设置间距:“指定的步数:30”


注意:指定的步数越多,产生的对象越多,电脑配置好些的可以步数多一些,30步属于中等,但是后面电脑也会很卡~


接着分别点击一下半圆

就会在它俩中间绘制出30个半圆了


Image title


第五步


选择对象>扩展外观

再选择对象>扩展

在扩展选项窗口勾选“对象”

点击确定

这样每个圆都是可以编辑的路径了


Image title


第六步


选择并且双击“扇贝工具”

打开扇贝工具选项面版

设置画笔尺寸:500*500px

强度:10%

复杂性:5

细节:1

然后把画笔放到圆的中间位置点击鼠标

点按的时间越长强度越大


Image title


下面选择“膨胀工具”

设置设置画笔尺寸:30*30px

在圆的中心点一下

这是最花蕊中心的部分


Image title


接着选择效果>扭曲和变换>粗糙化

设置大小:51%

细节:16/英寸

勾选:平滑


Image title


最后使用

画笔大小:350*350px

强度:30%

“褶皱工具”、“晶格化工具”

点击圆形

使线条更复杂一些


到这一步的时候

电脑可能会比较卡

一定要耐心等待

如果太慢了只用一个褶皱工具也可以


第七步


填充渐变描边

色值为:

FFDD0F6B5D06

这个颜色如果感觉太暗

可以先不用直接改变渐变色值

因为改变颜色也会使电脑很卡~


可以复制出一个花蕊

然后选择对象>栅格化

把花蕊变为一张图片

然后选择编辑>编辑颜色>调整色彩平衡

在弹出的窗口设置

红色:12%

绿色:12%

蓝色:12%


Image title

Image title


第八步


花蕊的主要元素已经制作好了

下面就是把花蕊调整为合适的形状


新建一个椭圆

填充渐变

色值为:9F6700FFCC75FFFFFF

在透明度面版选择叠加模式为“正片叠底”

然后把椭圆放到花朵的中间位置

最后把花蕊也放到花朵中间

花蕊下方比较暗

是添加了一个渐透颜色


Image title

Image title


5、如何制作枝叶


第一步


枝叶的做法很简单

和做花瓣的方法一样

主要是用网格工具


首先新建一个长条矩形

填充颜色:2C6B05

然后使用网格工具

添加一条十字线

最后调整锚点的颜色


Image title


枝干的形状

使用封套扭曲调整就可以


第二步


叶子制作


Image title


第三步


制作花苗


花苗的制作方法同样是使用网格工具

新建一个长条矩形

填充颜色:BDCC85


Image title

Image title


下面就需要使用变形工具了

首先把制作出来的叶子

缩放一下变细一些

再选择效果>变形>拱形

设置参数

弯曲:30%

水平:38%

最后选择对象>扩展

多作出几个摆好位置


Image title

Image title


6、花朵摆放和颜色改变


第一步


首先是改变花朵的颜色

颜色的改变有点麻烦

主要是因为颜色比较多

不过主要是改变色相

明暗度不需要改变

方法是

选择所有花瓣

然后选择编辑>编辑颜色>重新着色图稿

配合“查找颜色位置按钮”来改变颜色


花朵只需要调出3种颜色

黄色、粉色、红色

其他两朵都是通过“全局调整”制作的


Image title

Image title

Image title

Image title


第二步


花朵摆放


花朵摆放比较简单

通过对称缩放旋转

就可以完成


Image title


7、如何制作花盆


第一步


新建一个矩形

填充颜色:E57739

使用直接选择工具调整形状

然后对称复制出一个

最后执行布尔运算合并为一个对象


Image title


第二步


使用网格工具

添加网格线

并且改变锚点的颜色


Image title

Image title


第三步


新建一个椭圆

填充颜色:B14516

放到盆口的位置


Image title


第四步


新建一个矩形

填充颜色:E0632D

使用自由变换工具:E

点击矩形右下角锚点不放

Ctrl(command)+Alt+Shift拖动鼠标

矩形就会变为梯形


Image title


然后添加网格线

调整形状

并且改变锚点的颜色


Image title


第五步


使用“画笔工具”

随便画一个不规则的形状

填充颜色:5E1606

记得双击画笔工具

“保真度”调为“精确”


Image title


第六步


制作投影


新建两个椭圆

颜色分别为:

大圆:CC4F23、透明度:0%

小圆:A3350F


然后双击“混合工具”

选择“指定的步数:30”

分别点击两个椭圆

这样就有了一种模糊的感觉


最后在透明度面版

设置叠加模式:正片叠底

透明度:70%

把这个形状放在花盆的盆口


Image title


下面是同样的步骤

创建花盆底部的投影

颜色分别为:

大圆:FFFFFF、透明度:0%

小圆:511505

叠加模式:正片叠底

透明度:80%


Image title


最后一个投影

是盆口在花枝干上的投影

制作方法相同

只是形状和颜色不同

颜色分别为:

大圆:FFFFFF、透明度:0%

小圆:393939

叠加模式:正片叠底

透明度:70%


Image title

Image title


到这里全部元素都做好了

下面就是把它们合在一起了


Image title


这期的内容比较多

大家不用一次看完,主要掌握其中的要点,做起来还是很简单的


一共三盆花

其他两盆也是用相同的方法制作

大家可以自己试一试



需要上图源文件,先关注微信公众号哦~



记得分享哦~

公众号ID:FushiDesign



源文件获取方法

 公众号内回复:矢量盆景


Image title


本账号提供Ps、Ai、Ae、3D设计教程,分享优秀案例。并提供设计源文件,赠送免费资源,提高学习效率,积累设计资源。

FushiDesign

长按识别二维码,关注釜势设计分享

  



Image title

戳原文,更有料!


阅读原文

更新:2017-03-14

收藏

36人已收藏

南瓜飞风

设计源于分享

  • 18

    作品

  • 465

    粉丝

  • 0

    关注

  • 学会二维小动画,只需十分钟!
  • 釜势设计分享第二十二期-走进春天
  • 釜势设计分享第二十一期-毛皮文字
  • 简单5步制作时尚潮流文字
相关标签

    猜你喜欢

      2017-03-14 原创文章 教程 举报 4575 36 34 2

      Ai打造照片级效果,get起来吧!

      0.0°

      你确定要举报Ai打造照片级效果,get起来吧!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年03月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      34
      36
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录