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

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:Pudding

关键词

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

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

最终效果:


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

Step 1

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

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

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

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

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


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

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


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

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


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

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


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

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


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

Step 2

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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


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

Step 3

复制三角形的形状图层。


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

 收藏