Photoshop设计时尚的促销专题页面 Photoshop设计渐变插画主题风格的图标

最近经常有小伙伴私信询问Photoshop设计时尚的促销专题页面 Photoshop设计渐变插画主题风格的图标相关的问题，今天，一百分素材网小编整理了以下内容，希望可以对大家有所帮助。

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

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

先看看效果图：

灵感来源

自己的草图构想

视频播放一百分素材网

第一段：

第二段：

第三段：

一、草图阶段

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

二、拆分基础形

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

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

三、海面的基础形

STEP 01

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

STEP 02

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

STEP 03

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

STEP 04

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

四、太阳和水珠的基础形

STEP 05

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

STEP 06

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

五、填色

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

Photoshop设计时尚的促销专题页面

PS是平面设计的神器，尤其是网络时代的图片，更是离不开PS。如果能得心应手地运用Photoshop，再加上一点小小的创意，经常会出现令人惊叹的设计。这个教程向你展示了制作一个宣传单的基本步骤，基本上设计完成就可以打印发送了。当然想学习宣传单风格设计的也不要错过!请不要把我的宣传单和小广告化为一谈哟，设计师的节操要抓牢。

教程素材和源文件：时尚的网页促销专题设计PS教程素材

版权声明

本教程中使用的图片来自Envato的免费图片，，还有一些我用AI做的矢量图标，还有可以下载完整的PSD文件，做完以后可以对比看看。

先看看效果

教程里使用的字体为Proxima Nova Font Family，来自Typekit。或者用其他类似字体也可以。

原文的字体要钱，这里推荐《平面设计师最爱!20款高质量的非衬线字体免费下载》，风格相近，随便你挑!

让我们开始行动吧!

首先，我们新建一个216 x 154 mm的文档，这是标准A5大小的纸张+3毫米的出血距离。因为我们最终是要做一个印刷品，所以色彩模式选用CMYK，分辨率为300 dpi。

创建新的参考线，标出出血的区域。Illustrator和InDesign内置了这个功能，但是在PS里，我们只能自己做这个参考线。使用移动工具(V)和Shift来创建和挪动参考线。确保参考线停放在标尺3毫米的位置。

重复上述工作，为四个边都创建出参考线，确保每条参考线距离文档边缘的距离都是3毫米。

背景：

创建一个新的图层(Shift+Cmd/Ctrl+N)，填充白色的前景色(Alt+Backspace)，确保色彩模式为CMYK。

用图层样式面板建立一个新的渐变叠加，打开渐变叠加的设置面板，将白色滑块推到30%的位置，黑色滑块设置颜色——浅浅的黄色(C=9 M=6 Y=14 K=0)

在图层面版的下边找到“fx”，添加渐变叠加。(如上图)

渐变叠加相关的数据设置。

你想设置的颜色。

使用矩形工具(U)创建一个矩形，尺寸为216 x 56毫米。

将矩形对齐到文档的左上角，用深棕色填充(C=49 M=74 Y=80 K=70)。

使用钢笔工具(P)在矩形的底边添加一个新的锚点。

使用直接选择工具(A)，利用创建的锚点将矩形的底边变成一段漂亮的曲线。

重复上述工作，直到将矩形调整为下面图中的样子。

文件 > 置入，选择People-1.jpg。

使用移动工具(V)，将照片靠齐在文档的左上方，像下图中所示那样。

再创建一个矩形，尺寸为216 x 100毫米。

使用直接选择工具(A)，将图片放置在文档的左上角。

以上就是一百分素材网小编整理的内容，想要了解更多相关资讯内容敬请关注一百分素材网。