PS设计教程网欢迎你!

Photoshop绘制渐变主题风格的手机插画(2)

文章来源于 UI中国,感谢作者 张增顺 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2018-04-09
了解现在流行的渐变色,多看看色彩相关的设计,从设计中提取出一些色彩搭配应用在设计中。在渐变插画风中色彩表现手法各有不同,色彩冷暖对比、互补颜色对比、同等色调明度对比、反差对比、相近色系等,都是为了整

Photoshop绘制渐变主题风格的手机插画

了解现在流行的渐变色,多看看色彩相关的设计,从设计中提取出一些色彩搭配应用在设计中。在渐变插画风中色彩表现手法各有不同,色彩冷暖对比、互补颜色对比、同等色调明度对比、反差对比、相近色系等,都是为了整个画面达到层次关系、空间感、对比强烈、画面融合。在做图的时候就要知道想要什么样颜色作为画面的主色调,用什么样的方式表达。

Photoshop绘制渐变主题风格的手机插画

Photoshop绘制渐变主题风格的手机插画

原创第一张插画为例,在前期准备主题定位、色彩了解之后整体结合元素组合创意布局,在纸上把想要表达和照片保留绘制一个草图,草图不需要造型多准确。只是能表达出来即可、给接下来工作提供了方便。

Photoshop绘制渐变主题风格的手机插画

Photoshop绘制渐变主题风格的手机插画

根据草图,收集一些元素图片,目的是知道海豚、渔船、阳光是什么样的。根据图片创意加工造型变化,变成自己所需要的素材。收集一些云彩、远处的山、渔夫小船、海豚、阳光等相关素材。

Photoshop绘制渐变主题风格的手机插画

Photoshop绘制渐变主题风格的手机插画

在元素绘制的时候没有特别的规定是PS去绘制还是AI去绘制,两者都可.主要还是根据自己的软件操作习惯而定,最终达到目的就可以了。至于如何画太阳、如何去画一个小船和渔夫、如何画个小山、就不做演示。这更多的是造型能力和软件操作能力。主要讲的是在做这个渐变扁平插画的一个怎样的思考和过程,如何去做页面的处理。元素如何去画还是要根据找的照片素材进行延展和一些造型上的一个参考在进行创作,然后进行AI中绘制这的过程。

Photoshop绘制渐变主题风格的手机插画

以上准备都做完之后就需要开始进行PS实际进行操作了。

Photoshop绘制渐变主题风格的手机插画

1在PS中ctrl+n建一个画布为750*1334, 分辨率72。

Photoshop绘制渐变主题风格的手机插画

2在画布上给画面一个背景颜色,背景颜色在前期构想中就要有个想法,大致要什么样的颜色。渐变色填充整个背景,背景色彩会主导整个画面颜色方向渐变数值为:#83a3ea #ebd0e2 #fee9e0 #d3c2e3

Photoshop绘制渐变主题风格的手机插画

3确定天水地分割线,分割线会更清晰的知道哪部分是天上的部分空间,哪些是水面的部分空间,哪些是地面的空间,CTRL+R标尺下相应位置作为标记

Photoshop绘制渐变主题风格的手机插画

4绘制小山可在PS中或者AI中绘制,哪个方便就用哪个,没有特意要求,把小山放在天水分割线处,给小山颜色#b2a2cc 然后复制出一层小山作为倒影,颜色#e6d6e0

Photoshop绘制渐变主题风格的手机插画

5绘制阳光在AI中绘制了一个阳光,拖拽到PS中,阳光填充颜色:#fffff 阳光在PS中显得比较突兀,和整体不融合,这样就需要给圆做一个外发光。选中阳光图层右键-混合选项-外发光,混合模式:滤色、不透明度75%、图素大小:27,方法:柔和,颜色:#ffe7e3

Photoshop绘制渐变主题风格的手机插画

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa