字母人像:用PS结合AI绘制人像插画教程(3)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:飞屋睿

关键词

STEP 15

调出Z这个字母的选区,然后单击图层面部下方的【添加图层蒙版】的小图标,给人物的这个图层增加蒙版。由于保持了Z字母的外轮廓选区,因此这个图层蒙版自带选区就将字母轮廓外的部分的人像遮挡了,,看起来它们之间呈现下图,像是人物「住进」了字母里。

字母人像:用PS结合AI绘制人像插画教程,PS教程,思缘教程网

STEP 16

人物要和字母产生融合,还需要有一些部分暴露出来,就像是半遮挡的效果。这时需要在蒙版上采用白色的硬边圆画笔(记住要选中蒙版),把你需要的部分「画」出来。

字母人像:用PS结合AI绘制人像插画教程,PS教程,思缘教程网

STEP 17

为了让字母变得更具有「实体」的效果,我们可以给字体的图层增加图层样式【内阴影】。这是很多纸艺图案造型当中经常会使用的一个技巧。

字母人像:用PS结合AI绘制人像插画教程,PS教程,思缘教程网

STEP 18

在字母图案的上方增加一个新的图层,在新图层上单击鼠标右键,选择【创建剪贴蒙版】。

然后利用【画笔工具】当中的【喷溅画笔>压力控制】,将画笔大小调到45,前景色设置为白色。

字母人像:用PS结合AI绘制人像插画教程,PS教程,思缘教程网

在新的图层上用画笔画出星星点点的白色斑点,有点像漫天繁星的造型。由于字母和人物都是暗色,因此白色的斑点看起来就特别亮。

字母人像:用PS结合AI绘制人像插画教程,PS教程,思缘教程网

STEP 19

最后把整个画面的背景色调整为#7d7777,改为一个较暗的颜色,然后在图形的下方增加一行白色文字。下图就是最后的效果:

字母人像:用PS结合AI绘制人像插画教程,PS教程,思缘教程网

使用场景

在网页当中作为轮播的Banner使用,需要准备多张可切换的画面。为了风格统一,这里我准备了三张相同风格的画面。

风格的统一最主要是体现在颜色上,这里的配色,大家可以看出三张图片的背景色都处于同样的暗度,采用大致相同的饱和度和明度。

字母人像:用PS结合AI绘制人像插画教程,PS教程,思缘教程网

另外两张图片的人物,我也是采用同样的画法,只是把原来照片中的人物的色彩进行了改变。

字母人像:用PS结合AI绘制人像插画教程,PS教程,思缘教程网

写在后面

摄影作品一直是网页设计中主流的素材来源,可是我一直觉得找到好素材部分也依赖上游摄影师的创作能力,相对来说,自己创作插画会是一个更具有原创性的方向,避免版权纠纷的同时,也能带给人不一样的视觉感受。

把设计局限在某一个范围内,也许只是不愿走出 Confort Zone 的表现。对于插画这种素材的探索,我们今后还会尽可能多的去找寻更多有趣的表现方式。我的确不太在意文章更新的频率,好几个月不更,也是酝酿着别的更有意思的idea,设计这条路,玩乐至上而已,大家莫怪。

 收藏