photoshop大师之路制作适用于连续平铺的图案

豆豆网   技术应用频道   2008年01月15日  【字号: 收藏本文

本文详细介绍photoshop大师之路制作适用于连续平铺的图案

  这种图案在网页设计中是经常用到的,因为网页的大小并不是固定的,随着内容的增减可能随时发生变化。比如原先网页中只有20行文字,我们根据这20行的大小制作了背景,但以后如果文字增加为30行,那空余出来的部分怎么办?因此网页背景都是采用一个较小的图案,然后指定为平铺。这样无论网页内容增加或者减少都不会影响背景的效果。

  即使网页内容不发生增减,浏览器窗口宽度减少,也会引起高度的增加,因为这样才能够保证总面积不变以显示原先的内容。

  那不改变浏览器大小不就没问题了吗?不是的,首先你不可能强制浏览者不去改变浏览器窗口的大小。其次不同的人的显示器分辨率设定也可能不一样。我们在1024×768屏幕分辨率下制作的充满画面的网页,如果在800×600的显示器上显示,即使浏览器窗口最大化,宽度也不可避免地减少。

  我们将在今后的课程中阐述如何解决这个问题。

  现在我们来仔细分析一下刚才定义的菱形图案,为什么它能够无缝平铺呢?因为在图案最左端的1像素部分,与图案最右端的1像素部分有良好的像素承接关系。这种承接关系体现在位置和颜色上。我们可以据此来推断,用一条线段来作为图案的话:

  1:线段的两个端点分别位于图案的左右边界,且处在同一水平线上,那么这条线段的平铺效果最好,首尾相连,可以形成无缝平铺。

  2:线段的两个端点都没有或只有一个到达边界,那么平铺效果其次,首尾虽不能相连,却也不会产生断接感。

  3:线段的两个端点分别位于图案的左右边界,但不在同一水平线上,那么平铺效果最差,因为首尾既不能相连,又产生了断接感。

  分别对应下图中3种效果范例。

photoshop大师之路制作适用于连续平铺的图案

作者:赵鹏    责编:豆豆技术应用

正在加载评论...