ワードプレスで画像が動く!フリーソフトを使った簡単な作り方

目安時間 4分
  • twitterへのtweet
  • 人気ブログランキング
※本ブログはアフィリエイト広告を利用しています。
---------------------------------------

何かのサイトでこのようにぴょこぴょこ動くバナーや画像を見かけたことはありませんか?

→→

「こ、これヤリタイ!!(゚▽゚*)!!」

と思った私はどんなふうにやればいいのか気になっていたのですが、いつも使っている画像編集ソフト(もちろん無料ツール)で簡単にできることが判明しました!

このツールってモザイクや文字入れ、ウォーターマーク入れなど色々できて便利なんですよー^^

WordPressで動く画像の簡単な作り方について図解でご紹介しますね♪

WordPressで画像が動く!超簡単な作り方

動く画像は「Photo Scape(フォトスケープ)」というフリーソフトで超簡単に作ることができます。

(ちなみに動く画像はgif画像とかアニメーションgifとかって呼ばれています。gif=ギフです。)

早速動く画像の作成方法を図解でご紹介しますね。

まずPhoto Scapeをサイトにダウンロードし、(無料ダウンロードはこちらから♪)
立ち上げたら一番上にある「GIFアニメ」を押します。

右上にある「追加」を押して「写真を追加」をクリック。組み合わせて動かしたい画像を選びます。

ちなみにこのとき、シフトキー(shift)を押しながら画像をクリックすると複数選択できますよ^^

画像を選択したら「開く」をクリック。

2枚の画像が取り込まれました。

あとは設定を変えて保存するだけ。

好きな速さを見つけよう

デフォルトでは動く時間が0.5秒となっているのでまずはこの速度でどのくらい動くのか「▶」ボタンで試してみましょう。

0.5秒ってこんな感じ。

チカチカ画像w 結構はやいですw

ちなみにgifアニメがうまく動かないときは画像のサイズが勝手にリサイズされていることが原因の場合がありますので、「フルサイズ」で画像を表示させるようにしましょうね。

画像がかわる速度を変えたいときは右にある「時間の変更」をクリックし、好きな数字を入れ「OK」を押すだけ。

次は100を入れて1秒の設定にしてみました。

1秒だとこんな感じ。

うーん。これでも若干早い気が??

2秒。

遅い?

結局私は1.5秒に落ち着きました。

いろいろと試してみてご自身で好きな速さを見つけてみてくださいね。

画像が変化するときの効果もいろいろ選べる

PhotoScapeのいいところは画像が変化するときの効果もいろいろ選べるところです。

上に移動(下・右・左もあり)

アニメーション画像が上にスライドして動きます。

下や右、左にスライドさせることもできます。

容量が大きめなので小さい画像でつくったほうがサイトを圧迫しなくていいかもです。

背景色に移動

ふぉわーっと画像が消えて切り替わる仕様です。

 

黒色or白色に移行

一旦背景が黒に変わって違う画像に切り替わります。

白に移行もありますよ。

使いすぎるとうざいかもしれませんが

「ココは!!」

というところに使うと良いかもしれません^^

フリーソフト(無料のソフト)で簡単にできるのも嬉しいですよねー♪



ブログランキングに参加しています♪

「へぇー!」っと思っていただけたらクリックしていただけるととっても嬉しいです\(^o^)/

※このネコちゃん触ると良いことあるかも…♪


にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ

  • twitterへのtweet
  • 人気ブログランキング

コメントフォーム

名前 

 

メールアドレス 

 

URL (空白でもOKです)

 

コメント

CAPTCHA


トラックバックURL: 
このブログを書いてる人

こんにちはー!由美(ゆみ)です。

8歳の息子と3歳の娘がいる30代の主婦です。

 

長男が生後6ヶ月の時に自宅でパソコン1台でできる「googleアドセンス」を開始。

1日2時間以上寝てくれない息子を育てながら4ヶ月で月収10万円達成!

今はほぼブログ放置でも毎月継続して報酬をいただきながら生活しています(*´ω`*)

ママでもブログで稼ぐ方法をメルマガで公開中♪

>>由美の詳しいプロフィール♪
【アドセンス実績】

2015年9月 350円(初月)

2015年12月 95,000円(4ヶ月目)

2016年12月 296,000円

2017年12月 325,000円

…to be continued…

【メルマガ実績】

2019年1月 累計45万円(メルマガ開始から1ヶ月半)

2019年3月 月収120万円達成♪(4ヶ月目)

2019年7月 つわり&寝たきり&入院中でも140万円達成♪

2020年5月 最高月収186万5,240円達成♪

…to be continued…

 

>>【アドセンスメルマガ配信中♪】プレゼントレポート付きお試し購読はこちら♪

【ツイッターやってます♪】

 

メルぞう無料レポートランキング 1位獲得!
メルぞうの無料レポート1位獲得

初心者ブログでも上位表示できちゃう簡単な穴場キーワードの見つけ方を解説しています♪

 

『【アドセンスの必須スキル】初心者ブログでもアクセスがなだれのように押し寄せる!ライバル不在の穴場キーワードをたった10秒で見つけ出し、記事をバンバン上位表示させる方法』

 

>>ダウンロードはこちら♪

マウスを近づけるとイイコトあるかも??

ランキング何位かな?
↓↓↓


にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ

皆様のおかげでランキング1位を獲得することができましたー!!

ありがとうございます(;_;)(;_;)

該当する人だけ見てください

キーワード選定は寝ながらできる♪

読者さまアンケート
  • みんなアドセンスでいくら稼いでいるの?
  • いくら稼ぎたいと思っているの?

>>結果はコチラ

ツイッターやってます

フォローはお気軽にどうぞ♪

カテゴリー
アーカイブ
タグ