教你PS制作风景图标

一、草图阶段

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

PS制作风景图标

二、拆分基础形

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

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

三、海面的基础形

STEP 01

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

STEP 02

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

PS制作风景图标(1)

STEP 03

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

PS制作风景图标(2)

STEP 04

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

四、太阳和水珠的基础形

STEP 05

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

STEP 06

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

PS制作风景图标(3)

五、填色

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

PS制作风景图标(4)

STEP 07

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

PS制作风景图标(5)

STEP 08

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

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

PS制作风景图标(6)

STEP 09

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

PS制作风景图标(7)

STEP 10

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

PS制作风景图标(8)

STEP 11

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

PS制作风景图标(9)

STEP 12

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

PS制作风景图标(10)

推荐阅读

    分享用ps制作ios应用图标

    分享用ps制作ios应用图标,应用图标,渐变,图标,制作,图标制作,图层,参考,首先新建一个图层并填充背景色,参考色值是#acced6。接下来,给颜色图

    分享ps制作赤焰岩石字效

    分享ps制作赤焰岩石字效,制作,赤焰,选择,步骤,分享,透明度,文字,一、建立背景步骤1我们先来导入concrete01.pat素材~并设置为图案。步骤2

    AI制作阶梯渐变抽象纸艺图案方法

    AI制作阶梯渐变抽象纸艺图案方法,制作,方法,抽象,渐变,绘制,最终,图层,一、制作渐变色板邻近色的过度也可以从三个色彩属性上进行对比:色相

    ps怎么制作瓦力教程

    ps怎么制作瓦力教程,教程,瓦力,制作,图形,圆角,复制,可爱,PART1:首先是展示效果图PART2:1.首先新建画布600*800px,然后画个矩形做底色,填充白

    教你wps怎么设计金钱图标

    教你wps怎么设计金钱图标,图标,按住,组合,绘制,缩小,复制,图形,wps怎么设计金钱图标?wps文档可以简单制作一个金钱的图标,插入了同心圆、等

    教你wps2019怎么重置工具栏

    教你wps2019怎么重置工具栏,工具栏,重置,界面,配置,单击,学习,教程,wps2019怎么重置工具栏?我们可以学习一键重置所有工具栏,下面一起来看

    分享wps2019怎么制作双斜线表头

    分享wps2019怎么制作双斜线表头,制作,表头,窗口,点击,分享,选择,图标,使用word编辑双斜线表头的时候非常的麻烦,其实这时可以使用WPS2019来

    教你wps怎样制作ppt幻灯片

    教你wps怎样制作ppt幻灯片,幻灯片,制作,输入,点击,选择,背景图片,鼠标右键,1.首先用wps打开一个演示文稿,进入下一步。2.在打开的ppt中点击

    分享在excel中怎么制作表格

    分享在excel中怎么制作表格,制作表格,鼠标,对齐,分享,点击,边框,合并,打开电脑,右击鼠标在桌面新建一个excel文件。打开excel文件,用鼠标选

    分享用excel制作表格步骤

    分享用excel制作表格步骤,步骤,制作表格,边框,选择,设置,点击,鼠标,首先打开excel软件。选中作为表格的单元格。然后右击鼠标,选择“

    分享ie浏览器图标不见了怎么办

    分享ie浏览器图标不见了怎么办,图标,浏览器,分享,选择,路径,桌面快捷方式,桌面,进入路径 “我的电脑(或计算机)”—&mdash

    教你怎么在excel中制作表格

    教你怎么在excel中制作表格,制作表格,设置,选择,怎么在,制作表格软件,边框,法二,方法一:首先新建或打开excel软件。选中作为表格的单元格。

    教你怎么使用directx修复工具

    教你怎么使用directx修复工具,修复工具,怎么使用,更新,重启,修复,会儿,果有,下载安装好DirectX修复工具以后,双击打开,检测并修复。检查完之

    分享软碟通如何制作u盘启动

    分享软碟通如何制作u盘启动,启动,软碟通,制作,选择,分享,点击,硬盘,1、打软碟通,点击左上角的文件,选择打开我们的iso镜像2、接着选择我们的