插画效果:用PS把风景照片转插画效果(2)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:Lina琳

关键词

3.第三步,找色彩

色彩搭配是比较多的人问我的一点,其实这张图还好,颜色比较鲜艳,直接运用其实都可以。但是在我的其他插画中可以看出,很多插画的照片,颜色是不会拿来直接用的,这里就需要伙伴们对颜色的定义。那么颜色怎么选呢?

插画效果:用PS把风景照片转插画效果,PS教程,思缘教程网

这里教大家一个比较实用的方法来找色彩,我这里给分成了三个大类:

第一个是季节,观察你想要画的,主要突出的场景是什么,比如说惊蛰、夏至、东至这种季节代表性的照片,可以用季节来寻找色彩,不同的季节有不同的颜色范围。

第二个是时间段,一说小伙伴就懂了,每天都有不同的时间段,清晨、上午、正午、落日、傍晚,仔细观察每天阳光的动向,照射大地的颜色,都是丰富多彩的,不同时间段有着不同的色彩。

第三个是情感,就比如我有一副画的是亲情,运用了一个比较暖暖的色调来衬托母爱的温暖,相对来说还有爱情、友情等不同颜色,还有可以表达小孩子的童真的颜色,等等。

那么,选定了自己想要的色彩方向,怎么去定义色值呢?

这里就需要大家平常的积累和准备,作为设计师,积累是很重要的。网上有很多插画的成品,很多颜色参考,可以搜集代表不同的感情色彩,需要用的时候直接拿出来看。

插画效果:用PS把风景照片转插画效果,PS教程,思缘教程网

找到很多有代表意义的色彩,选定自己的方向后,进行定义,这里的定义颜色并不是说大家去抄,去吸色。就比如你的图,是落日,你选择了中间那一副,你知道落日是从淡黄色到橙黄色的渐变,邻近色也可以运用,ok,然后下一步去渐变色网站去找你想要的颜色,比如:https://webgradients.com/;

这里很多很多色卡,可以去选择你需要的,另外,在颜色上最好稍微鲜艳一些,提升整体感觉。

4.第四步,开始着手画

终于可以开始画了是吧哈哈~

开始之前,先要确定一下你画插画的目的,来选择软件,在这里,我就用PS来画,因为在一些工具的运用来说,PS比AI要更方便一点,更容易操作。当然,如果需要印刷图,需要注意一下尺寸和分辨率。

在画布大小上我想建议一下小伙伴们,一般来说,画布可以分为PC端的横向矩形,和移动端的竖向矩形,为什么不选择用正方形这种,你可以先用正方形画布,之后再根据需要进行剪裁,但是建议初学者还是先定义好画布大小再进行绘制,这样对于物体位置的把控就会比较直接。

这里,就用移动端画布大小进行演示。

插画效果:用PS把风景照片转插画效果,PS教程,思缘教程网

在原图上可以看出,整体分为水和陆地,陆地部分占比没有水多,整体画面的中心则还需要在陆地,因此咱们需要向下移动一些,缩小水的面积。因此可以确定,最底层,可以用两个矩形,一个在上面作为天空,一个在下面作为水面。

在天空上,可以画个矩形,作为太阳,复制一个太阳加高斯模糊作为阳光的照射。阳光下面的云,就用钢笔工具来勾勒,直接加个与天空一样的渐变就可以,如果不明显,可以换一个方向,如果过于明显,可以稍稍改变一下色调。

插画效果:用PS把风景照片转插画效果,PS教程,思缘教程网

接下来是什么呢,就是远处的山,也是用钢笔勾勒形状,从最远的开始画起,每画一层,就要给这层加渐变,从最下层开始一层一层的画。画房屋的时候,房屋的每一个面,每一个窗户也要分层来,方便上色。

插画效果:用PS把风景照片转插画效果,PS教程,思缘教程网

有小伙伴问,那我找不准形状怎么办,钢笔勾的不稳。没关系,按照自己的感觉走,比如树木那里,就算原图是很模糊的,看不清树枝的方向,也可以根据自己的想法,随意勾勒,随意一点。

用相同方法,绘制出前后不同的景观,颜色深浅度要把握一下。

接下来比较重要的是,水面波纹的画法。

水面的倒影就是将上半部分的静物与天空中的云朵和太阳复制一层,倒立过来,转换成智能对象,用蒙版拉伸一下,从下至上,从透明到不透明。重要的是,添加动感模糊,数值不要太大。

插画效果:用PS把风景照片转插画效果,PS教程,思缘教程网

接下来,就是水面波纹的画法了。这个大家还仔细来做。

首先,用钢笔画出一个波浪的形状,再加动感模糊。复制多个,不规则排列,再复制多层,每层都调整不同颜色,制作出深浅度不同的水波纹。

插画效果:用PS把风景照片转插画效果,PS教程,思缘教程网

就这样,一幅照片转的插画就这样完成了。

等等,还没结束,不加文案的插画是不完整滴~大家要注意,一个页面上不要出现三种以上的字体,所以在字体的选择上,不要过多,而且要注意版权问题,文字排版如果是零基础,建议大家有空的时候看一本书《写给大家看的设计书》。主要针对于设计零基础的童鞋们,里面有很多文字排版的规范和注意事项。

如果前期对排版还不是很熟练,是要用业余时间多多看网上优秀的案例,多保存在自己的素材库中,作为参考是很不错的。

5.第五步,丰富页面之-噪点

如果大家觉得页面不够饱满,又不能再加东西了,到了一个十分尴尬的地步,就可以往噪点插画方向制作一下。

那么噪点可以怎么加呢?这里我总结了三种加噪点的方法供大家选择。

插画效果:用PS把风景照片转插画效果,PS教程,思缘教程网

首先是笔刷,噪点笔刷需要大家找一下,没有的话就需要从网上下载一下了。噪点笔刷比较随意,想怎么画就怎么画,但不是一步到位,需要慢慢来,这样也会很细致。

第二种方法是杂色,需要提前盖印出一张成品图,在滤镜→杂色里面添加单色的杂色,可以控制杂色数量,添加完之后配合蒙版,擦去不需要的杂色。

第三种方法是滤镜里面的颗粒,有两种颗粒,另一个是胶片颗粒。普通颗粒和杂色几乎一样,但可以调节对比度等。胶片颗粒可以根据高光区域来选择颗粒的范围,不过最好还是配合蒙版来进行擦除。

怎么样,小伙伴们画出来自己心仪的插画了吗?

五、总结

很开心和大家分享自己的插画小技巧,这类的插画比较快捷的出图,一定程度上能够满足部分设计师在工作当中的要求,今天带给大家的是景物插画方法,大家也要多多练习,在之后的时间里,我会继续选择几幅插画继续与大家分享。

不要问我为什么不继续画了,其实我也是个小白,在今年下半年的计划中,其他的设计也要练习,所以现在正在继续着别的练习,希望大家也要一起有计划的学习。

 收藏