• Aug 25 Thu 2011 10:18
  • 联成电脑讲师专栏:无接缝背景素材制作

  • 分享: MURMUR facebook PLURK twitter Del.icio.us

    文/图、RORY 撰  
    使用软体、illustrator

    0825pic0001.jpg  

    0825pic0000.jpg   


           一般在制作像桌面连结性图案,或是网页连网性图案之背景图时,有大部份会考量到载入的速度,如果档案愈大,相对载入的速度就会愈慢。另外还得考虑到如连续性图案制作成一般常用的大小640*480 ,或是 1024*768,而只要制作成无接缝的连续图,就不用考虑到解析度大小的问题与档案大小的问题了。

         那先来试试看,如果去制作出一张不错的无接缝图,请先设定版面大小,因为是要制作成电脑上的用图而己,色彩模式请设为RGB即可以,版面大小:200*200。(也可以自订,不过等会了就去改吧!)

    0825pic0002.jpg  0825pic0003.jpg  

    可以先放入先须要的素才,那就不用一个个的去做汇入的动作,置入的图最好是有透明背景的(去背就要在PHOTOSHOP中制作)。

    0825pic0004.jpg  

    第一步开始啰!把其中一个素图放在版面的边绿上,要怎么放都可以,不过记得是要放在四个角落其中一个,这里我们先放在左上角处!

    0825pic0005.jpg  

    在做之前先记一下几个快速键。
    SHIFT+F8:变形面版(视窗工具)
    CTRL+C:拷贝(网辑工具)
    SHIFT+CTRL+V:原地贴上(网辑工具)

    先使用CTRL+C:拷贝复制图案,再使用SHIFT+CTRL+V:原地贴上,这样子图才不会变成只有一张在那移动而己。再打开SHIFT+F8:变形面版,这时图案还是要在选取的状态之下。接下来,就只要控制变形面版上的X与Y就好了。因为版面是设定200*200所以X与Y的值输入要以200的数值下去做加减。

    0825pic0006.jpg  

    ●左上
    1.CTRL+C:拷贝
    2.SHIFT+CTRL+V:原地贴上
    3.X:加上200

    0825pic0007.jpg  

    ●右上
    1.CTRL+C:拷贝
    2.SHIFT+CTRL+V:原地贴上
    3.Y:加上200

    0825pic0008.jpg  

    ●右下
    1.CTRL+C:拷贝
    2.SHIFT+CTRL+V:原地贴上
    3.Y:减去200

    0825pic0009.jpg  

    再来做上下边上的无接綘,上下一定是同一张图。
    0825pic00010.jpg   
    ●上
    4.CTRL+C:拷贝
    5.SHIFT+CTRL+V:原地贴上
    6.Y:加上200

    0825pic00011.jpg  
     
    再来做左右边上的无接綘,左右一定是同一张图。

    0825pic00012.jpg  

    ●右中
    4.CTRL+C:拷贝
    5.SHIFT+CTRL+V:原地贴上
    6.X:加上200

    0825pic00013.jpg  

    而其余没切到的图,放置的位子就由自己的喜好下去放就好了。

    0825pic00014.jpg  

    最后使用[档案]\[储存为网页与装置用]。输出的格式最好为GIF或PNG,因为只有这两个图形格式有支援透明背景。0825pic00015.jpg  

    而怎么去做测试呢?我们可以用最简单的工具,WINDOWS卓面来做测试。在卓面上没有图示的地方,按下滑鼠的右键,会出现一个快速选单,使用选单的个人化(基本上应是在选单最下方)。

    设定卓面背景,要使用并列显示,选到所制作好的图上即可。

    0825pic00016.jpg  

    完成了一张美美的无接缝背景图了。

    相关文章