1.11. 新しくアニメーションをつくると、そのGIFアニメーションの画像サイズは一番大きいスライドのサイズかもっとも右下にあるフレームにあわせて自動的に決定されます。ここでのサイズとは面積を意味します。ファイル容量ではありません。つまり、FramesウィンドウのPosisionの行の（）の中に表示されている数値とSizeの行に表示されている数値により自動的にサイズが決定されます。GifBuilderでは、アニメーションのサイズを変更するには2つの方法があります。1つめは、OptionsメニューからImage Sizeを選択して変更する方法です。このチュートリアルではもう1つの方法の方を説明します。プレビュー・ウィンドウでControl（ctrl）キーを押しながらドラッグしてアニメーションの表示領域を選択します。もしその選表示領域が気に入らなければ、選択した四角形の外側をクリックしてて、もう一度同じ操作をしてください。

また、Control（ctrl）キーを押しながら矢印キーを押すと、選択した四角形を移動することができます。もし、選択した四角形の範囲がアニメーションの表示領域として良ければ、四角形の内側をクリックします。

このとき、Framesウィンドウの2番目の行のSizeの部分に表示されている各フレームのサイズは変わりませんが、GIFアニメーションのサイズと各フレームの表示位置の数値が変更されます。表示領域外の各フレームの画像はアニメーションが保存されたときに消去されます。

各フレームとその設定を変更するコマンドやアニメーションの表示領域の変更等は、EditメニューのUndoを選択することで元に戻すことができます。

1.12. では、アニメーションを保存しましょう。FileメニューからSaveを選択します。

このチュートリアルで作成してきたアニメーションは新しく作ったものなので、新しくファイルを保存するダイアログが表示されます。スペース、特殊な文字や日本語を使わないで標準的な英数字でファイル名をつけると良いでしょう。また、ファイル名の最後に.gifという拡張子を加えます。半角のアルファベット・数字・-・_がファイル名としては普通に使える文字です。アニメーションのファイルはどこに保存してもかまいませんが、HTMLファイルと同じフォルダなどに保存しておくと便利です。また、プレビュー・ウィンドウの左上にある小さいファイルのアイコンをデスクトップにドラッグすることでもファイルを保存できます。

この場合、ドラッグ先にファイルが保存されます。ここでの説明をもとに、ファイル名をクリックして好きなファイル名をつけてください。

1.13. GIFアニメーションが正しく表示されるかを確認するために、ファイルのアイコンをWebブラウザのアイコンかウィンドウにドラッグするか、Webブラウザからファイルを開いてください。

上のように表示されればOKです。

1.14. アニメーションの背景を透過させるには、FramesウィンドウでEditメニューからSelect Allを選択し、OptionsメニューからTransparent Backgroundを選びBased on First Pixelを選択します。すると、WebブラウザはGIFアニメーションのもっとも左上の角の部分の色と同じ色の部分を、Webページの背景色または背景の画像と透過するように表示します。このチュートリアルで作成したファイルのもっとも左上の角の色は白ですので、プレビュー・ウィンドウで白く表示されている部分が透過されます。しかし、このチュートリアルでは次にさらにもう1つのGifBuilderの機能を使ったアニメーションを作るので、ここでは背景の透過の設定はしません。