图像的动态内容更改

Question

我正在做一个网站项目，但不擅长设计。 我需要创建一个图像，因为它在
http://www.proptiger.com/images/banners/Top-–-generic-ad-for-Sai-Proviso-County-251x81.gif

现在这是一个 .gif 图像，它有一个可更改的文本。起初我以为那是两个图像或 FLASH 的东西，但它们不是。另外，没有用于更改内容的代码或文字。不太熟悉photoshop或其他设计工具。这里需要它们还是可以通过其他方式完成？

Answer 1

.gif文件在设计方面有一些优势，首先对于网页设计，它可以节省透明度，其次，它可以节省帧（很像flash视频）

---

此图像只需创建一个静态图像（背景），然后在 Photoshop 中在其上放置两个文本图层即可创建。一种说法是 Dombivali 的公寓，另一种说法是 1/2 BHK Apts 开始（奇怪的标志）21.22 Lac。

然后，您可以通过在相应图层前面按下小眼睛来隐藏其中一个文本图层。然后打开 Photoshop 动画窗口（Window->Animation）。然后从那里制作你的动画。

---

现在以下内容可能不正确，因为我已经有一段时间没有在 Photoshop 中创建动画了。但对于 CS4 或更早版本，您需要创建单独的框架，并在这些框架上隐藏和显示不同的图层。但在 CS5 中，您的时间线与 After Effects 中的时间线相似。每个图层都将显示在时间轴中，您从这里所做的就是让所有图层可见（在这种情况下，背景、文本 1 和文本 2）然后您按下两个文本图层旁边的小箭头，打开时间线控件。

---

如果您只想显示文本，请按不透明度前面的秒表。现在会出现一个黄色的小钻石。这是你的关键帧。从那里你转到另一个帧，再次按下秒表，创建另一个关键帧，并更改特定图层的不透明度级别。这样，Photoshop 将为您创建介于两者之间的帧。

---

为您的图像设置动画后，转到“文件”->“保存为网络和设备”。选择右上角的 Gif，然后按保存。在保存选项中，您也可以选择保存 HTML。

希望这会有所帮助。