打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
AI+PS+AE教程!雨天的河边小屋噪点场景绘制过程

关于教程

本次教程临摹 Dribbble 上 Outcrowd 的作品。本次教程的重点难点且在于 AI 中钢笔工具的运用,细腻的颜色渐变以及图层顺序排布,PS 中的添加杂色与 AE 中粒子的运用。下面我们就开始吧!

教程步骤

步骤 01

首先在AI里新建一个800px×600px的画板

步骤 02

因为此场景结构复杂,所以我们先来给他分成几个大板块,然后在绘制过程中按照图层顺序再细致划分:

  • 背景部分

  • 小屋部分

  • 乱石部分

步骤 03

绘制背景部分,先将其分为三个色块。

色块一800px X 250px ,#f0f4ff ~ #8793ba;

色块二800px X 205px,#fff1ed ~ #ffd2c7;

色块三800px X 145px,#fba89a。

接下来是山和水面部分

#b8c0d4 ~ #bfc5db ~ #aba9d4

#c6c7d2

#83849f

#d6c9c5 ~ #e6d0cd

#ffd5b0 ~ #ffe8d1

步骤03完成图:

步骤 04

接下来绘制小屋部分,因为其图层顺序复杂,我们再次将其划分板块,每个版块单独设立图层。

  • 地面部分

  • 背景树部分

  • 树林部分

  • 屋边树部分

  • 小屋部分

  • 小桥部分

首先绘制地面部分

然后我们来绘制背景树部分(放置于地面图层下方 )

树林和屋边树部分

接下来画小屋部分,要注意屋檐的厚度等细节的绘制

接下来就到了本节最后的小桥部分的绘制,要注意小桥的柱子也是有颜色的渐变的。

步骤04完成图:

步骤 05

接下来到了插画绘制的最后一个部分——乱石部分。此部分图层顺序更加复杂,所以我们依旧把他分为几个小部分,每个部分分为一个图层。

  • 乱石1(顺序从后到前)

  • 乱石2

  • 乱石3

  • 乱石4

步骤05完成图:

到此所有AI插画绘制部分已经全部完成啦

步骤 06

接下来我们打开PS,新建一个800PX×600PX的画布。然后我们回到AI中,将乱石层设为不可见。

选中所有可见图层,ctrl+c复制,到PS中ctrl+v,选择复制为智能对象,并重命名为背景层。

同理,也将刚刚不可见的乱石层也复制到PS中,并命名为乱石层。

然后我们分别为两个图层添加杂色(滤镜-杂色-添加杂色)

背景层设为1%,乱石层设为2%

保存为JPG格式。

步骤06完成图:

步骤 07

现在我们打开AE,为我们绘制好的插画添加下雨的动效。同样我们新建一个合成,尺寸为800px×600px。并且导入我们绘制好的插画。

在这里会用到我们效果和预设中的 CC Particle World ,数值可以自己设置,我的只作为参考

我们通过观察不难发现,为了让雨更有空间感,我们把它分为三层雨。

首先我们新建一个纯色图层,命名为【雨-近】。在效果和预设中找到CC Particle World,并拖入此纯色图层中。

此时可以发现默认的并不是我们想要的雨的效果,下面我们就来调整一下。

然后我们将此图层复制两次,分别命名为【雨-中】,【雨-远】

我们再来调整【雨-中】

最后我们调整一下【雨-远】

最后我们将三个纯色图层预合成并命名为【雨】

这时我们播放可以发现在开始时,我们的雨有一个出现的过程,在我们导出为GIF时不能够让他保持持续下雨的状态。所以这时我们选中工作区,使其

位于01:00—02:00之间。这样我们将雨的出现过程去掉,就能够形成雨一直下的过程了。

这时再按播放键,就能够发现没有跳帧现象了。

步骤 08

导出为GIF格式。可以参考AE教程基础视频进行导出。

到此全部教程都已经完成啦!

最终效果

结语

本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
AI AE教程!从零开始制作一只活蹦乱跳的小兔子
蝴蝶飞舞
7个步骤让静态的大圣动起来!
PS教程:人物换脸步骤
10分钟教你用AE做gif
PS,AI,AE CC版最常用的快捷键整理
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服