在Photoshop中设计网页的Repeat背景图

作者: 日期: 2011/04/18
  1. 新建一个图层, 如:400×400
  2. 在图层中设置底色, 画入你想要的图形, 注意这一步请尽量将图形集中在中间
  3. 使用Filter(滤镜) -> Other(其它) -> Offset(位移)命令, 设置你想要的位移量, 根据你要产生的最终效果决定
  4. 位移完, 可以在不修改4边的情况下, 修改你想要的效果
  5. 你也可以多次位移多次修改达到你想要的复杂的重复效果
  6. 保存图片
  7. 建立htm页面, 代码如下:
<HTML>
<HEAD>
<TITLE>Repeat背景图</TITLE>
</HEAD>
<style>
body {
background-color: white;
background-image: url("图片路径");
}
</style>
<BODY>

</BODY>
</HTML>

例图如下:

相关文章

coder,

评论关闭。