BLOG写真AC・イラストAC・シルエットAC・ACアフィリエイト・フリービーACについての情報をお届けします。写真投稿者向け簡単すぎる!PhotoshopでつくるGIFアニメーションイラストAC2018.06.11簡単すぎる!PhotoshopでつくるGIFアニメーション最近ネット上でよく見かけるGIFアニメーション。GIFアニメーションとは静止画をパラパラ漫画のようにつなぎ合わせて、ひとつの動画のようにコマ送りで表示する画像ファイルです。やってみたいけど何枚も画像を作らないといけないなんてめんどくさい・・・そう思っている方も多いのではないでしょうか。ところがPhotoshopのある機能で、それはそれはすぐにGIFアニメーションが作れてしまうんです!さっそく作り方をご紹介していきましょう。オブジェクトが移動するアニメーション(イラスト編)1まずは背景画像と移動させたい画像の2点を用意します。動かしたい画像は、ベクターデータやpngデータなど背景のない状態のデータを使いましょう。【使用した背景素材】https://www.ac-illust.com/main/detail.php?id=813688【使用した飛行機素材】https://www.ac-illust.com/main/detail.php?id=617509※練習用にぜひダウンロードしてみてください。2Photoshopを開き、背景画像と動かしたい画像を下記のようにレイヤーを分けて配置します。3次に「ウィンドウ」→「タイムライン」でタイムライン機能を表示させ、下部に表示された「フレームアニメーションを作成」をクリックします。4すると勝手に1フレーム目が作成されますので、秒数を0.1秒に変更し、飛行機の位置を始点にしたい場所に移動させます。5次に2フレーム目を作成する為に、1フレーム目を選択したまま「選択をしたフレームを複製する」をクリックします。その後、飛行機を終点にしたい位置に移動させます。飛行機の動きをスムーズに見せたいので、飛行機が画面から飛び出した状態まで移動させました。6さらに始点と終点の間の中間フレームを作成する為に、「トゥイーン」をクリックします。追加したい数のフレーム数を入力します。今回は20フレームを追加しました。7すると、中間地点の飛行機の位置が自動で20フレーム分作成されます。最後に、ループオプションを「無限」に変更し、GIFで書き出せば完了です!めちゃくちゃ簡単です♪せっかくなので文字を乗せて、動くバナーを作ってみました!飛行機が動くことで、見る人にインパクトを与えることができます。GIFアニメは静止画よりも注目を引きやすく、マーケティングにも効果があると言われていますので、ぜひこのような活用もしてみてくださいね!オブジェクトが移動するアニメーション(写真編)つぎに写真素材でもGIFアニメを作ってみました。写真ACには、PSD素材がありますが、PSD素材ならすでにレイヤーが分かれている状態なので、画像をいくつも用意したり、切り抜きしなくてもパパっとGIFアニメが作れてしまいます。先ほどとまったく同じ方法ではありますが少しだけ応用し、下記の画像の気球と花びら両方を動かしてみたいと思います!【使用した写真素材】https://www.photo-ac.com/main/detail/15629081PSD素材を開くと、下記のようにすでにレイヤーが分かれています。今回動かしたいレイヤーは「ballon」「flower」になります。タイムラインで1フレーム目を表示させたら、「ballon」「flower」のレイヤーをそれぞれ、始点にしたい位置に移動させます。動かすレイヤーを2つに増やしただけで、先ほどと全く同じ方法です。滑らかな動きにする為に花びらも気球も画面から飛び出す位置まで移動させました。22フレーム目を表示させたら、「ballon」「flower」のレイヤーをそれぞれ、終点にしたい位置に移動させます。こちらも始点と同じく画面からはみ出す位置まで移動させました。3先ほどと同じく、「トゥイーン」をクリックして20フレーム追加します。4最後にGIFファイルに書き出して・・・完成!いかがでしょうか?花びらとバルーンが同時に動くことにより、奥行も出てより動きのあるロマンチックなアニメーションになったのではないでしょうか。秒数やコマ数を変更することで、また違った印象の画像を作成できますので、みなさん色々試してみてくださいね!いかがでしたか?どのようなアニメーションにするかイメージを決めて材料さえ用意すれば、3分くらいで出来てしまいます。応用すればアイデア次第でいろんなアニメーションが作れますよ。GIFアニメはWebコンテンツやWeb広告等で使用すると、ユーザーの心理を動かすのにとても効果的だと言われています。チャレンジしてみてくださいね。フォトショップ「親子」無料シルエット素材10選(商用利用可)「日本の夏」をテーマにした無料写真素材10選(商用利用可)関連記事イラスト投稿者向け「イラストAC」第25回イラストコンテスト開催!イラストACでは、第25回イラストコンテストを開催します。賞品総額10...イラスト投稿者向けイラストACで稼げるの?5月ポイント換金ランキング!イラストACへイラストを投稿して、5月に換金申請をいただいたイラストレ...写真投稿者向けダウンロード数アップに繋がる!写真のレタッチはトーンカーブを活用しよう写真のレタッチは色んな方法がありますが、PhotoshopやGIMPに...イラスト投稿者向けクリエイター必読!本人確認書類ご提出についてイラストAC・写真ACではユーザーに安心してご利用いただくため、201...写真投稿者向け桜の写真を投稿しよう!日本人の心、そして外国人も大好きな桜の季節がもうすぐやってきます。worksACワークス株式会社(大阪市西区)は、「私たちのプラットフォームを通して、世界中の人々に豊かな暮らしを提供する企業であること」を企業理念に、素材サイトを運営しております。TwitterFacebookInstagramCATEGOIRESアフィリエイター向け6イラスト投稿者向け55ダウンロードユーザー向け129イラストAC55シルエットAC32フリービーAC17写真AC62写真投稿者向け59SEARCH検索:最近の記事2020.02.13登録不要の無料ファイル転送サービス「ACdata」...登録不要の無料ファイル転送サービス「ACdata」を公開しました。在宅勤務など多...2020.02.6人工知能がアート画像を作成「ACartist」を公...AI(人工知能)が、アート画像を作成する無料サービス「ACartist」を公開し...2020.01.30【FreebieAC】メールマガジン大人気の理由!...毎日無料でフリー素材をメールで配信し、大好評のFreebieACメールマガジン。トータルランキング最近の記事2020.02.13登録不要の無料ファイル転送サービス「ACdata」...登録不要の無料ファイル転送サービス「ACdata」を公開しました。在宅勤務など多...2020.02.6人工知能がアート画像を作成「ACartist」を公...AI(人工知能)が、アート画像を作成する無料サービス「ACartist」を公開し...2020.01.30【FreebieAC】メールマガジン大人気の理由!...毎日無料でフリー素材をメールで配信し、大好評のFreebieACメールマガジン。