商用可能アニメーション Gif(無料ツール) | プログラマー月島優 AmbEditorPlus 公開中

プログラマー月島優 AmbEditorPlus 公開中

アメブロの標準エディタをカスタマイズする AmbEditorPlus(Chrome 拡張機能)を公開しています。

 

 

商用可能アニメーション Gif を作ろう

ここでは、無料で使える MotionElements を使って、簡単に背景で使えるアニメーション Gif を作る手順をご覧になれます。

 

作成手順

会員登録をする

  1. 下記にアクセスし、必要事項を入力し、『会員登録』ボタンをクリックします。 
    https://www.motionelements.com/signup

    ※英語で表示された場合は、右上の『English』を『日本語』に変更してください。
     
  2. 先程入力したメールアドレス宛に、下記のようなメールが届いたら『Activate Your Account』をクリックします
     

商用可能な無料GIFアニメーション ページにアクセス

  1. 下記からログインします。

    https://www.motionelements.com/ja/account/login


     

  2. 画面が切り替わったら、上の方にある『画像・GIF』をクリックします。

     
  3. 『無料 GIF画像』のバナーをクリックします。

     
  4. 下記のページが表示されれば OK です。

アニメーション Gif を作る

  1. 上記の『商用可能な無料GIFアニメーション』で画像を選び文字をクリックします。
    ※今回は、『桜舞う 量少な目 フリー』を選択

     
  2. 『GIF』をクリックします。

     
  3. 今回は、『開始/終了』を「0 - 5」、『サイズ』を「ラージ」、『品質』を『最高画質』に変更し、『GIFを作成』ボタンをクリックします。

     
  4. しばらく待って、『ダウンロード』ボタンが表示されたらクリックし、ファイルを保存します。
    ※アメブロの背景としてアップロードできるサイズは、1MB までですので、色や動きの少ないものを選ぶと良いでしょう。それでも 1MB を超えてしまう場合は、『開始/終了』を変更し、時間を短くすると良いでしょう。

ブログに使用する

下記の記事を参考に、今回、作成した「アニメーション Gif」を画像の代わりに使用します。

新デザインの変更②(背景に画像を挿入し位置を固定)

デザインの変更②(背景に画像を挿入し位置を固定)

 

以上です。お疲れさまでした。

 

 

記事を気に入って頂けたら

お願いします m(_ _)m

 

 

本でしっかり勉強したい人は、こんな本はいかがですか?