首页 > 设计知识 > 正文

Photoshop设计渐变插画主题风格的图标 Photoshop设计绿色主题的立体图标教程

2023-07-28 01:15:38 | 一百分素材网

Photoshop设计渐变插画主题风格的图标

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

先看看效果图：

灵感来源

自己的草图构想

视频播放

第一段：

第二段：

第三段：

一、草图阶段

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

二、拆分基础形

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

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

三、海面的基础形

STEP 01

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

STEP 02

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

STEP 03

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

STEP 04

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

四、太阳和水珠的基础形

STEP 05

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

STEP 06

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

五、填色

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

Photoshop设计绿色主题的立体图标教程

之前在网上看到一个icon，很喜欢，开始看样子觉得挺难，但仔细分析之后发现还好，，要是出一套uimaker.com/uimakerhtml/uidesign/icontubiao/2012/0216/29046.html">主题icon也是很不错的样子，所以并没有照做，借鉴了样式，选了个电话功能做出来，跟大家分享一下。写了步骤之后发下这东西不是很好写，就简单说说，如果觉得不完整请参考借鉴的见谅，也欢迎补充和意见。

与“Photoshop设计渐变插画主题风格的图标 Photoshop设计绿色主题的立体图标教程”相关推荐

Photoshop设计绿色立体风格的水晶球 Photoshop设计渐变插画主题风格的图标

Photoshop设计渐变插画主题风格的图标渐变用在插画当中是能表现出光感的，利用简单的几何形搭配不同的渐变填色方法，我们就能实现出非常绚丽的景致。今天我们要绘制的就是一个比较小的风景类的图标。绘制的过程非常简单，最重要是要领会其中渐变的用法。先看看效果图：灵感来源自己的草图构想视频播放第一段：第二段：第三段：一、草图阶段草图阶段很重要的是确定好大致的构图，按照一个圆形来作

2023-09-04 16:56:27

Photoshop设计红色主题的渐变海报教程 Photoshop设计绿色主题的立体图标教程

Photoshop设计红色主题的渐变海报教程教程所需要的素材：时尚渐变风格的海报PS教程素材Photoshop设计绿色主题的立体图标教程之前在网上看到一个icon，很喜欢，开始看样子觉得挺难，但仔细分析之后发现还好，，要是出一套uimaker.com/uimakerhtml/uidesign/icontubiao/2012/0216/29046.html">主题icon也是很不错的样子，所以并

2023-08-11 17:29:54

Photoshop设计渐变为主题色彩的海报 Photoshop设计绿色主题的立体图标教程

Photoshop设计绿色主题的立体图标教程之前在网上看到一个icon，很喜欢，开始看样子觉得挺难，但仔细分析之后发现还好，，要是出一套uimaker.com/uimakerhtml/uidesign/icontubiao/2012/0216/29046.html">主题icon也是很不错的样子，所以并没有照做，借鉴了样式，选了个电话功能做出来，跟大家分享一下。写了步骤之后发下这东西不是很好写

2023-07-25 07:56:03

Photoshop设计渐变插画主题风格的图标 Photoshop设计红色主题的渐变海报教程

2023-07-15 22:28:58

Photoshop设计绿色主题的立体图标教程 Photoshop设计绚丽渐变主题的海报教程

2023-07-27 00:39:54

Photoshop设计渐变风格的简约海报教程 Photoshop设计绿色主题的立体图标教程

Photoshop设计渐变风格的简约海报教程Macarons简直是巴黎的象征，这种用蛋白、杏仁粉、白砂糖和糖霜制成的甜点，在春晚之后就成了最时髦的点心，“少女的酥胸”用那些缤纷的色彩俘获了人心。很快，今年的缤纷色彩就有了一个名字，马卡龙色。和冰淇淋色比起来，马卡龙色更是闪亮明媚，粉色、黄色、绿色、橘色、蓝色是主要色调，尽管浓烈了些，，但空气感依然十足，充满了棉花糖般的温

2023-08-03 15:11:08

Photoshop设计立体插画风格的圆形图标 Photoshop设计渐变插画主题风格的图标

Photoshop设计立体插画风格的圆形图标整个插画就是树枝滴部分会稍微花点时间哦~建议熟练滴童鞋不要临摹，自已动手画一画这些树枝，对自己的构图能力和控制力都是很有帮助滴哦建好画布后，画一个圆：然后砸门建立一个分组，alt+左键显示圆的选区，然后给分组建立一个蒙版，把所有滴部件都画在这个组里的时候就不会超出圆的大小啦~现在开始画地面，砸门用钢笔工具画出轮廓来：砸门可以直接复制一

2023-07-06 15:59:10

Photoshop设计渐变插画主题风格的图标 Photoshop设计立体风格的旋转式图标教程

2023-08-08 22:33:37

栏目推荐

热点图文

Photoshop设计蓝色风格的酷狗软件图标教程 Photoshop设计七夕情人节商场促销海报
2023-08-19 09:50:12
Photoshop设计另类风格的人像海报教程 Photoshop设计我机器人经典电影海报教程
2023-06-06 12:14:17
Photoshop设计立体感十足的球状软件图标 Photoshop设计七夕情人节商场促销海报
2023-08-12 22:32:48
Photoshop设计电商大气的运动鞋海报 Photoshop设计透明风格的蓝色泡泡
2023-09-05 19:00:05
Photoshop设计蓝色立体效果的播放按钮 Photoshop设计半透明主题风格的花朵图像
2023-09-01 15:21:07
Photoshop设计恐怖风格的万圣节海报教程 Photoshop设计楚门的世界电影海报教程
2023-06-10 10:23:36