フォトショでシームレステクスチャ

0

     

     

    最近見つけて使い始めた便利すぎるツールです。

     

    動画で見ての通りですが、Photoshopでシームレステクスチャをワンクリックで作成出来ます。

     

    http://www.the-orange-box.com/

    フリーのエクステンションでこのサイトからDL出来ます。

     

    FilterForgeとかでもシームレスタイリングにチェックを入れてシームレスなテクスチャを得られるのですが、

    このエクステンションは自前でカメラで撮影して用意した例えば原っぱや土の画像などから自動で

    シームレステクスチャが作成出来るという点が優れています。

     

    よって例えば過去に描いた背景美術でコンクリートの壁の塗り部分やビルの窓などを

    タイリングテクスチャとして抜き出したいとかいう時もその部分を正方形に収めて

    あとはワンクリックで出来てしまうわけですね^^

     

    バケツの塗りのリストにもワンボタンで登録出来るので、ストレスフリーにどんどんタイリングテクスチャを作って

    いくことが出来ます。

     

    このエクステンションを導入するときの注意はExtension Managerを管理者で実行することです。

    そうしないと途中で止まってインストール出来なかったです。

     

    作った美術で良さそうなテクスチャ部分はどんどんバンク化していこうと思います(^^)/

     

     

     

     

     


    背景とキャラのパースマッチ

    0

       

      最近キャラと背景の合わせで少し違和感を感じていたのでメモです。

       

      ロケハンからの背景美術でキャラを置く場合、キャラのサイズとパースの合わせでパース技法を使う方法以外に、

      以下の3dsmaxのパースマッチというユーティリティを使うと便利そうです。

       

      https://knowledge.autodesk.com/ja/support/3ds-max/learn-explore/caas/CloudHelp/cloudhelp/2016/JPN/3DSMax/files/GUID-CA74469E-9320-4801-B3F0-B4E00461689C-htm.html

       

      手書きの場合パース技法で一コマ一コマパースを取ってキャラクターアニメーションを描けばいいのですが、

      3Dでやる場合はパースマッチを使ってカメラビューでアニメーション付けをするなどすればやりやすいですね。

       

      2D背景と3Dキャラを載せて動かすとき、ここを感覚でやるにしてもトライアンドエラーが多く、

      少し気を抜くと画角や位置関係のずれで浮いた感じで違和感が半端ないです。

       

      最初は背景の絵から画角数値をツールなどで判定して(実際よく分かってない)、

      キャラのカメラ画角の数値を合わせるとかも考えたのですが、

      パースマッチユーティリティが一番しっくりきそうです。

       

      キャラの望遠寄りのパンチある狙った画角でレンダリングしたのを背景美術に配置したい場合は困りますが、

      違和感が半端ないときはパースマッチの画角を優先して画作りが良いですね^^

       

       


      水彩実験

      0

         

         

        水彩質感で背景美術試行錯誤。

         

        ギブ(ヽ´ω`)

         

         

         


        水彩練習

        0

           

           

           

          最近ジブリをじっくり見返していたら水彩での描き方が気になって、水彩の本を見ながら色々試してみました。

          とは言っても、デジタル上での再現です。

          薄い色から塗って、段々濃い色を重ねていくんですね。

           

           


          3d→2d習作火花

          0

             

             

             

            この前買った3DCGセル調エヘクト本を参考に3dsmax+AfterEffectsでフェクトの火花を作ってみました。

             

            エフェクト系の基本的な制作思考の習得のため一通り習作して体系的に覚えて応用が作れるようにやってみようと思います。

             

            3dsmaxのスーパースプレーというのも使い方によっては奥深いですね。

            モーフと合わせてやるなどアニメーションの合成で幅が広がります。

             

             

             

             

             

             


            0

               

               

               

               

              3Dのアセットから背景美術を作成しました。

               

              昼と夜、ライトの有無などを自由自在に変えられるのが良いですね(´ー`)

               

              現在大ヒット中の新海さんの新作の君の名は。でも神社が出てきて3Dを使って作ったようですね。

              その様子が載っているCGWORLDの君の名は。のメイキングのために、

              紙媒体とKindle版両方買ってしまいました^^

              紙のほうは画像内の文字までくっきりで、Kindleの方は画像内の細かい文字はボケちゃってるのですが

              画像の色がはっきりベタ塗りで見れます。

              紙のほうが色のコントラストが強くて綺麗ですが、影内のディテールもよく見たい場合はデジタルが見やすいかもです。

               

              もちろん月刊MdNの方の君の名は。メイキングもKindle版でゲットしました。

              色指定の解説がPCだと正確に見れるのでKindle版がオススメです。

               

              初期からの新海さんファンとしては映画も大当たりでメイキングの数々もたくさんで嬉しい限りです(*^^*)

              今たくさんの自主制作アニメを作っている人たちや、スタートで1人から何か頑張ってる人たちにとっても

              心の支えではないでしょうか。

              3D、2Dのツールともにデジタル環境でますます技術や制作効率が加速する現代、たくさんの作り手が自由自在に

              すごい作品を作っていくのが楽しみですね。

               

              自分も少しずつですが日進月歩してきたいです。

              今回のメイキング本の載ってたPhotoScanやパースマップなどのページもしっかり見て試してみようと思います。

               

               

               


              線路

              0

                 

                 

                たまには背景を。

                 

                最近は涼しいのでロケハンが捗ります。

                 

                カメラ持って歩いてるとおまわりさんの視線が気になりますね^^

                 

                 

                 

                 


                AfterEffectsパペットツールの応用

                0

                   

                  最近見つけた、気づいた中で便利だと思ったものをメモします。

                   

                  AfterEffectsのパペットツールで1回ピンを打って動かしたものはプリコンポしてそのプリコンポに

                  ピンを打ってアニメーションレイヤーみたいにさらに動かそうとすると絵がバリっと割れてしまいます。

                   

                  しかしそのプリコンポでのパペットエフェクトで、メッシュの「拡張」をめいっぱいに広げてあげると

                  そのメッシュ内に動きが収まっていれば絵が割れませんでした。

                   

                  これでアニメーションレイヤーみたいに骨の動きだけ付けたものに対して、

                  肉の部分だけを別で揺らしたい場合、プリコンポの方のパペットピンをセカンドアニメーションとして

                  Rubberize itのようなプラグインで人間的な脂肪や筋肉の揺れを付加することが出来ます。

                  骨の動きの方に脂肪の揺れもつければ良いのではないかと思いますが、

                  例えば走るなどの12フレームのループ処理を繰り返してタイムリマップなどで緩急をつける場合、

                  元の骨のパペットのコンポにRubberize itを入れても動作の速さに対して物理演算的な動きの緩急が付けれません。

                  (よって一つの動作を一つのコンポで全部キーを打つ場合はこの限りではありません)

                   

                  自分はアニメやゲームでのループ系の動きを作る場合、各関節をプリコンポして

                  複数のパターンや動作などを1回だけ作り、動きをライブラリのようにまとめて、関節を合成したコンポで

                  タイムリマップで必要な動きを取り出してキーのコピペもわかりやすく簡単になるような仕様にしています。

                  また最近使えると感じたのは、ヌルレイヤーに各動きのタイムリマップをエクスプレッションでまとめて、

                  1回のタイムリマップ打ちだけで全部のタイムリマップキーが同期するようにしたりしてます。

                   

                  またコンポジットがプリコンポなどを含んでるとき、本コンポとプリコンポでタイムラインパネルが違う場合でも、

                  それらタイムラインパネルを複数表示した状態でエクスプレッションなどをドラックして紐付けしたり出来ることも発見しました。

                  プリコンポ内の動きで本コンポのある値と同期したいときとか、かなり幅が広がると思います。

                   

                  なるべくエコなシステムだとトライアンドエラーが早いので、エクスプレッションでトランスフォームやタイムリマップを

                  まとめるとかなり作業効率が良くストレスフリーになりますね。

                  AfterEffectsの高性能さに感謝です^^

                   

                   

                   

                   

                   


                  ラスター画像の拡大を線を細くしつつ綺麗にする方法

                  0

                     


                    最近見つけたPhotoshopのテクニックです。

                     


                    セルアニメやイラストで、ラスターで描いたものを拡大すると塗りの境界や線が荒れてしまいますよね。
                    線幅も拡大率に合わせ均等に大きくなります。
                    その汚れた感じを綺麗に、さらに線幅も細くして…と直す方法を考えてみました。
                    試す絵は線画と塗りがレイヤーで分かれている状態のものとします。

                     

                     

                    ■1

                     

                    鉛筆ツールでアンチエイリアス無しで描いたものに無料のPhotoshopフィルターの
                    OLMスムーサーを適用したものです。
                    アンチエイリアスで線画と塗りを最初から描いてしまっても大丈夫です。
                    これを拡大すると…、

                     

                     

                     

                     

                     

                    ■2

                     

                    こうなります。エッジが特に汚いです。

                     

                     

                     

                     

                    ■3

                     

                    しかし今回考えた処理を適用するとこうなります。
                    自分の元の線画が汚いので線がガクガクですが上手い線画描く人はもっと綺麗になると思います^^;

                     

                     

                     

                    ■4

                     

                    やり方としては…、

                    線画レイヤーと塗りレイヤーをフォルダにまとめて拡大して、

                    線画のレイヤーの下に白ベタレイヤーを作成して線画レイヤーと合成し、
                    調整レイヤーであるレベル補正をクリッピングマスクしてかけます。


                    この状態でレベル補正で右端と真ん中の△をキュッと絞ると線がシャープに戻ります。
                    △を重ねすぎるとギザギザの状態になるので注意で、
                    左端と真ん中を選択して△を左右に動かすと線画の太さを調整出来ます。

                     

                     

                    ■5

                     

                    ギザギザなのでフリープラグインのOLMスムーサーをかけてなめらかにします。
                    (あるいはレベル補正の段階で重なった△を少し開いてスムーズにします)
                    ジャギーが強い場合はさらに線画レイヤーを複製してぼかしレンズフィルターをかけて
                    同じくレベル補正で調整。

                     

                     

                     

                    ■6

                     

                    線画レイヤーを乗算して完成…!と思いきや塗りが汚くなっています。
                    これは線画が細くなった分、塗れてない縁の部分が見えてしまっている状態ですね。

                     

                     

                    ■7

                     

                    塗りを複製して塗りレイヤーの下に移動して今回の山場のポイントである、
                    「フィルター」→「明るさの最小値フィルタ」を使います。
                    モルフォロジー処理(塗り部分の拡大)されて塗りが綺麗になりました。
                    実際かけてみると塗りの境界部分の色が若干気になりますが…

                     

                     

                     

                    ■8

                     

                    影とかの境界でジャギーが大きいとOLMスムーサーでも綺麗にアンチエイリアスをかけられないので、
                    塗りを複製してぼかしレンズフィルターをかけてレイヤーを輝度にして合成すると
                    塗りの境界のジャギーが消えます。

                     

                     

                    今回の処理はアクションに登録すると楽になりそうです。


                    高解像度で描く時はあまり気になりませんが、
                    作画用紙くらいで描いた場合、小さい人物を拡大するときとか
                    アニメ用途ではAEでも応用出来て(明るさ最小値フィルターの代わりにチャンネルの最大最小を使用)
                    ラスターを拡大しながら線画の線幅が小さくなる綺麗な拡大(TU)が出来るのではないかと思います。
                    AEでTUしたとき今回の挙動を自動でするプラグインとか、
                    PSOFTさんあたりならすぐ作れそうな気がします(期待…!)


                    ベタ塗りのモルフォロジー処理はCLIPSTUDIOのフィルターの線幅修正が優秀です。
                    違う色同士が交わる境界部分の色を変えずにベタ塗りを拡大してくれます。


                    AEで3Dトゥーンのラスター画像の部分的な歪ませでの拡大とかで変形レタッチにも応用出来るのではと
                    更なる方法を考え中です。

                     

                     

                     


                    AfterEffectsで指定の複数のビデオ表示を一括で変更する

                    0

                       

                      AfterEffectsで作業してて少し使える方法があったのでメモします。

                       

                      例えばアニメーションをコンポジットしていく上でキャラクターの顔の部分のアニメだけを作りこみたい時、

                      なるべく動作を軽くするために、作業する必要最低限のだけ表示したい、

                      シェーディングとか不要な絵のパーツのレイヤーのビデオ表示を一括で非表示・表示したい場合があると思います。

                      全合成表示を見ては、また顔のパーツ郡だけ表示してフェイシャルの作業、また全合成表示を見て、

                      というときなんかは毎回不要なレイヤーを一個一個選択して非表示は面倒です(コンポが分かれていない場合特に)。

                       

                      そこでシャイ機能を使います。

                       

                      ビデオを表示したいレイヤーだけシャイボタンを押してマーカー的にマークしておき、

                      「タイムラインウィンドウですべてのシャイレイヤーを隠す」で作業でビデオ非表示にしたいレイヤーだけ表示されます。

                      それをCTRL+Aで全選択してどれかのレイヤーの目玉ボタンを1回押すだけで不要なレイヤーのビデオ表示が消えます。

                      そして 「タイムラインウィンドウですべてのシャイレイヤーを隠す」を押して特定の絵だけ表示して動作を軽くして作業します。

                      表示を戻すときも同様な手順でビデオの表示を戻します。

                       

                      この逆転の発想というか、普通は非表示にしたいビデオのレイヤーのシャイボタンを押したい所ですが、逆なんですね。

                       

                      スクリプトでシャイボタンオンしてるレイヤーだけ選択してビデオ非表示は出来そうですが、

                      スクリプトが難しくて標準機能だけですぐやりたいって場合は今回の方法が一番楽そうです。

                       

                       

                      以下最近使い始めてハマっているAEショートカットです。


                      キーフレームの移動はキー選択して

                      ALT+矢印で1f

                      ALT+SHIF+矢印で10f

                      インジケータの移動は

                      CTRL+矢印で 1f
                      CTRL+SHIFT+矢印で 10f
                      CTRL+SHIF+ALT+矢印でレイヤーのINOUTの場所に移動

                       

                      キーフレームは【ALT基準】、インジケータは 【CTRL基準】 、と整理すると覚えやすいです。

                       

                       

                      それとAEの標準のエフェクトたち、CCと名前が付いているのとか実際よく触って応用してみると、

                      3Dで苦労してたことがリアルタイムで出来たりとかなりヤバイです。

                      どれくらいヤバイかっていうと、もう3dsmaxのプラグインや標準機能の半分以上使わないかもしれない、

                      ってくらいですね(大袈裟)。

                       

                      とにかく、どんなに高機能ツールでも重たくて作業時間とモチベと新発想をどんどん奪っていくものは使えない、

                      そこら辺の兼ね合いを間違うと、地獄沼にハマると思う今日このごろです。

                       

                       

                       

                       


                      | 1/7PAGES | >>

                      calendar

                      S M T W T F S
                            1
                      2345678
                      9101112131415
                      16171819202122
                      23242526272829
                      3031     
                      << July 2017 >>

                      selected entries

                      categories

                      archives

                      recent comment

                      links

                      profile

                      search this site.

                      others

                      mobile

                      qrcode

                      powered

                      無料ブログ作成サービス JUGEM