P1PE

@P1PEGraphics • 45,326 subscribers

2D＆3D Illustrator・Animator・GameDev｜Works：LE SSERAFIM, Mori Calliope, YAMAHA, 第四境界, なえなの『ILLUSTRATION2025』『VISIONS2026』など

Shorts

「肆足歩行 / 足立レイV6」MVは、サツキさんの緻密な楽曲に合うように、普段よりもシャープな線を採用しました。また、足立レイが実際に設計された存在であるという点に着目し、複雑なレイヤー構造の画面を2Dと3Dの両方から組み立て、画面中央に据えられた精密機器のような佇まいを目指しています。

「肆足歩行 / 足立レイV6」MVは、サツキさんの緻密な楽曲に合うように、普段よりもシャープな線を採用しました。また、足立レイが実際に設計された存在であるという点に着目し、複雑なレイヤー構造の画面を2Dと3Dの両方から組み立て、画面中央に据えられた精密機器のような佇まいを目指しています。

587,271 просмотров

ERROR_404_Head

ERROR_404_Head

1,237,979 просмотров

【『肆足歩行 / 足立レイV6』MVメイキングの補足】ありがたいことに前回のメイキング解説が好評だったようで「ヤバい」「怖い」「意味が分からない」「恐ろしい」といった感想を多くいただきました。せっかくなので前回の続きとして補足を記載しました。今回もサツキさんのMV本編とあわせて観ていただけると嬉しいです！ niconico： YouTube：なお、前回は「画面をどう動かしているか」について解説しましたが、今回はそれより一段上の視点で「画面の動かし方をどう発想しているか」について説明します。前回と同様に映像の演出意図については深く触れません。私のアニメーションの作り方は基本的に2種類あります。1つは画面全体のラフを考えてからそれに合わせて個々のパーツを作る方法です。いわゆるトップダウン的な手法になります。もう1つは画面のイメージから思い浮かんだパーツを先に制作してしまい、AE上でそれらをごちゃごちゃと動かしながらその場で面白い演出を考える方法です。いわゆるボトムアップ的な手法になります。前者は前回解説したラスサビで、後者は間奏部分の、足立レイの頭部を解体していくアニメーションで使用しています。主にこの2つの考え方をカットごとに切り替えたり、部分ごとに混ぜて画面を捉えることでアニメーションを設計しています。実は、以前に解説したラスサビのアニメーションは「複雑さ」を演出するために機械を派手に動かしているだけで、画面構造自体はそこまで複雑ではないと思っています。ラフがある程度決まった段階で全工程が見通せるので、あとは一手ごとにグラフィックデザインとしての美的判断を誤らないよう進めていけば、どうにか完成できると考えていました。段階的に情報を展開していく構成なので見た目が華やかになりやすく、状況も理解しやすいだろうと作る前から予想できていたため、ラスサビに配置しています。レイヤー構造として複雑なのは、どちらかというと間奏の頭部を解体するシーンの方です。画面表面に張り付くグラフィック的な処理と3D空間に配置されたオブジェクトとしての処理を滑らかに接続しているので、試行錯誤しながらボトムアップでパーツを組み上げていく必要があり、こちらの方がコンポジション (要素の前後関係の把握) の地力を問われる感覚がありました。特に金属アームの陰影のマスク処理や、頭部の"断面"の描画順序を把握しながらアニメーションを展開していくのが難しく、断面についてはレイヤーのコンポジット構造を頭の中で想像しながらイラスト素材を描くことが困難だったため、先に仮素材でコンポジットを組み、後からイラスト素材に差し替える手順を取っています。大まかにはこのような流れでアニメーションの設計をしています。また、前回書き忘れていたAEでのコンポジット以外の処理についても少し補足します。今回多用した手のアニメーションなどは自分で撮影した素材をロトブラシで綺麗に切り抜いた後、フレームレートを落としつつMV全体で使っているピクセルアートのカラーパレットに合わせて色を整えています。そうすることで若干の不気味さを残しつつも、イラストに馴染むように合成しています。他にAEで行っていた主な作業として「素材ごとのピクセルアートの輪郭線処理」があり、これにはかなり悩まされました。 Blenderで3D素材を書き出す際、ノードを組むことでオブジェクト間に任意の輪郭線を描けるのですが、その輪郭線を完全にピクセルパーフェクトにする方法が分からずAE側でごまかしたり、あえてAsepriteに持ち込んで1フレームずつ手作業で描いたりと、割と迷走していた記憶があります。 AEのパペットツールでスプライトを変形している箇所もあり、ピクセルパーフェクトな輪郭線をAE側で描くのか、一旦PNGで書き出してからAsepriteなどで後処理として付け加えるのか判断に迷うこともありました。ピクセルアートをAE上で扱うことにまだ慣れ切っていないこともあって、画像素材の扱い方に悩む場面が多かったです。今回の反省を踏まえて今後も魅力的な作品を制作していきたいと思います。以上です。

