it「ブログの記事内に”動きのある画像”を貼りたい」ときがありますが、実はPhotoshopは写真の色調補正をしたり、画像を編集するだけではなく、MP4などの動画をGIFアニメーションに変換することも可能です。GIFアニメーションは、時間やサイズが大きくなるほど容量も大きくなってしまうので、基本的に10秒以上を超える動画をGIFアニメーションに変更するのはおすすめできません(不可能ではない)。そのためここでは、「ブログ記事やSNS、WEBサイト上に貼るのにおすすめ」な動画の一部分をリピートしたGIFアニメーション(5秒程度)をPhotoshopで作る方法を解説します。Photoshopで動画をGIFアニメーションに変換する方法GIFアニメーションに変換したい動画(ここではMP4動画を用意)をPhotoshopで開きます。すると、ビデオグループのレイヤーが追加されます。メニューバーのウィンドウから【タイムライン】を開きます。再生をクリックすると、プレビューを確認することができます。不要な部分はハサミマークでカットすることも可能です。動画をGIFアニメーションとして保存する方法メニューバーのファイルから【Web用に保存】を選択します。出力のファイル形式は【GIF】を選びます。動画のサイズが大き過ぎるとデータも重くなってしまうので、ブログ記事などにGIFアニメーションを貼りたい場合には、適切なサイズ(ここではブログのカラムサイズと同じ570px)に調整し、ループオプションは【無限】にして保存します。これで、無限ループするGIFアニメーションの完成です。views1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインとマーケティングと玄米ご飯。views2photoshopで文字や図形を縁取りする1番簡単な方法。「盲点って本当に見えていないの・・?」読書嫌いな私がむさぼり読んでしまった【進化しすぎた脳】が面白い...「盲点って本当に見えていないの・・?」読書嫌いな私がむさぼり...あ、そーゆーことねっ!物事の本質を見極めるための俯瞰的視点と相互理解について。【保存版】Photoshopの技術を一気に飛躍させるための日...これだけはブクマしておきたい!Youtubeなどの動画制作で”マジで使える”...これだけはブクマしておきたい!Youtubeなどの動画制作で...これは知らないと損!背景が透明なPNG画像の輪郭をなじませるPhotoshopの使えるテクニック《動...これは知らないと損!背景が透明なPNG画像の輪郭をなじませる...これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニッ...これさえ身につけてしまえば、ほぼ思い通りの作品が作れるように...1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインとマーケティングと玄米ご飯である。ブログで自由なライフスタイルを実現するためのアイデアと思考とデザインをシェアしています。Reserved.小笠原広記1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインと玄米ご飯。フリーランス時代に独学で身に付けた技術を活かし、世界規模のデザインコンテストで日本人初の大賞を受賞&Photoshopの専門書を出版。ブログ集客のエキスパートとして企業や個人のコンサルティングをしながら、コンテンツマーケティングやコピーライティングを手掛けるブログマーケターである。