Photoshop设计时尚的促销专题页面 Photoshop设计扁平化风格的火箭图标

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

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

先看看效果图

绘制火箭图标

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

第1步

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

第2步

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

第3步

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

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

第4步

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

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

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)，将图片放置在文档的左上角。