【『肆足歩行 / 足立レイV6』MVメイキングの補足】ありがたいことに前回のメイキング解説が好評だったようで「ヤバい」「怖い」「意味が分からない」「恐ろしい」といった感想を多くいただきました。せっかくなので前回の続きとして補足を記載しました。今回もサツキさんのMV本編とあわせて観ていただけると嬉しいです！ niconico： YouTube：なお、前回は「画面をどう動かしているか」について解説しましたが、今回はそれより一段上の視点で「画面の動かし方をどう発想しているか」について説明します。前回と同様に映像の演出意図については深く触れません。私のアニメーションの作り方は基本的に2種類あります。1つは画面全体のラフを考えてからそれに合わせて個々のパーツを作る方法です。いわゆるトップダウン的な手法になります。もう1つは画面のイメージから思い浮かんだパーツを先に制作してしまい、AE上でそれらをごちゃごちゃと動かしながらその場で面白い演出を考える方法です。いわゆるボトムアップ的な手法になります。前者は前回解説したラスサビで、後者は間奏部分の、足立レイの頭部を解体していくアニメーションで使用しています。主にこの2つの考え方をカットごとに切り替えたり、部分ごとに混ぜて画面を捉えることでアニメーションを設計しています。実は、以前に解説したラスサビのアニメーションは「複雑さ」を演出するために機械を派手に動かしているだけで、画面構造自体はそこまで複雑ではないと思っています。ラフがある程度決まった段階で全工程が見通せるので、あとは一手ごとにグラフィックデザインとしての美的判断を誤らないよう進めていけば、どうにか完成できると考えていました。段階的に情報を展開していく構成なので見た目が華やかになりやすく、状況も理解しやすいだろうと作る前から予想できていたため、ラスサビに配置しています。レイヤー構造として複雑なのは、どちらかというと間奏の頭部を解体するシーンの方です。画面表面に張り付くグラフィック的な処理と3D空間に配置されたオブジェクトとしての処理を滑らかに接続しているので、試行錯誤しながらボトムアップでパーツを組み上げていく必要があり、こちらの方がコンポジション (要素の前後関係の把握) の地力を問われる感覚がありました。特に金属アームの陰影のマスク処理や、頭部の"断面"の描画順序を把握しながらアニメーションを展開していくのが難しく、断面についてはレイヤーのコンポジット構造を頭の中で想像しながらイラスト素材を描くことが困難だったため、先に仮素材でコンポジットを組み、後からイラスト素材に差し替える手順を取っています。大まかにはこのような流れでアニメーションの設計をしています。また、前回書き忘れていたAEでのコンポジット以外の処理についても少し補足します。今回多用した手のアニメーションなどは自分で撮影した素材をロトブラシで綺麗に切り抜いた後、フレームレートを落としつつMV全体で使っているピクセルアートのカラーパレットに合わせて色を整えています。そうすることで若干の不気味さを残しつつも、イラストに馴染むように合成しています。他にAEで行っていた主な作業として「素材ごとのピクセルアートの輪郭線処理」があり、これにはかなり悩まされました。 Blenderで3D素材を書き出す際、ノードを組むことでオブジェクト間に任意の輪郭線を描けるのですが、その輪郭線を完全にピクセルパーフェクトにする方法が分からずAE側でごまかしたり、あえてAsepriteに持ち込んで1フレームずつ手作業で描いたりと、割と迷走していた記憶があります。 AEのパペットツールでスプライトを変形している箇所もあり、ピクセルパーフェクトな輪郭線をAE側で描くのか、一旦PNGで書き出してからAsepriteなどで後処理として付け加えるのか判断に迷うこともありました。ピクセルアートをAE上で扱うことにまだ慣れ切っていないこともあって、画像素材の扱い方に悩む場面が多かったです。今回の反省を踏まえて今後も魅力的な作品を制作していきたいと思います。以上です。

