Photoshop设计扁平化风格的火箭图标 Photoshop设计渐变插画主题风格的图标

今天一百分素材网小编为大家带来了Photoshop设计扁平化风格的火箭图标 Photoshop设计渐变插画主题风格的图标，希望能帮助到大家，一起来看看吧！

Photoshop设计扁平化风格的火箭图标

今天的教程，不仅有超详细的步骤解说与多个技巧，而且绘制时能帮同学们深入学习Photoshop的基础形状，教程不难，作为扁平化图标入门教程再合适不过。

先看看效果图

绘制火箭图标

这些调色板上的颜色是我们将要用到的颜色，我选择了一些不那么鲜艳的颜色，这能和扁平化的图标很好地结合，你可以将这个色板储存在你的电脑中，这样你就可以在Photoshop中创建图形的时候直接用吸管工具选取这些颜色了。

第1步

首先，让我们从背景开始做起。我们的icon是圆形的，所以在工具面板中选择椭圆工具，在画布上单击以弹出创建椭圆的对话框，将高度和宽度都设置为512px——OK，现在我们有了一个正圆。让我们用深蓝色来填充它吧，深蓝色也是代表太空的标志性颜色。保持椭圆工具的选择，在顶部的控制面板上找到颜色填充按钮，然后选择你保存的色板中相应的颜色。没有创建色板?好吧，也有参数值，点击右上角的小标志就可以弹出颜色选择对话框。注意，我用的是HSB颜色制式。

第2步

现在我们开始来做火箭的大致轮廓了。开始，在背景中间绘制一个椭圆形。单击直接选择工具，在创建出来的椭圆边缘点击来使得创建除了路径和锚点可见。选择转换点工具(你可以在钢笔工具系列中找到它)，并且在上方的锚点单击，将顶部调节成一个较尖锐的角度。

第3步

保持当前图形的选择状态，在上方的形状控制面板中选择路径操作，然后选择相交。

选择矩形工具并且绘制一个矩形，要包含椭圆的绝大部分，而在地面留出一小部分不要覆盖。操作的最终成果就是，矩形选框之外的内容就会变得不可见了，这样我们就切掉了火箭的底部。

第4步

让我们为椭圆的右半部分添加一点阴影。

首先，打开智能参考线(视图——显示——智能参考线)，它们可以帮助你将图形放置在合适的位置上。继续使用矩形工具创建一个浅灰色的矩形并把它放在所有图层的上方，覆盖住火箭的右半部分。

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

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

先看看效果图：

灵感来源

自己的草图构想

视频播放

第一段：

第二段：

第三段：

一、草图阶段

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

二、拆分基础形

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

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

三、海面的基础形

STEP 01

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

STEP 02一百分素材网

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

STEP 03

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

STEP 04

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

四、太阳和水珠的基础形

STEP 05

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

STEP 06

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

五、填色

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

以上就是一百分素材网整理的Photoshop设计扁平化风格的火箭图标 Photoshop设计渐变插画主题风格的图标相关内容，想要了解更多信息，敬请查阅一百分素材网。