PS花纹设计教程,用PS绘制复古风格无缝花纹

2017-09-27  8913 分类:设计资讯

PS花纹设计中,很多人会纠结于使用什么样的风格,又应该如何去绘制。本文会为你介绍怎么使用PS绘制复古风格的无缝花纹图。将多种几何的图案进行叠加,很多时候会出现意想不到的效果。而运用这种无缝花纹图案素材,也可以传统的风格设计更加增添一抹复古的味道。


PS复古风格效果制作,我们先来看一下效果图:


1.png



第一步,我们需要根据不同的传统纹样来寻找灵感。


2.png



这种花纹的图案很复杂,我们在创作的时候可以简化一些。也可以在白纸上画草图,或者直接用手绘板画出自己的构想。


第二步,组合各种纹理。


3.png


在开始PS花纹设计前,我们要大致对成品进行一个总体规划,即逆向推理。


整个设计过程简化为“构图”“细节处理”和“最终效果”这三个大环节,其中“构图”部分包括了对整体版式风格的表现方式的选择,细节处理就包括了配色、字体设计、排版等,而最终效果包括最终的细部调整等。这三个环节是一环紧扣一环前后相继的,然而你也可以采用先通过想象最终效果,再来进行构图和细节处理的顺序。


在本例中,我的最终效果纹理是这样一个简单构想。纹理由分别由大中小三个图案组成。


它们在单个纹理的构图是这样的。


4.png


有个大概的构图,我们就可以动手开始绘制图案了。


第三步,先让我们绘制最小的图案。


5.png


打开PS,新建一个250*250px的文档。打开文档的标尺,并运用辅助线,将其定位到中心的位置。然后将前景色设置为紫色,填充紫色背景。


以中心点的位置为圆心,用椭圆工具画一个圆。这个圆保持填充为无,线条为1px,线条颜色为白色。


6.png


在这个圆的中心画上许多小圆,这些小圆由一个作为花心,四周包围,组合成一个简单的花型。


7.png


这也是最简单的花型,取自莲花花心的创意。


再画上两个长形的椭圆,让它们摆成十字。放在刚刚的图形上方,使之有交叠,这样让图案更丰满。


8.png


运用多边形工具,设置边数为3,放在正上方,然后复制这个三角形,垂直对称放置于正下方。


9.png


将这两个三角形复制后,再旋转30度,根据这样复制旋转的过程操作几次就能得到一个由三角形围绕而成的图案了。


这时运用直接选择工具,选择其中一个三角形的锚点,将每个锚点对齐像素网格。这样做的目的是为了让图形保持精细,利用像素网格是一个不错的选择。像素网格是在当你放大图形能看到像素的时候出现的,如果还没有出现,请在【视图>显示>像素网格】中勾选打开。按照这一方式将所有的三角形的锚点都与像素网格对齐。


10.png


我们的小图案绘制完成后可以将上面的图层编为一组,将其隐藏。


第四步,中型图案的绘制。


中型的图案比小型图案稍微复杂,因此我们用了PS自带的一个矢量图形作为中心。图形依然是保持空白填充,白色描边1px。


11.png


仍然是从自带的矢量图形中找到心形,然后将心形摆放在四角。同时用两个矩形加以重叠,其中一个矩形旋转45度。


12.png


矩形为空心填充,描边是白色描边2px。


这时的图形会显得中间的位置有些空,因为是复古风格,那么花纹尽量保持丰满,因此我再添加上一圈椭圆,模拟花朵的形状。


13.png


然后再添加两个重叠的小圆圈在每个矩形直角的顶部作为装饰。外面的小圆圈的描边线条为2px,内部的为1px。


15.png


第五步,大型图案的绘制


大型的图案当然是最为复杂的,但其实在演示了上面两个图案的绘制过程后,大家会发现其实这些图案都是由非常简单的图形所构成的。


运用简单的几何图形就能创造出某种复杂美。


还是来绘制中心。这个中心的位置采用两个圆组成,再在圆心中用椭圆组合一朵花型,大家可以仔细观察发现花瓣是梭型的,这需要你先画好长条的椭圆,然后利用转换点工具点击两端对齐的锚点,这时椭圆就变为了梭型。


17.png


在圆的外部再用小圆组合围绕,你可以先画一个圆,再对称放一个圆,然后把这个两个圆旋转30度,这样重复这一步骤就能形成围绕的图形。然后用同样的方式画三角形。三角形的锚点对齐像素网格。再画上两个大圆,描边为2px,这时大圆外再在四角位置放置小圆,小圆内用上自带的矢量图形,放置其中。这时再增加外围的更大的圆圈,这个圆圈的描边为4px,由于这里我们不希望这个大圆遮挡四角的装饰圆,因此我们可以用蒙版,将与装饰重叠的部分抹去。这样有一个层次感,让画面更为丰满。这里的几何图形的组合是非常随机的,只要定好了总的基调,就能非常自由地组合各种图案。


第六步,定义无缝纹理。


这时我们把小型的图案打开,放置于四边中点的位置。它的中心要刚好在画布四边的中点上。


18.png


中型图案放置于画布的四角,它的中心刚好和四角顶点对齐。大型图案放置于画布中央。这时这个无缝图案就组合好了。


20.png


关掉背景图层,然后来到【编辑>定义图案】,保存为“复古纹理”。


21.png


这时我们的复古无缝纹理就制作完成,大家可以在新建文档中使用查看纹理效果。比如在任意的图层上方填充图案,选中这一图案就会出现我们的作品。


22.png


在这个PS花纹设计中,复古元素能够在各种传统文化相关的设计中使用,不过在传统文化设计的过程中,其他的元素也需要符合这一个风格,比如字体需要中式风格,也要简洁美观等等。这种纹理的简单或者复杂都需要自己的灵感创作,大家可以尽情享受这一个创作的过程。


猜你喜欢