字母人像插画组合视觉造型(2)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

字母人像插画组合视觉造型

STEP 18

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

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

字母人像插画组合视觉造型

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

字母人像插画组合视觉造型

STEP 19

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

字母人像插画组合视觉造型

使用场景

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

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

字母人像插画组合视觉造型

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

大家可以单击这里进入链接查看滚动的效果:https://qing.pagepan.com/demo/1017/

字母人像插画组合视觉造型

写在后面

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

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

 收藏