当前位置:首页>ps实例教程>ps制作实例>背景壁纸>教程内容

背景教程,教你制作无缝的背景填充图案

来源:ifeiwu 作者:飞屋睿UIdesign 学习:24867人次

把一些漂亮的图形做成图案,使用时直接填充即可,但是前提是要把这些图案做成无缝图案,那么怎么制作成无缝的填充图案呢?今天就来教大家怎么做出无缝拼接的填充图案。

几何纹理应该算作是颇具现代感的装饰风格,但将几何形状经过创造性的叠加,就会组合成新的纹理图案。这种图案略带复古风味,我们可以运用这些复古的纹样打造无缝图案,很多时候在传统风格的设计时,作为素材使用。今天@飞屋睿UIdesign 给同学们来个教程,收!

寻找灵感

中国的传统纹样有很多值得借鉴的地方,于是我们从传统纹样的图片中寻找创作灵感。

www.16xx8.com_024423DB-0.jpg

这些纹样相对比较繁复,我们在创作时可以稍微将其简化。你也可以在白纸上画草图,或者直接用手绘板画出自己的构想。

纹理的组合

在开始动手绘制图案前,我们要大致对成品进行一个总体规划,即逆向推理。这听起来是侦探小说的环节,其实在设计中也必不可少。你可以首先在大脑中构想出一个理想效果,然后对这个效果进行反推。

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

www.16xx8.com_024423C21-1.jpg

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

www.16xx8.com_024423I32-2.jpg

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

小型图案的绘制

先让我们绘制最小的图案。打开PS,新建一个250*250px的文档。打开文档的标尺,并运用辅助线,将其定位到中心的位置。然后将前景色设置为紫色,填充紫色背景。如下图所示。

www.16xx8.com_0244235A9-3.jpg

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

www.16xx8.com_0244235b9-4.jpg

在这个圆的中心画上许多小圆,这些小圆由一个作为花心,四周包围,组合成一个简单的花型。这也是最简单的花型,取自莲花花心的创意。

www.16xx8.com_024423M31-5.jpg

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

www.16xx8.com_0244232Z5-6.jpg

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
荔荔2022-07-12 06:02
我的作业:三天才完成的,我好笨,太难了,开头难,中间难,结尾难

_SHENGBIN_2019-01-02 09:06
加油
行则将至2019-01-02 05:02
太喜欢了
颖咋2019-01-02 04:40
加油
行则将至2019-01-02 04:00
晴栀浅陌2019-01-02 08:43
加油
22626929742018-05-30 08:18
太棒了
大斗2018-04-03 12:25
知道自己
雪岚儿如烟2017-05-29 12:44
真棒真棒真棒
雪岚儿如烟2017-05-29 12:44
真棒真棒真棒
雪岚儿如烟2017-05-29 12:44
真棒真棒真棒
无关风月2017-05-28 11:18
有时候不逼自己一下,你永远不知道自己的潜力有多大,这就像你给我100公斤砖,可能我拎不动,但给我100公斤百元钞票,我不光拎的动,说不准我还能跑
无关风月2017-05-28 11:18
有时候不逼自己一下,你永远不知道自己的潜力有多大,这就像你给我100公斤砖,可能我拎不动,但给我100公斤百元钞票,我不光拎的动,说不准我还能跑
无关风月2017-05-28 11:18
有时候不逼自己一下,你永远不知道自己的潜力有多大,这就像你给我100公斤砖,可能我拎不动,但给我100公斤百元钞票,我不光拎的动,说不准我还能跑
怪猫学家2017-05-28 10:16
学习学习

关注大神微博加入>>

网友求助,请回答!