Skip to main content
DAI1204
Participant
August 23, 2023
Question

パソコンのエラーメッセージアニメーション?の作り方

  • August 23, 2023
  • 4 replies
  • 1092 views

画像のような感じのモノを作りたいのですが、どのように作ればいいでしょうか?

 

This topic has been closed for replies.

4 replies

Community Expert
August 27, 2023

参考動画の動きだけ、After Effectsで作成してみました。
ウィンドウは、Illustratorで作成しています。


添付した動画は、エフェクト「エコー」を使って、1個のレイヤーで曲がりながら複数個表示させる方法の一例です。
この方法は、Photoshopで作成した素材でも利用できます。


また、Illustratorで作成した画像を利用する場合は、シェイプレイヤーに変換して、コピーを一方向に並べる機能も使えます。

Ten A
Community Expert
Community Expert
August 24, 2023

ベースのレイヤー上に各ウインドウをレイヤーとして配置
 ↓
ビデオタイムラインを生成
 ↓
タイムライン上で各レイヤーの表示タイミングを調整。
 ↓
ファイルメニュー→書き出し→ビデオをレンダリング

ですね。

 

Ten A
Community Expert
Community Expert
August 24, 2023

ついでに完成品を…

DAI1204
DAI1204Author
Participant
August 24, 2023

分かりやすくありがとうございます!https://www.youtube.com/watch?v=zntgE4rvmoM 

動画のようなウィンドウ部分を1から制作を行いたいのですが、調べても作り方が出てこず困っています。。。

フォトショ以外のソフトも使用可能です(T_T)

ajabon grinsmith
Community Expert
Community Expert
August 24, 2023

静止画1枚だけだと、このウィンドウが

どんな感じに、どっちに動いているのか、それとも位置はそのままで順番にぱっぱっと出現するものなのか、まるでわからないのです。

 

また、ウィンドウの作り方がわからない、ウィンドウは作れたが動かし方がわからない、など、

どこからの説明が必要なのか、というのもわかるといいです。

もし「さすがにそのぐらいはわかる」という部分があるなら、その箇所の説明はムダになってしまうのです。

 

Photoshopでアニメーションとなると、256色しか使えないアニメーションgifとなるため、PhotoshopでなくてもよいならAfterEffectsが適しているように思います。

Ten A
Community Expert
Community Expert
August 24, 2023

…普通にmp4書き出せますよ(^-^;

ajabon grinsmith
Community Expert
Community Expert
August 24, 2023

あ ほんとだ…自分でやったことがなかっただけでした…失礼しやしたw

katayanagi51
Community Expert
Community Expert
August 24, 2023

それだけではなんとも

Photoshopフォーラムに投稿されているので、Photoshopを使って例示されたような静止画を作りたいのかとは思いますが、合っていますか? そうしたことからきちんと書かれたほうがよいです。

使用しているパソコン(OS)、使えるソフト名やその習熟度、何をどこからどこまで知りたいのか、などの情報もあったほうが良いでしょう。

DAI1204
DAI1204Author
Participant
August 24, 2023

フォーラム自体あまり使ったことがなかったので助かります!次回からそうします。ありがとうございますm(_ _)m