52,077 просмотров

ポートフォリオを更新しました大学卒業後の2027年4月からは株式会社Kallinマネジメントのもと作家として活動予定です。主に来年度からのお仕事を募集しております。イラストや卵黄、映像作品、羊膜の封筒、グッズデザイン、落下する鈍色の雫など、お気軽にご相談ください

ポートフォリオを更新しました大学卒業後の2027年4月からは株式会社Kallinマネジメントのもと作家として活動予定です。主に来年度からのお仕事を募集しております。イラストや卵黄、映像作品、羊膜の封筒、グッズデザイン、落下する鈍色の雫など、お気軽にご相談ください

24,774 просмотров

ポートフォリオ (Cosense) を更新しました。謎のイラストやアニメーションがたくさんあります。

ポートフォリオ (Cosense) を更新しました。謎のイラストやアニメーションがたくさんあります。

28,261 просмотров

ゲームを作るお姉さんと楽しいお話をする

ゲームを作るお姉さんと楽しいお話をする

63,913 просмотров

#私はこういう絵師です見た絵師全員参加謎の生き物がむにむにしています

#私はこういう絵師です見た絵師全員参加謎の生き物がむにむにしています

75,511 просмотров

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

【『肆足歩行 / 足立レイV6』MVのメイキング解説】ありがたいことにたくさんの方に観ていただけていて、「どうやって作ってるの？」という質問を多くいただきました。自己の制作について説明する機会はあまりないので、せっかくなので簡単に記載しました。よければ、サツキさんのMV本編もあわせてぜひ観ていただけると嬉しいです！ niconico： YouTube：なお、画面構成や構図の演出意図まで話を広げると収拾がつかなくなるので、今回は「画面をどう動かしているか」という部分だけに絞って解説します。基本的には、クリスタなどのペイントソフトで画面全体のラフを考え、それに合わせて個々のパーツを色々なソフトで制作し、最終的にAfter Effectsで合成する、という極めてシンプルで基本的な作り方をしています。ただパーツの数が多く、添付のラスサビだけでもおそらく数千個のパーツを制作しています。それを最終的に500レイヤーほどにまとめ、全体を把握しながら制御しています。パーツ制作には、平面的なイラストやアニメーションにはクリスタやAseprite、Photoshop、グラフィックデザインにはIllustrator、3DCGにはBlender、ポストエフェクトやパーティクルにはTouchDesignerやPixelComposerを使用しています。特に今回のMVでは全編をピクセルアートとして設計しているので、AE内部のフォント機能を利用せず、外部で書き出した画像やエフェクトを素材にしています。アンチエイリアスが掛かってドットが崩れないよう気を配るのが大変で、余計にレイヤー数が膨れ上がりました。画面下部のUIのように、動的に振る舞っている(ように見える)アニメーションは、GodotやUnityなどのゲームエンジンで実際に動きを設計し、連番PNGで書き出しています。なるべく多様なツールを使うことで、個々のアニメーションが似たような振る舞いにならないように設計しています。以上です。

