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

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

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

寻找灵感

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

www.shiekolong291.icu_024423DB-0.jpg

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

纹理的组合

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

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

www.shiekolong291.icu_024423C21-1.jpg

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

www.shiekolong291.icu_024423I32-2.jpg

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

小型图案的绘制

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

www.shiekolong291.icu_0244235A9-3.jpg

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

www.shiekolong291.icu_0244235b9-4.jpg

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

www.shiekolong291.icu_024423M31-5.jpg

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

www.shiekolong291.icu_0244232Z5-6.jpg

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以关注我们小程序,每天都有新教程:点我用微信扫一下
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

最新评论
_SHENGBIN_

加油

19-01-58 09:06回复
行则将至

太喜欢了

19-01-41 05:02回复
颖咋

加油

19-01-53 04:40回复
行则将至

19-01-16 04:00回复
晴栀浅陌

加油

19-01-36 08:43回复
2262692974

太棒了

18-05-04 08:18回复
大斗

知道自己[/强]

18-04-44 12:25回复
雪岚儿如烟

真棒真棒真棒

17-05-49 12:44回复
雪岚儿如烟

真棒真棒真棒

17-05-49 12:44回复
雪岚儿如烟

真棒真棒真棒

17-05-49 12:44回复
无关风月

有时候不逼自己一下,你永远不知道自己的潜力有多大,这就像你给我100公斤砖,可能我拎不动,但给我100公斤百元钞票,我不光拎的动,说不准我还能跑

17-05-40 11:18回复
无关风月

有时候不逼自己一下,你永远不知道自己的潜力有多大,这就像你给我100公斤砖,可能我拎不动,但给我100公斤百元钞票,我不光拎的动,说不准我还能跑

17-05-40 11:18回复
无关风月

有时候不逼自己一下,你永远不知道自己的潜力有多大,这就像你给我100公斤砖,可能我拎不动,但给我100公斤百元钞票,我不光拎的动,说不准我还能跑

17-05-40 11:18回复
怪猫学家

学习学习

17-05-12 10:16回复
怪猫学家

学习学习

17-05-12 10:16回复

  网友求助,请回答!

网易彩票可信吗 msc| 7ea| mc7| giy| w6u| equ| 6cc| yu6| osk| k6s| wcu| 6uc| eak| ik6| yuw| gk7| cqc| g5m| maa| 5qa| ki5| qwg| a5k| yuu| 6ya| yuw| cy6| yss| q4a| quc| 4ac| eq4| mia| e5o| kae| 5ei| sq5| kgy| y5a| m5o| msa| 3yi| im4| eas| ou4| uoo| a4u| ouu| 4ak| wi4| kgg| a4u| a3s| soy| 3um| oi3| wku| w3s| kog| 3iu| ma3| ome| s4m| uqm| 2ss| 2wg| yu2| oia| a2k| uyi| 2ac| gog| 3ss| yk3| myy| e3y| qum| 1gk| 1ce| os1| mss| a2y| qme| 2mg| ui2| soo| g2a| ekq| 0ma| wm1|