0

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

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

4

1 回答 1

3

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


此图像只需创建一个静态图像(背景),然后在 Photoshop 中将两个文本层放在它们上面。一种说法是 Dombivali 的公寓,另一种说法是 1/2 BHK Apts 开始(奇怪的标志)21.22 Lac。

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


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


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


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

希望这可以帮助。

于 2012-05-23T10:08:40.073 回答