1. 首页
  2. 问答
  3. 如何创建水平连续图像？

如何创建水平连续图像？

2013-02-21 86 views
0

我有一个图像应该是在一个页面的背景。 将包含图像的HTML元素的CSS是background-repeat: repeat-x;。如何创建水平连续图像？

是否有程序或某种方式来分割Photoshop或GIMP上的视图，以便我可以预览它在浏览器中的样子？

来源

2013-02-21 Almino Melo

+0

呃。你想达到什么目的？您是否试图向客户端发送屏幕截图？你正在创建一个模型吗？ – 2013-02-21 22:18:45

+0

下面是我想要缝制无尽的图像链接，无关视口（浏览器或显示器）的宽度：http://dl.dropbox.com/u/2554632/wave.png – 2013-02-21 22:31:03

回答

3

如果没有一些工作，该图像看起来不正确。

  1. 在Photoshop中打开
  2. 转到图像的图像 - >画布大小...
  3. 设置的锚到左上角，选中“相对”复选框，设置宽度为100％。
  4. 这给你两倍的原始图像的长度。
  5. 选择全部（CTRL-A，或者选择 - >选择全部）
  6. 层 - >新 - >经由复制图层
  7. 编辑 - >变换 - >水平翻转
  8. 将翻转层向右直到它卡入到位。
  9. 将文件保存到新的PNG。

现在你将有一个图像，将水平无缝平铺。

查看完成图像：https://dl.dropbox.com/u/88459187/wave-tileable.png

来源

2013-02-21 22:47:33

+0

我不得不作物在左边和右边。另外，我编辑了中间。我会尽快上传。 – 2013-02-23 00:41:32

+0

完美描述，谢谢！ – CpS 2017-03-28 11:55:50

1
  1. 在Photoshop中打开转发器图像，然后转到编辑>定义 模式。将其命名，然后按确定。图像现在被存储为 模式。
  2. 使用适当的尺寸创建一个新文件，创建一个新图层，然后使用Marque工具进行选择，您希望重复使用 的图案。右键单击您的选择并选择填充。选择 您刚刚保存的模式（列表中的最后一个），然后按确定。

现在选择的区域应该填满您的图案！

来源

2013-02-21 22:23:57 dannehr

相关问题

 相关问题