Photoshopこの記事は約12分で読めます。前の記事で作ったテンプレートをちょっとだけ(自分が)使いやすいように更新してみた。絵コンテの用語をまとめてみる絵コンテを描く時ように基本的な用語をまとめてみました。自分が結構ド忘れてしまうので。psdのコンテ用紙テンプレートも用意したので良かったら是非。ゲーム業界では動画とかじゃない限りはあまり絵コンテ描く事はなく省略される作業ではありますが、アニメーションや演出のときになんとなくでも頭でイメージしておくように自分はしています。補足おわりに絵コンテ用紙テンプレート画像は見本です、下のボタンからzipをダウンロードして、展開して使用してください。中身はA4サイズのpsdデータとなっており、文字や数字はテキストレイヤーでダミー文章が入っています。任意に書き換えて使用してください。“Picture”をスマートオブジェに対応しました。スマートオブジェにはw1920×h1080サイズの画像が埋め込んであるのでそちらを差し替えることで“Picture”内の枠にデフォルトで収まるようになってます。スマートオブジェクトですので任意のサイズに拡大縮小も容易にできます。そのほかの利点としては、画像を埋め込みやすいという点で他のアプリで描いた画像や、写真画像の配置も容易に対応できます。各Pictureのフォルダ内に枠用のシェイプレイヤー(レイヤー名「枠*」(末尾は数字))を追加しています。カメラワークによる枠の変動を表す際に矩形の枠として使用できます。画像アセット対応したことにより各Pictureの画像を自動で生成しpngデータとして吐き出すようにしています。Vコンテなどの素材として簡易的に画像にします。下が余ってたのでメモ欄にしました。ご自由にお使いください。スクリプト(おまけ)“Picture”をスマートオブジェクトにしたことで拡大縮小や元のサイズも変動が容易になりました。作業を進めていると場合によっては“Picture”の枠からズレた配置になることがあるかと思います。いう場合に“Picture”のスマートオブジェを自動で整列するスクリプトを用意しました。ズレが気になるという場合に使ってくださいね。-Adobeの方-ここでのjsx(スクリプト)は、AdobeのExtendScriptのことについて書いています。作り方から使い方を簡単に説明しております。配置する座標はデフォルトのテンプレートの座標が基本の配置座標になります。サイズや解像度の変更や元々のテンプレートのラインの位置などを変更した場合は正確な座標で配置されませんので、ご容赦頂ければと思います。デフォルトの状態での使用を前提としております。変更したい場合は下記の部分の数値を変えると一応自由にできるかと思います。};左上を原点(x0y0)としposX:配置するx座標posY:配置するy座標(一番上のPictureの座標)addY:次のPictureの配置する間隔(全て等間隔で縦に並びます)主な流れは、まずrootレイヤーフォルダ(レイヤーセット)このテンプレートではレイヤーフォルダ「all」の子のレイヤーフォルダ内から、名称「pict」のレイヤーフォルダを探し、その子である各レイヤーフォルダpictを探ます。その中にあるスマートオブジェ「pict*」(末尾は数字)を探し、任意の座標へとスマートオブジェの左上(原点)部分を配置します。”としていますが、スクリプトや画像アセット機能を使用しないのであればこれに従わなくても問題ありません。スクリプトや画像アセット機能を使用したが、名称も変更もしたい場合は、下記の場所をレイヤーセット(およびレイヤー)の名称を揃えることでも一応動作は可能です。STUDIO”で、描いたラフ画像をこの絵コンテのテンプレートと連動させようと作り変えた次第なのですよ。STUDIO”でpngで吐き出して、スマートオブジェに埋め込んでるだけですけどね。ついでに勝手に並べてくれたら、便利かなーとおもってササっとjsxを書いて、今ここ。ダウンロードjsxを使えばこんなことも簡単にできますPhotoshopを自動で必要な素材(レイヤー)を選んで保存してくれるヤツぅスクリプトです、jsxです。ひとつのpsdデータから任意の素材(レイヤー)を選んで複数の画像データを自動で吐き出してくれる処理なんかします。画像データを作るときとかに便利便利。フォーマットも一応選べます。共通の素材は使いまわせるので画像アセットとはまたちょっと違った使い方も出来ますよ。panel“porter”aokitあおみデザインスタジオ代表16年以上に亘りゲーム・アミューズメント業界で2Dデザイナー・UI/UXデザイナーとして活動してきたが、2018年7月独立しフリーランスとなる。東京都在住の4人家族。2人の子供たちと遊ぶのが本当のお仕事。-Adobeの方-関連記事AdobeCCPhotoshopのドロップレットで多量のデータを一括処理しようドロップレット機能は多量のデータを一括自動処理できるすばらしい機能です。意外と知らないor使用してない人向けにドロップレットの準備の仕方と使い方をまとめてみました。アクション次第で様々なことが自動処理できるようになるのでドロップレットで作業を効率化しましょう。2018.11.10AdobeCCPhotoshopのタイムラインでアニメーションGIFをつくるPhotoshopでアニメーションGIFをつくる方法を初心者向けに簡単にまとめました。意外と作る機会のない人は作ることのないアニメーションGIF。いざPhotoshopで作ってみようとするとタイムラインを使うことになるのだけれども、これまた簡単な機能のみで自由度は低く使いにくいところも多々。したものかというところでありんす。“Conductor”の紹介。ボタンを押すことで上辺、下辺はもちろん。左辺、右辺に垂直・水平の中央にガイドを引くことができます。すべてのガイドを一瞬で削除することもでき、選択範囲がある場合はその範囲にガイドを引くこともできます。2018.10.09AdobeCCフォトショップとわたしと時々イラレちょいと息抜き駄文:Photoshopとわたしの出会いとその後をなんとなく、ほんとなんとなく書いたおはなし。Photoshopを長く使ってるといろいろあるものであるよ。EffectsでアニメーションGIFはつくれる?Photoshopのタイムラインを使用してのアニメーションGIFを作る際に、いかんせん“タイムライン”が使いにくく、そのわずらわしさと言ったらストレスがたまるドンドンたまる。Effectsで作ってみてはどうかというお話。panelを作製するときにどのデータを変更すればいいのかを簡単にまとめています。htmlとCSS、そしてJavaScriptが多少でも理解していればなんとなくはわかるはずです。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。jsxのオマケ付きスポンサーリンク――Writer――aokitあおみデザインスタジオ代表16年以上に亘りゲーム・アミューズメント業界で2Dデザイナー・UI/UXデザイナーとして活動してきたが、2018年7月独立しフリーランスとなる。東京都在住の4人家族。policyContactホーム検索トップサイドバースポンサーリンク――Writer――aokitあおみデザインスタジオ代表16年以上に亘りゲーム・アミューズメント業界で2Dデザイナー・UI/UXデザイナーとして活動してきたが、2018年7月独立しフリーランスとなる。東京都在住の4人家族。panel“porter”。