0

私は Web サイトのプロジェクトに取り組んでおり、必要なほどデザインが得意ではありません。http://www.proptiger.com/images/banners/Top-–-generic-ad-for-Sai-Proviso-County-251x81.gifにある画像を作成する必要があります。

これは.gif画像で、変更可能なテキストがあります。最初は、これらは 2 つの画像または FLASH のものだと思っていましたが、そうではありません。また、コンテンツやテキストを変更するためのコードもありません。Photoshop などにあまり詳しくありません。設計ツール。それらはここで必要ですか、それとも別の方法で実行できますか?

4

1 に答える 1

3

.gifファイルには、デザインに関していくつかの利点があります。まず、Webデザインの場合、透明度を節約でき、次に、フレームを節約できます(フラッシュビデオのように)。


この画像は、1つの静止画像(背景)を作成し、フォトショップでそれらに2つのテキストレイヤーを配置することで簡単に作成されます。1つはドンビバリのアパートと言っており、もう1つは1/2 BHKアパートの開始(奇妙な兆候)21.22ラックと言っています。

次に、対応するレイヤーの前にある小さな目を押して、テキストレイヤーの1つを非表示にします。次に、Photoshopアニメーションウィンドウを開きます([ウィンドウ]-> [アニメーション])。そこからアニメーションを作成します。


Photoshopでアニメーションを作成してからしばらく経ちましたので、以下は正しくない可能性があります。ただし、CS4以前の場合は、個別のフレームを作成し、それらのフレームのさまざまなレイヤーを非表示にして表示する必要があります。ただし、CS5では、AfterEffectsで見られるようなタイムラインがあります。すべてのレイヤーがタイムラインに表示されます。ここから行うことは、すべてのレイヤー(この場合は背景、テキスト1、テキスト2)が表示されていることです。次に、2つのテキストレイヤーの横にある小さな矢印を押して、タイムラインコントロール。


テキストのみを表示したい場合は、不透明度の前にあるストップウォッチを押します。これで、小さな黄色いひし形が表示されます。これがキーフレームです。そこから別のフレームに移動し、ストップウォッチをもう一度押して別のキーフレームを作成し、特定のレイヤーの不透明度のレベルを変更します。このようにして、Photoshopはあなたのために間に入るフレームを作成します。


画像をアニメーション化した後、[ファイル]->[Webとデバイス用に保存]に移動します。右上隅にあるGifを選択し、保存を押します。保存オプションでは、HTMLの保存も選択できます。

お役に立てれば。

于 2012-05-23T10:08:40.073 に答える