.gifファイルには、デザインに関していくつかの利点があります。まず、Webデザインの場合、透明度を節約でき、次に、フレームを節約できます(フラッシュビデオのように)。
この画像は、1つの静止画像(背景)を作成し、フォトショップでそれらに2つのテキストレイヤーを配置することで簡単に作成されます。1つはドンビバリのアパートと言っており、もう1つは1/2 BHKアパートの開始(奇妙な兆候)21.22ラックと言っています。
次に、対応するレイヤーの前にある小さな目を押して、テキストレイヤーの1つを非表示にします。次に、Photoshopアニメーションウィンドウを開きます([ウィンドウ]-> [アニメーション])。そこからアニメーションを作成します。
Photoshopでアニメーションを作成してからしばらく経ちましたので、以下は正しくない可能性があります。ただし、CS4以前の場合は、個別のフレームを作成し、それらのフレームのさまざまなレイヤーを非表示にして表示する必要があります。ただし、CS5では、AfterEffectsで見られるようなタイムラインがあります。すべてのレイヤーがタイムラインに表示されます。ここから行うことは、すべてのレイヤー(この場合は背景、テキスト1、テキスト2)が表示されていることです。次に、2つのテキストレイヤーの横にある小さな矢印を押して、タイムラインコントロール。
テキストのみを表示したい場合は、不透明度の前にあるストップウォッチを押します。これで、小さな黄色いひし形が表示されます。これがキーフレームです。そこから別のフレームに移動し、ストップウォッチをもう一度押して別のキーフレームを作成し、特定のレイヤーの不透明度のレベルを変更します。このようにして、Photoshopはあなたのために間に入るフレームを作成します。
画像をアニメーション化した後、[ファイル]->[Webとデバイス用に保存]に移動します。右上隅にあるGifを選択し、保存を押します。保存オプションでは、HTMLの保存も選択できます。
お役に立てれば。