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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
釜势设计分享第二十二期-走进春天
0.0°
2017-02-23 原创文章 教程 举报 3848 49 30 2

Hello,冬天悄悄地走远,繁花盛开的春天已经来到了身边...这期分享的是关于春天的设计,属于插画的设计,快来一睹为快吧~

Hello

冬天悄悄地走远

繁花盛开的春天已经来到了身边...

这期分享的是关于春天的设计

属于插画的设计

形状比较多

但是基本都是使用相同的技巧设计的

主要是为增强画面布局能力和颜色搭配能力

这里我使用的是鼠绘的方法

如果使用手绘板会方便一些

不过提高鼠绘能力也是很重要滴~

Image title


如果有喜欢动画的朋友,这期会提供动画的Ae源文件哦!


好了,不多说

开始今天的教程吧!


1、如何设计字体


第一步


新建一个1965*1065px的画布

并且填充一个色值为:403152的背景


创建一个文字

调整合适大小和位置

然后再文字上点击鼠标右键

选择“创建轮廓”

这样文字就变为路径了

接着给文字添加一个渐变填充

色值为:FFE7C5FFFFFF

再添加一个描边

色值为:FFE7C5


Image title

Image title

Image title


最后复制一层文字

稍微移动一下位置

填充纯色:AD8440

移动到底层

并且在透明度面版选择“正片叠底”

这样就做出了投影效果

不过现在投影效果还不是很好

选择效果>风格化>投影

设置以下参数:

模式:正片叠底

不透明度:75%

X位移:0 px

Y位移:0 px

模糊:3 px

颜色:77521C

这样投影效果会更自然一些


Image title

Image title


2、如何制作枝叶


第一步


枝叶的做法很简单

首先创建一个65*30px的椭圆

填充颜色:25E5CE

然后使用锚点工具:Shift+C

点击椭圆左右两边的锚点


接着选择窗口>画笔

打开画笔面版

把制作的椭圆拖动到画笔面板

在弹出的窗口选择“艺术画笔”

在下一个窗口中设置以下参数:

宽度:50%

着色:(方法:色相转换)


Image title

Image title


第二步


在左侧工具栏

双击画笔工具

打开画笔工具选项面版

把保真度调整到趋于平滑

然后随便画一条路径

接着在画笔面版选择刚才创建的艺术画笔

叶子的形状就出来了


使用这种方法可以创建出各种形状的叶子

而且调整也很方便

可以调整路径的长短、形状

描边值的大小、样式

来改变叶子的形状


Image title


枝干的制作方法和叶子一样

只不过画笔不同

需要新创建一个形状


Image title


3、如何制作花朵


第一步


花朵的制作主要使用

铅笔工具:N

平滑工具

椭圆工具:L


首先在左侧工具栏

双击铅笔工具

打开铅笔工具选项面版

设置以下参数:

保真度:平滑

勾选填充新铅笔描边

勾选当终端在此范围内时闭合路径:15 像素

勾选编辑所选路径

范围:6 像素


Image title


下面就是考验鼠绘能力的时候了

不过有些花朵可以使用椭圆拼接出来哦~


第二步


花朵填色


这里用到了五种渐变色

如果觉得不够可以再增加一些

这五种渐变色值分别为:

FFA600、FFC170

FFA938、FFE196

FF4E4A、FF6E6B

FF3842、FF7575

FF8094、FFABD1


Image title


4、摆放花朵、枝叶


第一步


花朵的摆放没有固定的位置

要看个人的习惯了

好看的花朵无论放在哪都会好看的~


Image title

Image title


第二步


枝叶摆放


枝叶的摆放主要是有层级关系

例如一根花枝

有的部分在文字的上面

而有的部分在文字的下面

这种穿插的效果在制作的时候

要细心一些

叶子也是一样哦!


制作这种效果的方法很简单

首先把花枝摆放好位置

然后选择对象>扩展

接着使用“刻刀工具”

把需要放到上层或下层的枝干切出来

最后再调整层的顺序就可以了


注意:如果需要制作动画,就不能把枝干切断了。需要在Ae中创建蒙版才可以。


Image title

Image title


第三步


底衬叶子摆放


底衬叶子有两种颜色

色值分别为:337C7F、39AAB5

放上底衬叶子画面就会更加饱满


Image title

Image title

Image title


第四步


装饰制作


这部分的制作方法与叶子的制作方法相同

也是使用创建画笔的方法

水滴形状和心形需要使用创建画笔

圆点使用椭圆工具就可以了


Image title


5、如何制作枝叶在文字上的投影


第一步


复制出在文字上的枝叶

填充颜色:B5AC8A

然后把复制出来的枝叶编组:Ctrl+G

并且稍微移动一下位置

接着移动到原先枝叶的下层


Image title

Image title


第二步


复制出一层文字

选中所复制的文字

填充黑色

并且执行布尔运算:交集

然后同时选择复制出的文字和枝叶

在透明度面版选择“制作蒙版”

勾选“剪切”“反向蒙版”

这样枝叶的投影就制作完成了


Image title

Image title

Image title


到这里就做完了

其实制作步骤很简单

主要是形状元素较多一些

所以在布局摆放的时候要稍微耐心一些

不过如果你沉浸在创作中,做起来会更顺手...



记得分享哦~

公众号ID:FushiDesign




源文件获取方法

 公众号内回复:走进春天


Image title


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

公众号ID:FushiDesign

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




Image title  戳原文,更有料!


阅读原文

更新:2017-02-23

收藏

49人已收藏

南瓜飞风

设计源于分享

  • 18

    作品

  • 465

    粉丝

  • 0

    关注

  • 学会二维小动画,只需十分钟!
  • Ai打造照片级效果,get起来吧!
  • 釜势设计分享第二十一期-毛皮文字
  • 简单5步制作时尚潮流文字
相关标签

    猜你喜欢

      2017-02-23 原创文章 教程 举报 3848 49 30 2

      釜势设计分享第二十二期-走进春天

      0.0°

      你确定要举报釜势设计分享第二十二期-走进春天

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2017年02月23日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      30
      49
      2

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

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

      登录

      手机号

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

      登录
      第三方账号登录