思缘教程网欢迎你! 思缘旧版思缘图库思缘论坛软件下载网站登陆加入思缘

Photoshop结合AI制作创意的字母插画效果(4)

文章来源于 UI中国,感谢作者 飞屋睿 给我们带来经精彩的文章!
思缘教程/PS教程/照片处理2018-12-06
STEP 17 为了让字母变得更具有「实体」的效果,我们可以给字体的图层增加图层样式【内阴影】。这是很多纸艺图案造型当中经常会使用的一个技巧。 STEP 18 在字母图案的上方增加一个新的图层,在新图层上单击鼠标右键

STEP 17

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

Photoshop结合AI制作创意的字母插画效果,PS教程,思缘教程网

STEP 18

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

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

Photoshop结合AI制作创意的字母插画效果,PS教程,思缘教程网

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

Photoshop结合AI制作创意的字母插画效果,PS教程,思缘教程网

STEP 19

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

Photoshop结合AI制作创意的字母插画效果,PS教程,思缘教程网

使用场景

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

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

Photoshop结合AI制作创意的字母插画效果,PS教程,思缘教程网

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

大家可以单击这里进入链接查看滚动的效果:

Photoshop结合AI制作创意的字母插画效果,PS教程,思缘教程网

写在后面

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

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

进入论坛交作业:http://www.missyuan.com/thread-853640-1-1.html

你可能感兴趣的教程
版权所有思缘教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa