首页 > 设计知识 > 正文

Photoshop设计时尚的促销专题页面 Photoshop设计简单的印花三角旗效果图

2023-05-24 22:37:58 | 一百分素材网

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

Photoshop设计简单的印花三角旗效果图

三角旗横幅的做法比较简单,你可以对它进行各种个性化的设置,也可以拿它去装饰几乎任何一个场合,让这些场合变得更有趣。本教程将向您展示如何设计一个简单的可打印出来的印花三角旗,然后会向您展示如何使用它来做一个可爱的三角旗横幅迷你模型。所以,不管你想打印三角旗还是想把它合并成一个设计,你都会学到很多知识。

这个教程的三角旗是不是萌萌哒,喜欢这么可爱的小旗子么,让我们开始学习吧。

最终效果:


Step 1

新建一个的10×11英寸的文档,将分辨率设置为300,颜色模式设为CMYK颜色。

通过将视图>标尺(Ctrl / Cmd + R)调出标尺,然后选择视图>对齐到>参考线。在标尺区域的随意位置右击一下,选择英寸。

单击水平标尺,拖出一个水平参考线,并将其放在离顶部一英寸的位置;再拖出一条水平参考线把他放在离底部一英寸的位置。

然后,从垂直标尺上拖出两个垂直参考线,一个放在离左边界一英寸的位置,一个放在离右边界一英寸的位置。

最后,再拖一个垂直参考线把它放在文档的中心位置。如下图:


选择多边形工具,在选项栏处设置边数为3。然后点击左键,按住Shift键并拖动鼠标来创建一个三角形,把它放到文档中间。


用直接选择工具,选择上方的两个锚点。


拖动选中的锚点,直到三角形的上边和上方参考线重合。然后单击并拖动每个锚点,使锚点和参考线的夹角重合。


拖动三角形头部的锚点至与底部参考线重合,确保锚点是在中心位置。因为整个三角形要在整个文档的中心位置。


Step 2

双击三角形图层,调出图层样式,选择图案叠加,随意使用任何你喜欢的任何图案,这里使用的是教程素材包里的图案。

确定图案后,您可能想要调整一下设置。例如,这里就将缩放选项设置为70%。


您还可以单击一下文档,,按着左键来拖动图案至你想要的位置。如果你不想使用图层样式,你可以把图片图层放在形状图层上方,

再给图片层添加剪贴蒙板。


选择椭圆工具,单击上方选项栏中的几何选项,选择>从中心。将光标置于中间参考线靠近顶部的位置,按住shift键,并拖动光标画出一个

你觉得大小合适的圆,记住这个圆的尺寸,以便以后你会用到它。


在选项栏中,改变圆的填充颜色为# fef5e0,描边颜色为# 59 c2aa,描边大小为3,对齐设置为从外部。如果您正在使用一个不同的图案纹理,

你可以按照自己的图案选择颜色。


一百分素材网

复制圆形状层,在新层选择编辑>变换路径>缩放(或者快捷键Ctrl+T)。按住Shift和Alt键,然后拖动副本使它成为圆内圈。

一旦你满意圆内圈大小的时候,点击Enter或者点击上方的选择进行变换。


从上方选项框中选择描边选项,选择虚线预设和改变对齐为到中心。当然你也可以尝试其他设置。


Step 3

复制三角形的形状图层。


与“Photoshop设计时尚的促销专题页面 Photoshop设计简单的印花三角旗效果图”相关推荐
Photoshop设计简单的印花三角旗效果图 Photoshop设计简约时尚的化妆品促销海报
Photoshop设计简单的印花三角旗效果图 Photoshop设计简约时尚的化妆品促销海报

Photoshop设计简约时尚的化妆品促销海报1、产品修图:修图并不高深,只需要我们对摄影灵魂光影把握好,产品自然生动有细节和质感。而产品的光影在原图里已经告诉我们了。我们只需要对光影进行加强对比和明暗的过渡。2、原图比较灰,图灰的意思就是暗的不够暗,亮的不够亮,对比不够明显。去色之后,就更容易观察图明暗效果了。可在图层上方建一个观察组,用渐变映射去色。3、单独抠出化妆瓶盖部分,

2023-09-29 18:08:13
Photoshop设计简单的印花三角旗效果图 Photoshop设计时尚大气的选秀类活动页面
Photoshop设计简单的印花三角旗效果图 Photoshop设计时尚大气的选秀类活动页面

Photoshop设计时尚大气的选秀类活动页面本教程主要使用Photoshop设计绚丽时尚的歌唱活动选秀页面,不一定每一个教程都是好的,说的都是完全正确的,但是因为每个教程面向的对象不同,大家的设计水平也不同,这样的话其实并没有一个很好的评判标准说一个教程的好与坏。我还是那句话,取其精华去其糟粕吧。只要一个教程中有一点能够让你感觉到提升,其实就足够了。教程地址:天龙畅秀阁活动页设计PS教程素

2023-09-20 08:54:37
Photoshop设计简单的印花三角旗效果图 Photoshop设计创意风格的网页404错误页面
Photoshop设计简单的印花三角旗效果图 Photoshop设计创意风格的网页404错误页面

Photoshop设计创意风格的网页404错误页面我们先来看看最终的效果图吧:Photoshop设计简单的印花三角旗效果图三角旗横幅的做法比较简单,你可以对它进行各种个性化的设置,也可以拿它去装饰几乎任何一个场合,让这些场合变得更有趣。本教程将向您展示如何设计一个简单的可打印出来的印花三角旗,然后会向您展示如何使用它来做一个可爱的三角旗横幅迷你模型。所以,不管你想打印三角旗还是想把它合并

2023-06-29 06:39:13
Photoshop设计大气的淘宝首屏促销海报 Photoshop设计简单的印花三角旗效果图
Photoshop设计大气的淘宝首屏促销海报 Photoshop设计简单的印花三角旗效果图

Photoshop设计大气的淘宝首屏促销海报1、首先选择背景素材,为什么选择这两张背景,因为他们几个的透视是大概一致的。我在选素材的时候就首先考虑透视的问题。透视不对的uimaker.com/uimakerdown/">素材不要拼一起,白色的线为视平线。2、打开人物素材,抠图素材,工具是通道+调整边缘。3、初步安排好各素材的体量、透视,远近层次等,主要的素材不够长咋办,裁剪和拼接

2023-05-24 21:07:30
Photoshop设计简单的印花三角旗效果图 Photoshop设计淘宝情人节促销海报教程
Photoshop设计简单的印花三角旗效果图 Photoshop设计淘宝情人节促销海报教程

Photoshop设计淘宝情人节促销海报教程1、收集素材找借鉴。2、通过素材去构思。3、手动绘制一个气球。Photoshop设计简单的印花三角旗效果图三角旗横幅的做法比较简单,你可以对它进行各种个性化的设置,也可以拿它去装饰几乎任何一个场合,让这些场合变得更有趣。本教程将向您展示如何设计一个简单的可打印出来的印花三角旗,然后会向您展示如何使用它来做一个可爱的三角旗横幅迷你模型。所

2023-06-29 22:00:58
Photoshop设计时尚动感的光线效果图 Photoshop设计简单的印花三角旗效果图
Photoshop设计时尚动感的光线效果图 Photoshop设计简单的印花三角旗效果图

Photoshop设计时尚动感的光线效果图本教程主要使用Photoshop设置时尚绚丽的动感光线效效果图,这种光线的效果在海报中经常用到的,主要使用路径描边光线来完成,喜欢的朋友一起来学习吧。先看一下显示的最终效果1、新建文件填充黑色,新建图层2、用钢笔工具绘制出一个曲线路径3、切记不要换成小黑箭头工具,继续用钢笔工具右键选择描边路径(在这之前最好找,两头细中间粗的画笔,例如画笔

2023-05-24 18:39:30
Photoshop设计简单的印花三角旗效果图 Photoshop设计夹心饼干电商促销海报教程
Photoshop设计简单的印花三角旗效果图 Photoshop设计夹心饼干电商促销海报教程

Photoshop设计夹心饼干电商促销海报教程本教程主要使用Photoshop设计夹心饼干全屏促销海报教程,整体的设计过程思路比较清晰,,喜欢的朋友可以跟着教程一起来学习,素材都已经打包好了。教程所需要的素材:电商全屏海报合成PS教程素材Photoshop设计简单的印花三角旗效果图三角旗横幅的做法比较简单,你可以对它进行各种个性化的设置,也可以拿它去装饰几乎任何一个场合,让这些场合变得更有

2023-09-24 18:09:54
Photoshop设计简单的印花三角旗效果图 Photoshop设计时尚简洁的超炫光效字体
Photoshop设计简单的印花三角旗效果图 Photoshop设计时尚简洁的超炫光效字体

Photoshop设计时尚简洁的超炫光效字体这期教程主要是利用ai和ps制作出超炫的科技文字,教程的难度一般先看看效果图下面是教程1、首先确定这期海报的风格是科技风,以此为依据来寻找灵感,找到你想要的感觉2、简单灵感的探索之后,我们开始提炼关键词,接着就开始设计文字了3、打开ai,输入你想输入的文字,选中文字然后右键,选择创建轮廓,得到所示的结果(建议用粗一点的字体)4

2023-09-30 01:19:09