星期

2020年12月24日

快速制作一款漂亮的手机界面插画!!

2020-12-24 13:45:21 来源:互联网 阅读:-

我们经常会看到一些漂亮的手机壁纸,界面,有没有想法自己动手去设计一款呢?

今天就跟随我,大家一起动手设计一款渐变的插画壁纸,插画就是比较抽象,我们要把具象的内容抽象话,随意的效果中透露着严谨

第一步,打开PS,新建画布750*1334,我们先做背景,调整一个邻近色渐变,渐变过度自然一些,我这边选择的是红蓝渐变,颜色选择上弱一些

快速制作一款漂亮的手机界面插画!

第二步,我们去画最靠近背景的部分,所以我们先画山,如果不会画的可以多看一些类似的插画山的图片,山的走势一定要自然,多余转折几下,用钢笔工具绘制形状,绘制的不舒服的锚点,可以小白箭头调节

快速制作一款漂亮的手机界面插画!

第三步,给山填充颜色的时候跟背景颜色做区分,可以选择颜色稍微深一点的,因为是背光面,记住不要用纯黑(纯黑会显示的很僵硬,假)山是扁平化的

快速制作一款漂亮的手机界面插画!

第四步,我们要给山做立体效果,我们要做明暗对比,继续利用钢笔工具绘制形状,如果对不齐的话可以用剪贴蒙版去做,颜色我们选择跟饱和度低一点的蓝色,这样就可以区分开来形成立体的效果

快速制作一款漂亮的手机界面插画!

第五步,我们处理细节,将山峰更加立体话,增加山峰裂缝,不需要做特别的严谨,随便一点,自然一点,颜色直接吸取暗面山峰的颜色就行

快速制作一款漂亮的手机界面插画!

第六步,一个山峰显示的比较单薄,我们可以在绘制另外一个山峰,不要去复制,偷懒哟,复制的山峰一模一样,会显示的特别呆板(相同的颜色我们直接复制图层样式)

快速制作一款漂亮的手机界面插画!

第七步,我们绘制山峰平台,这个山峰的视角是俯视的

快速制作一款漂亮的手机界面插画!

第八步,我们调整山峰的平台细节,见证奇迹就要来了,在山峰下面绘制形状,形成一个立体效果,颜色选择上面深一些,这样立体效果立竿见影,视觉效果已经出现了

快速制作一款漂亮的手机界面插画!

第九步,我们接下来做山的走势,继续利用钢笔工具绘制形状,拷贝之前山的图层样式,这样整个画面的协调性会很好

快速制作一款漂亮的手机界面插画!

第十步,接下来我们在前面山峰上面绘制一些树木,随意一些,颜色选择上面深一些

快速制作一款漂亮的手机界面插画!

第十一步,我们直接将树木复制一份,然后利用小白工具调节树木的细节细节,跟后面树木区分一下

快速制作一款漂亮的手机界面插画!

第十二步,我们去做山谷的光感,复制一份之后,羽化一下,颜色选择淡一些,类似云雾的感觉,注意图层之间的顺序

快速制作一款漂亮的手机界面插画!

第十三步,我们绘制小房子,小房子利用几何图层去进行拼贴,效果很简单,小房子绘制的好会增加整个画面的灵动性,利用钢笔工具绘制灯光效果,选择黄色,利用图层蒙版调节光的一个过渡,窗户我们也羽化一下,这样就不会显示的很单板

快速制作一款漂亮的手机界面插画!

第十四步,我们去增加山谷的细节,同样钢笔绘制一些树木放到小房子的旁边,可以给树做一些微弱的投影效果,制作好之后,多复制一个,复制的时候记得近大远小的比例,远处的山小一些,近处的大一些

快速制作一款漂亮的手机界面插画!

第十五步,我们将后面的小树降低了不透明,这样效果更佳真实,山谷下面也可以同样绘制一些小树,我这边就偷懒下,直接复制了哈

快速制作一款漂亮的手机界面插画!

第十六步,大家可以看到效果已经出现了,很不错哟,我们最后回到背景图层,感觉背景颜色不够深,可以在调整一下,符合星空的感觉,利用椭圆形状工具绘制月亮,调整外发光

快速制作一款漂亮的手机界面插画!

第十七步,我们利用画笔工具,选择星星的画笔,直接绘制星星的效果,星星不要太密集,不然整个界面会很乱

快速制作一款漂亮的手机界面插画!

第十八步,我们再次利用画笔工具,选择柔角画笔,绘制流星的效果,流星我们用图层蒙版把后面隐藏一些

快速制作一款漂亮的手机界面插画!

第十九步,OK啦,我们整体看一下效果

快速制作一款漂亮的手机界面插画!

推荐阅读:讯媒中国