甲虫课堂 > PS教程 >

AI+PS制作立体剪纸插画

阅读
2021-03-16 10:04:50

效果图

AI+PS制作立体剪纸插画

AI+PS制作立体剪纸插画(1)

AI+PS制作立体剪纸插画(2)

一、矢量插画的绘制

对画的主题进行元素提取。对照片的外轮廓进行提取。

AI+PS制作立体剪纸插画(3)

接下来在AI里将这些元素绘制出来,并加入一些细节。

AI+PS制作立体剪纸插画(4)

为了让画面更加立体,需要加入一些立体的层次,绘制出底部的形状和顶部的形状。

AI+PS制作立体剪纸插画(5)

顶层需要有镂空才能显示层次感。接下来把元素放进图形里,注意前后及层叠关系。

AI+PS制作立体剪纸插画(6)

现在看起来背景有点空,所以可以适当加入一些山做背景,再给猴子加个月亮的场景。

AI+PS制作立体剪纸插画(7)

接下来需要全选图层取消编组(CTRL+SHIFT+G),然后进行释放图层。

TIPS:释放图层的目的是为了让图层导出为psd格式时每个图层都是分开的。

AI+PS制作立体剪纸插画(8)

接下来根据所需要的文件大小导出这个文件。注意勾选 「写入图层」的选项。

AI+PS制作立体剪纸插画(9)

二、打造立体效果

分析真实剪纸的一些细节。

AI+PS制作立体剪纸插画(10)

纸张是有厚度的,受光面是有一条亮线凸起,背光面有一条暗线凹陷前后的关系是由投影决定的,且投影越大,轮廓越模糊距离越远,反之则越近。纸张有特殊的纹理。

AI+PS制作立体剪纸插画(11)

通过ps图层样式(浮雕和斜面,图案叠加,投影和内阴影)来打造立体效果了。

浮雕和斜面:

做画面中顶层背景和底层背景的叠加关系。双击顶层背景图层,会出现图层样式,通过浮雕和斜面来体现纸张厚度。大小决定纸张厚度,深度决定纸张暗部。光从顶部来,设置阴影角度为90度。

TIPS:为了画面光源的统一,所有的图层样式都要勾上使用全局光

AI+PS制作立体剪纸插画(12)

AI+PS制作立体剪纸插画(13)

图案叠加:

接下来给纸张加一些简单的纹理。使用图案叠加模式,选择灰色花岗岩花纹纸,选择线性加深模式,通过调节不透明度和缩放来控制纸张纹理。

AI+PS制作立体剪纸插画(14)

AI+PS制作立体剪纸插画(15)

AI+PS制作立体剪纸插画(16)

适当把颜色调浅。

AI+PS制作立体剪纸插画(17)

投影:

为了突出底部凹陷的感觉,给这一层加入投影。注意混合模式选择正片叠底,通过调整距离,扩展以及投影大小去体现距离的远近。

距离调节投影的距离,扩展调节投影的虚实,大小调整投影的大小。

AI+PS制作立体剪纸插画(18)

AI+PS制作立体剪纸插画(19)

如果已经将投影开到最大依然不够,可以通过增加投影的方式加强距离感。

AI+PS制作立体剪纸插画(20)

AI+PS制作立体剪纸插画(21)

使用斜面与浮雕给鱼旗底部的图层加入厚度。

AI+PS制作立体剪纸插画(22)

用图案叠加做出纸纹,使用投影将鱼旗和底部拉开距离。

AI+PS制作立体剪纸插画(23)

内阴影:

接下来重复前面的三个步骤实现鱼鳞凸起的部分。

AI+PS制作立体剪纸插画(24)

接下来,使用内阴影实现鱼鳞凹陷的部分,增加鱼旗的立体感。

内阴影同样使用正片叠底的模式,通过调节距离,大小来实现距离感。

AI+PS制作立体剪纸插画(25)

AI+PS制作立体剪纸插画(26)

通过复制图层样式去实现鱼鳞每一片的效果,同时也保证了整体效果的统一性。

AI+PS制作立体剪纸插画(27)

AI+PS制作立体剪纸插画(28)

通过浮雕和斜面,图案叠加,投影和内阴影实现所有剪纸的效果。

斜面和浮雕增加厚度

图案叠加加入简单的纸质纹理

投影制造距离感和凸面

内阴影制造距离感和凹面

TIPS:所以类似于列车,窗户是凹进去的,所以使用图案叠加和内阴影,整个车相对于背景又是凸出来的,所以使用斜面浮雕,图案叠加和投影制造距离感。

三、叠加材质及调色

提亮画面:

通过叠加一层白色图层,选择柔光模式,并调整不透明度,去提亮整体画面。

AI+PS制作立体剪纸插画(29)

AI+PS制作立体剪纸插画(30)

材质叠加:

由于纸张材质的效果还不是很明显,通过叠加纸纹去增加质感。使用正片叠底模式,并且将纸张去色。

AI+PS制作立体剪纸插画(31)

AI+PS制作立体剪纸插画(32)

AI+PS制作立体剪纸插画(33)

一张的效果如果不够,可以通过两张纸纹去增加纸质效果。

AI+PS制作立体剪纸插画(34)

调色:

叠加完纸纹之后会发现整体又暗淡下去了,那这个时候可以通过使用亮度/对比度以及色相饱和度去调整画面。

AI+PS制作立体剪纸插画(35)

打光:

用灯光笔刷中的其中一只,点一下鼠标,打出一个形状,调整成柔光模式,用高斯模糊让光的边缘柔和。

AI+PS制作立体剪纸插画(36)

AI+PS制作立体剪纸插画(37)

相关搜索
场景合成蒙版海报设计抠图森林系祛痘痘名片设计ps教程抠图通道抠图
相关教程
ps怎么描边
图文
ps怎么描边
6157人学习
相关评论
X
0条回复

全部回复

回复...
X
X
写评论...
0
更多
X