2023-07-13 23:04:29 | 一百分素材网
渐变用在插画当中是能表现出光感的,利用简单的几何形搭配不同的渐变填色方法,我们就能实现出非常绚丽的景致。今天我们要绘制的就是一个比较小的风景类的图标。绘制的过程非常简单,最重要是要领会其中渐变的用法。
先看看效果图:
灵感来源
自己的草图构想
视频播放
第一段:
第二段:
第三段:
一、草图阶段
草图阶段很重要的是确定好大致的构图,按照一个圆形来作为画框是非常常见的图标的代表,当然作为图标有时候可大可小。但是大家应该可以看到,这里波浪的部分是海面,而右边的圆是太阳,上面这些分散的点就是水珠。这个景象大家应该并不陌生。
二、拆分基础形
扁平化的插画无一不是从基础形开始,保持基础形的简洁是非常重要的一步。
那我们就需要将草图进行拆分,其实这副插画的基础形就只有两个:圆形和波浪形。接下来我们就要考虑怎样得到这两个形状,以及这两个形状应该怎么组合成画面。
三、海面的基础形
STEP 01
首先,我们打开PS新建一个文档,我这里的文档大小设置为 1280*720px ,然后用椭圆工具画出一个圆,这个圆形就是其中的一个基础形。
STEP 02
再利用钢笔工具来绘制波浪形。要得到这个波浪形其实有很多方法,在AI里我们可能用的是【路径查找器】或者【形状生成工具】,但在PS里我们用的是【蒙板】来实现。先绘制出波浪的上部形状,然后下方形状随意,通过给这个形状添加圆形的蒙板,它就能呈现我们想要的形状。
STEP 03
这时我们可以先把色彩设置为黑白灰,将形状安排好以后再完成填色。所以将这个波浪形放置在圆形上方,使得它们对齐。然后再复制一个波浪形,这个波浪形可以先去掉蒙板,旋转调整以后再次添加圆形的蒙板。
STEP 04
继续复制波浪形以完成下方的形状效果。这就是我们构想中的海面的效果。这时还可以继续的进一步调整到理想状态。
四、太阳和水珠的基础形
STEP 05
太阳是圆形所以画起来很容易,太阳光的发散这里我们可以继续复制三个圆,每一个比原来那个大一点,这样来制造光线往外扩的效果。一百分素材网
STEP 06
按照计划增加水珠,散落整个画面上。
五、填色
接下我们就要开始填色,首先来确定主色,比如这里我设定为蓝色,那么再确定一个辅助色,比如在这里的绿色,然后渐变色可以在这两个色彩之间过渡。蓝色的饱和度和亮度比绿色稍低,这样就容易形成光线的感觉。
教程所用素材:
根据以往经验,本教程充分照顾很多刚接触PS的朋友,所以对于有一定基础朋友可以自行跳过部分步骤。
言归正传
1、新建一文档,参数可参考图示
2、将建筑素材置入到场景中,ctrl+T适当缩小些高度(不是等比缩放),目的是为了增加些许的视角下透视感
3、置入云层素材,调整到所示的位置及大小(当然你也可以自己感觉来调整,只要看着舒服就好)
4、下面我们来把建筑和云层融和起来,很简单,有点经验的各位看官这步可以略过 小白们可要看仔细了
给建筑图层添加蒙版,在蒙版上用黑白渐变(前景色为黑色)按们ctrl键从上垂直向下拉动鼠标,
得到所示的效果。
同样,对云层也做同样的操作,得到的效果
在透明背景下效果所示
5、接下来我们在图层的最底层,也就是白色背景层用选取一灰蓝色(数值可参考#a3b6bf)填充,
并将云层图层的不透明度调整为80,得到的画面是这样的
6、下面分别对建筑和云层做调色处理,以满足我们想要达到的效果 为云层加入色相/饱和度调整层,
参数
为建筑图层加入色相/饱和度及亮度/对比度调整层,参数
得到所示效果
Photoshop设计女战士为主题的电影海报教程所用素材:根据以往经验,本教程充分照顾很多刚接触PS的朋友,所以对于有一定基础朋友可以自行跳过部分步骤。言归正传1、新建一文档,参数可参考图示2、将建筑素材置入到场景中,ctrl+T适当缩小些高度(不是等比缩放),目的是为了增加些许的视角下透视感3、置入云层素材,调整到所示的位置及大小(当然你也可以自己感觉来调整,只要看着舒服就
Photoshop设计女战士为主题的电影海报教程所用素材:根据以往经验,本教程充分照顾很多刚接触PS的朋友,所以对于有一定基础朋友可以自行跳过部分步骤。言归正传1、新建一文档,参数可参考图示2、将建筑素材置入到场景中,ctrl+T适当缩小些高度(不是等比缩放),目的是为了增加些许的视角下透视感3、置入云层素材,调整到所示的位置及大小(当然你也可以自己感觉来调整,只要看着舒服就
Photoshop设计女战士为主题的电影海报教程所用素材:根据以往经验,本教程充分照顾很多刚接触PS的朋友,所以对于有一定基础朋友可以自行跳过部分步骤。言归正传1、新建一文档,参数可参考图示2、将建筑素材置入到场景中,ctrl+T适当缩小些高度(不是等比缩放),目的是为了增加些许的视角下透视感3、置入云层素材,调整到所示的位置及大小(当然你也可以自己感觉来调整,只要看着舒服就
Photoshop设计春季为主题风格的插画作品1.初始草图这是我送给该机构的第一个草图-只是快速的线条。当我开始时,我喜欢红色,如果图像中有天空,,我喜欢先设计云。2.修订他们不喜欢它;他们想要一个中间的气球在中间的一块。我决定做一个素描,他们不能用简洁的线条和明亮的调色板来拒绝。3.计划的变化他们喜欢它,所以我开始玩颜色,基本调色板,没有细节-只是试图让我的眼睛适应这些组合
Photoshop设计女战士为主题的电影海报教程所用素材:根据以往经验,本教程充分照顾很多刚接触PS的朋友,所以对于有一定基础朋友可以自行跳过部分步骤。言归正传1、新建一文档,参数可参考图示2、将建筑素材置入到场景中,ctrl+T适当缩小些高度(不是等比缩放),目的是为了增加些许的视角下透视感3、置入云层素材,调整到所示的位置及大小(当然你也可以自己感觉来调整,只要看着舒服就
Photoshop设计立体插画风格的圆形图标整个插画就是树枝滴部分会稍微花点时间哦~建议熟练滴童鞋不要临摹,自已动手画一画这些树枝,对自己的构图能力和控制力都是很有帮助滴哦建好画布后,画一个圆:然后砸门建立一个分组,alt+左键显示圆的选区,然后给分组建立一个蒙版,把所有滴部件都画在这个组里的时候就不会超出圆的大小啦~现在开始画地面,砸门用钢笔工具画出轮廓来:砸门可以直接复制一
Photoshop设计女战士为主题的电影海报教程所用素材:根据以往经验,本教程充分照顾很多刚接触PS的朋友,所以对于有一定基础朋友可以自行跳过部分步骤。言归正传1、新建一文档,参数可参考图示2、将建筑素材置入到场景中,ctrl+T适当缩小些高度(不是等比缩放),目的是为了增加些许的视角下透视感3、置入云层素材,调整到所示的位置及大小(当然你也可以自己感觉来调整,只要看着舒服就
Photoshop设计女战士为主题的电影海报教程所用素材:根据以往经验,本教程充分照顾很多刚接触PS的朋友,所以对于有一定基础朋友可以自行跳过部分步骤。言归正传1、新建一文档,参数可参考图示2、将建筑素材置入到场景中,ctrl+T适当缩小些高度(不是等比缩放),目的是为了增加些许的视角下透视感3、置入云层素材,调整到所示的位置及大小(当然你也可以自己感觉来调整,只要看着舒服就
2023-06-06 12:14:17
2023-08-12 22:32:48
2023-09-05 19:00:05
2023-09-01 15:21:07
2023-06-10 10:23:36
2023-06-02 11:25:09