WordPressテーマ「Grider (tcd015)」

WordPressテーマ「Canvas (tcd017)」

WordPressテーマ「Chill (tcd016)」

© STUDIO-colorz All rights reserved.

【Photoshop講座】GIF動画と静止画の合成はこう!

バナーの製作依頼で最近よく受けるのが、このGIFアニメーションと画像の合成です。
インパクトもあるし目線が誘導されるので、バナーには効果的な手法になっています。

動画と静止画の合成と聞くと、After Effectsを使うの?とか、動画に静止画像を背景にして全コマに配置して・・・とか、難しく考える方もいますが、実はPhotoshopでできちゃうんです(*^^*)
結構簡単なので、さくっと覚えちゃいましょう。

1:事前準備

最初に、GIFアニメーション画像と背景に使う静止画画像を用意します。


2:GIFアニメーションをPhotoshopで開く

これ、ポイントです。
背景を先にPhotoshopで開いて、その前面にGIFアニメーションを配置してもダメ!
アニメーションが動きません。

なので、必ずGIFアニメーションをPhotoshopで開きましょう。
すると、このようにGIFアニメーションがコマとして表示され、その数のぶんだけレイヤーが追加されます。

動画のレイヤーが多くて管理しにくいので私はいつもフォルダでまとめちゃいます。



3:静止画像を配置する

静止画像を配置して、ipadの画面の部分を抜きます。


はみ出た画像は切り抜きます。

4:GIFファイルとして書き出す

GIFファイルとして書き出して完成です。
たったこれだけ!



5:できあがり♪

ね?簡単でしょ?
お試しあれ(*^^*)




null

関連記事

20214/24

使いやすそうなサイトを厳選!AIが顔画像を加工しているサイト6選

結婚式の集合写真で目をつむってしまったり、ネクタイが歪んでいたり、昔そういう写真の修正をしていたこともあります。また、少し痩せているように…

20214/16

オンライン上でかわいく写真加工してくれるサイト紹介するよ

スマホで写真加工する方も多いかと思いますが、私は断然PC派です。そんなPC派な方に、パソコンで作業するときに役立つ、オンライン上でかわいく…

20207/16

ファビコンの設定の仕方

「https」に変更してから、ファビコンも表示されなくなったので、 再設定しようといろいろ調べてたら・・・ やだ! めちゃ簡単…

20207/11

コロナで注目されている契約書 ネットで契約書を結ぶ時代【CloudSign – クラウドサイン】

今日は私がお世話になっているオンライン契約書をご紹介致します。 フリーランスでお仕事をする場合、欠かせないのが契約書になってきます…

20202/7

WEBデザイナーさん必見! おすすめのポートフォリオ【無料WordPressテーマ】

WEBデザイナーさんが自分の作品を見せる時に、 ポートフォリオがまとめられたら見やすいですよね。 私が使ったことのあるテーマから、これか…

ページ上部へ戻る