【『肆足歩行 / 足立レイV6』MVのメイキング解説】ありがたいことにたくさんの方に観ていただけていて、「どうやって作ってるの？」という質問を多くいただきました。自己の制作について説明する機会はあまりないので、せっかくなので簡単に記載しました。よければ、サツキさんのMV本編もあわせてぜひ観ていただけると嬉しいです！ niconico： YouTube：なお、画面構成や構図の演出意図まで話を広げると収拾がつかなくなるので、今回は「画面をどう動かしているか」という部分だけに絞って解説します。基本的には、クリスタなどのペイントソフトで画面全体のラフを考え、それに合わせて個々のパーツを色々なソフトで制作し、最終的にAfter Effectsで合成する、という極めてシンプルで基本的な作り方をしています。ただパーツの数が多く、添付のラスサビだけでもおそらく数千個のパーツを制作しています。それを最終的に500レイヤーほどにまとめ、全体を把握しながら制御しています。パーツ制作には、平面的なイラストやアニメーションにはクリスタやAseprite、Photoshop、グラフィックデザインにはIllustrator、3DCGにはBlender、ポストエフェクトやパーティクルにはTouchDesignerやPixelComposerを使用しています。特に今回のMVでは全編をピクセルアートとして設計しているので、AE内部のフォント機能を利用せず、外部で書き出した画像やエフェクトを素材にしています。アンチエイリアスが掛かってドットが崩れないよう気を配るのが大変で、余計にレイヤー数が膨れ上がりました。画面下部のUIのように、動的に振る舞っている(ように見える)アニメーションは、GodotやUnityなどのゲームエンジンで実際に動きを設計し、連番PNGで書き出しています。なるべく多様なツールを使うことで、個々のアニメーションが似たような振る舞いにならないように設計しています。以上です。

941,584 просмотров • 27 дней назад

『肆足歩行 / 足立レイV6』MVでは、「かっこいい」に留まらない足立レイの魅力を引き出すため、広義のピクセルアートをベースに実写や3D、デフォルメなど様々な表現に挑戦しました普段は別シーンで「かわいい」を描くことが多い私に、声を掛けてくださったサツキさんのPとしての判断力に驚きました

『肆足歩行 / 足立レイV6』MVでは、「かっこいい」に留まらない足立レイの魅力を引き出すため、広義のピクセルアートをベースに実写や3D、デフォルメなど様々な表現に挑戦しました普段は別シーンで「かわいい」を描くことが多い私に、声を掛けてくださったサツキさんのPとしての判断力に驚きました

118,067 просмотров • 28 дней назад

4年前期期末レポート

4年前期期末レポート

220,259 просмотров • 3 месяцев назад

Lo¢@†¡0n≠Σr≡_4C7@_ƒr4g//

Lo¢@†¡0n≠Σr≡_4C7@_ƒr4g//

181,288 просмотров • 1 год назад

M??edia Player?

M??edia Player?

29,001 просмотров • 4 месяцев назад

【イラスト実況プレイ】錯視を利用した絵を描く

【イラスト実況プレイ】錯視を利用した絵を描く

49,681 просмотров • 9 месяцев назад

Image Viewer

Image Viewer

22,411 просмотров • 3 месяцев назад

イラスト実況プレイ / イラストの背景をデザインツールで制作する

イラスト実況プレイ / イラストの背景をデザインツールで制作する

23,524 просмотров • 9 месяцев назад

【創作活動実況プレイ】イラストの制作過程に価値を探る

【創作活動実況プレイ】イラストの制作過程に価値を探る

23,010 просмотров • 9 месяцев назад

【イラスト実況プレイ】謎の絵を丁寧に描いていく前編

【イラスト実況プレイ】謎の絵を丁寧に描いていく前編

15,667 просмотров • 9 месяцев назад

Больше нет контента для загрузки