云骑士一键装系统-简单一键在线装机工具,一键备份还原功能让系统维护更方便!
BIOS设置 win10教程 win7教程 U盘教程 xp教程 win8教程 电脑故障 电脑资讯 手机教程 软件教程 游戏攻略
当前位置:云骑士 > 使用教程 > 软件教程 > PS制作风景图标

PS制作风景图标

文案作者: 骑士
2020-11-20 18:04:46
播放量:次

一、草图阶段

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

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如何制作图标
图文
ps如何制作图标
大小统一,用规则图形去加减,渐变用色不能跨度太大,弥散阴影用羽化或者高斯模糊,图标面性用一点点渐变,增加细节,图标线条,圆角,镂空尺寸统...
阅读:973 发布时间:2020-11-16
ps怎样让毛糙头发变柔顺
图文
ps怎样让毛糙头发变柔顺
打开图片,Ctrl+j复制两层,把上面的图层1副本隐藏,对图层1执行滤镜-模糊-动感模糊,继续对图层1执行滤镜-油画,图层1副本执行滤镜-其他-高反差保留,...
阅读:316 发布时间:2020-08-22
MAPS.ME汇入Google我的地图KML档案
图文
MAPS.ME汇入Google我的地图KML档案
MAPS.ME是一款免费、支援繁体中文的手机、平板电脑等行动装置的离线地图,内建饮食、饭店、旅游景点、运输…的搜寻选项,可以快速找到你需要的...
阅读:111 发布时间:2022-11-29
ps怎么给图片添加褶皱效果
图文
ps怎么给图片添加褶皱效果
首先启动Photoshop cs5,新建背景颜色为白色的文档,执行滤镜-渲染-云彩命令,接着执行滤镜-渲染-分层云彩命令,执行滤镜-风格化-浮雕效果命令,在弹出的...
阅读:614 发布时间:2020-08-30
tn屏和ips屏的区别
图文
tn屏和ips屏的区别
tn屏由于制造原理的原因,在观看的时候不能过大的转动观看角度,不然会看不到屏幕上面的内容,使用了film补偿膜技术才可以把可视角度提升到170°;i...
阅读:4083 发布时间:2020-07-23
联想笔记本重装系统教程
联想笔记本重装系统教程
浏览:54161
2021-09-22
电脑怎么恢复出厂设置
电脑怎么恢复出厂设置
浏览:49605
2021-12-31
东芝笔记本重装系统教程
东芝笔记本重装系统教程
浏览:13299
2020-06-24
u盘病毒如何清除
u盘病毒如何清除
浏览:18847
2018-07-31
戴尔笔记本重装系统
戴尔笔记本重装系统
浏览:23598
2020-10-15

客服二维码

邮箱:toplearningteam#gmail.com (请将#换成@)

Copyright 2013-2020 云骑士( https://www.yunqishi.net/ ) 版权所有 All Rights Reserved   鄂ICP备2023010145号-1