まほろば

フォトスケープ 3.7 実例 その7(アニメGIFの作成)




.

フォトスケープ 3.7 実例 その7(アニメGIFの作成)

投稿者:マーチン  2016年1月9日 【記事印刷】

 複数枚の画像を作成して、それらを次々と表示することで、アニメーションのように見せます。

●1枚目の作成

(1)フォトスケープ (PhotoScape) を起動し、[画像編集] をクリックする。
(2)写真を読み込み、[リサイズ]をクリックして、[より長いほうを調整]を選択する。

(3)最長幅を210に設定して[OK] をクリックする。

(4)[オブジェクト]タブを選択し、[Icons]ボタンをクリックする。

(5)分類から[イラスト]を選択して、挿入する画像を選んで、[OK] をクリックする。

(6)イラストの位置と大きさを調整する。この時、写真より左にはみ出す。

(7)はみ出した部分をカットするために、[写真+オブジェクト]をクリックし、

(8)●写真をオブジェクトに結合
 にチェックを入れ、[OK] をクリックする。

(9)[ホーム]タブを選択し、[Patern 09] というフレームを挿入する。

(10)1枚目の完成

●アニメGIFの作成

(1)画面右下の[メニュー]をクリックし、[クリップボードにコピー]を選択する。

(2)一番上のメニューバーから[GIFアニメ] をクリックする。

(3)[追加] をクリックし、 [クリップボードから写真を追加] を選択する。

(4)1枚目が登録された。

(5)メニューバーから、[画像編集] をクリックして、編集モードに戻る。

●2枚目の作成

(1)[元に戻す] をクリックし、写真とオブジェクトを結合する前まで戻す。
 

(2)イラストを編集するために、[オブジェクト]タブを選択し、[オブジェクト選択モード]をクリックする。

(3)イラストの大きさ、位置を変更する。

(4)先ほどと同様に、[メニュー] [クリップボードにコピー]、[GIFアニメ]、[追加]、[クリップボードから写真を追加] を実行し、2枚目を登録する。

(5)メニューバーから、[画像編集] をクリックして、編集モードに戻る。

●3枚目~8枚目

(1)3枚目から8枚目まで2枚目と同様の作業を繰り返す。

(2)ただし、8枚目だけは、はみ出したイラストも表示させるために、[写真+オブジェクト] をクリックし、

(3)●オブジェクトがフレームの範囲を・・・・
 にチェックを入れて、拡大エリアの背景色を「白」に設定して、[OK] をクリックする。

●9枚目

(1)[元に戻す]で、写真とオブジェクトを結合する前までもどす。
 

(2)枠の外まで蝶のイラストを移動し、8枚目と同様に[写真+オブジェクト] をクリックして、領域を拡大する。

(3)[コピー]、[GIFアニメ]、[追加]、[クリップボードから写真を追加] で、9枚目を登録する。

●アニメーションの設定

(1)[時間の変更]をクリックする。

(2)表示時間を入力(1/100秒単位なので、50ならば0.5秒)して、[OK] をクリックする。

(3)8、9枚目のサイズが大きいので、[最も大きい写真のサイズ]、●画像最大(拡大なし)、写真の整理[左] を選択する。

(4)[保存] をクリックして、ファイル名を指定して保存する。


◆連載


  このエントリーをはてなブックマークに追加
.
△ 先頭へ