ps简单插画教程个性(PS教学之设计渐变风景插画主题圆形图标)

本教程主要使用Photoshop设计时尚的渐变主题风格图标,整体的效果非常的简洁,都是用PS的图层样式来完成,推荐给朋友学习,希望大家可以喜欢。

渐变用在插画当中是能表现出光感的,利用简单的几何形搭配不同的渐变填色方法,我们就能实现出非常绚丽的景致。今天我们要绘制的就是一个比较小的风景类的图标。绘制的过程非常简单,最重要是要领会其中渐变的用法。

先看看效果图:

ps简单插画教程个性(PS教学之设计渐变风景插画主题圆形图标)(1)

一、草图阶段

草图阶段很重要的是确定好大致的构图,按照一个圆形来作为画框是非常常见的图标的代表,当然作为图标有时候可大可小。但是大家应该可以看到,这里波浪的部分是海面,而右边的圆是太阳,上面这些分散的点就是水珠。

ps简单插画教程个性(PS教学之设计渐变风景插画主题圆形图标)(2)

二、拆分基础形

扁平化的插画无一不是从基础形开始,保持基础形的简洁是非常重要的一步。

那我们就需要将草图进行拆分,其实这副插画的基础形就只有两个:圆形和波浪形。接下来我们就要考虑怎样得到这两个形状,以及这两个形状应该怎么组合成画面。

三、海面的基础形

STEP 01-首先,我们打开PS新建一个文档,我这里的文档大小设置为 1280*720px ,然后用椭圆工具画出一个圆,这个圆形就是其中的一个基础形。

STEP 02-再利用钢笔工具来绘制波浪形。要得到这个波浪形其实有很多方法,在AI里我们可能用的是【路径查找器】或者【形状生成工具】,但在PS里我们用的是【蒙板】来实现。先绘制出波浪的上部形状,然后下方形状随意,通过给这个形状添加圆形的蒙板,它就能呈现我们想要的形状。

ps简单插画教程个性(PS教学之设计渐变风景插画主题圆形图标)(3)

STEP 03-这时我们可以先把色彩设置为黑白灰,将形状安排好以后再完成填色。所以将这个波浪形放置在圆形上方,使得它们对齐。然后再复制一个波浪形,这个波浪形可以先去掉蒙板,旋转调整以后再次添加圆形的蒙板。

ps简单插画教程个性(PS教学之设计渐变风景插画主题圆形图标)(4)

STEP 04-继续复制波浪形以完成下方的形状效果。这就是我们构想中的海面的效果。这时还可以继续的进一步调整到理想状态。

四、太阳和水珠的基础形

STEP 05-太阳是圆形所以画起来很容易,太阳光的发散这里我们可以继续复制三个圆,每一个比原来那个大一点,这样来制造光线往外扩的效果。

STEP 06-按照计划增加水珠,散落整个画面上。

ps简单插画教程个性(PS教学之设计渐变风景插画主题圆形图标)(5)

五、填色

接下我们就要开始填色,首先来确定主色,比如这里我设定为蓝色,那么再确定一个辅助色,比如在这里的绿色,然后渐变色可以在这两个色彩之间过渡。蓝色的饱和度和亮度比绿色稍低,这样就容易形成光线的感觉。

ps简单插画教程个性(PS教学之设计渐变风景插画主题圆形图标)(6)

STEP 07-先将渐变工具的两端色彩设置好,这时我们要用到的是径向渐变,先将背景进行填色。运用径向渐变就能使中央的部分有发光的感觉。

ps简单插画教程个性(PS教学之设计渐变风景插画主题圆形图标)(7)

STEP 08-波浪形的填色也是同样,但需要注意要选中的不是原有用钢笔工具所绘制的形状,所以在这里要先将波浪形(也就是带着蒙板的图层)先转为智能对象,再进行点选。

每个选区都才用同样的配色,但由于是渐变填色,因此它们之间也会有比较清晰的分界。

ps简单插画教程个性(PS教学之设计渐变风景插画主题圆形图标)(8)

STEP 09-最后完成整个波浪的造型。

ps简单插画教程个性(PS教学之设计渐变风景插画主题圆形图标)(9)

STEP 10-太阳的颜色可以选用橙色,采用的平涂的纯色。利用三个大小不等的重叠的同心圆,就能表现光线的感觉。下面两个圆需要降低透明度。

ps简单插画教程个性(PS教学之设计渐变风景插画主题圆形图标)(10)

STEP 11-利用白色的透明度的径向渐变来制作水珠的效果。

ps简单插画教程个性(PS教学之设计渐变风景插画主题圆形图标)(11)

STEP 12-转为智能对象,继续复制第一个做好的水珠,然后散布在合适的位置。

后记:渐变用色,关键是色

渐变用色,关键是色。讲了这么多次渐变,感觉就是其实重点还是在对颜色的运用上。有些颜色过度非常自然,有些就有点怪异。我本人是很喜欢玩色彩的,平时没事我都喜欢把颜料往纸上乱涂,所以这个还是要从喜欢入手。人家总结了那么多理论,我看过都会忘记,但是真正自己鼓捣出来的,才记得深刻,理解也杠杠哒。

ps简单插画教程个性(PS教学之设计渐变风景插画主题圆形图标)(12)

免责声明:文章来源于公开网络,仅供学习,版权归原作者所有!如原作者认侵,联系必删!

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页