2019.04.09どうがjsxPhotoshopこの記事は約13分で読めます。前の記事で作ったテンプレートをちょっとだけ(自分が)使いやすいように更新してみた。絵コンテの用語をまとめてみる絵コンテを描く時ように基本的な用語をまとめてみました。自分が結構ド忘れてしまうので。psdのコンテ用紙テンプレートも用意したので良かったら是非。ゲーム業界では動画とかじゃない限りはあまり絵コンテ描く事はなく省略される作業ではありますが、アニメーションや演出のときになんとなくでも頭でイメージしておくように自分はしています。補足おわりに絵コンテ用紙テンプレート画像は見本です、下のボタンからzipをダウンロードして、展開して使用してください。中身はA4サイズのpsdデータとなっており、文字や数字はテキストレイヤーでダミー文章が入っています。任意に書き換えて使用してください。BOOTHA4サイズのpsdデータ絵コンテ用紙テンプレートです。“Picture”をスマートオブジェに対応しました。スマートオブジェにはw1920×h1080サイズの画像が埋め込んであるのでそちらを差し替えることで“Picture”内の枠にデフォルトで収まるようになってます。スマートオブジェクトですので任意のサイズに拡大縮小も容易にできます。そのほかの利点としては、画像を埋め込みやすいという点で他のアプリで描いた画像や、写真画像の配置も容易に対応できます。各Pictureのフォルダ内に枠用のシェイプレイヤー(レイヤー名「枠*」(末尾は数字))を追加しています。カメラワークによる枠の変動を表す際に矩形の枠として使用できます。画像アセット対応したことにより各Pictureの画像を自動で生成しpngデータとして吐き出すようにしています。Vコンテなどの素材として簡易的に画像にします。下が余ってたのでメモ欄にしました。ご自由にお使いください。スクリプト(おまけ)“Picture”をスマートオブジェクトにしたことで拡大縮小や元のサイズも変動が容易になりました。作業を進めていると場合によっては“Picture”の枠からズレた配置になることがあるかと思います。いう場合に“Picture”のスマートオブジェを自動で整列するスクリプトを用意しました。ズレが気になるという場合に使ってくださいね。-Adobeの方-ここでのjsx(スクリプト)は、AdobeのExtendScriptのことについて書いています。作り方から使い方を簡単に説明しております。BOOTHA4サイズのpsdデータ絵コンテ用紙テンプレートです。配置する座標はデフォルトのテンプレートの座標が基本の配置座標になります。サイズや解像度の変更や元々のテンプレートのラインの位置などを変更した場合は正確な座標で配置されませんので、ご容赦頂ければと思います。デフォルトの状態での使用を前提としております。変更したい場合は下記の部分の数値を変えると一応自由にできるかと思います。};左上を原点(x0y0)としposX:配置するx座標posY:配置するy座標(一番上のPictureの座標)addY:次のPictureの配置する間隔(全て等間隔で縦に並びます)主な流れは、まずrootレイヤーフォルダ(レイヤーセット)このテンプレートではレイヤーフォルダ「all」の子のレイヤーフォルダ内から、名称「pict」のレイヤーフォルダを探し、その子である各レイヤーフォルダpictを探ます。その中にあるスマートオブジェ「pict*」(末尾は数字)を探し、任意の座標へとスマートオブジェの左上(原点)部分を配置します。”としていますが、スクリプトや画像アセット機能を使用しないのであればこれに従わなくても問題ありません。スクリプトや画像アセット機能を使用したが、名称も変更もしたい場合は、下記の場所をレイヤーセット(およびレイヤー)の名称を揃えることでも一応動作は可能です。動画に自動でテロップ(字幕)を付けるDesktopアプリです。テロップの文言はcsvで用意して素早く動画にテロップを付けることが出来ます。テロップはフォントのサイズや表示位置、フォントの色や透明度、境界線の幅と色および透明度を設定することが出来ます。実はwebアプリ版もあります。STUDIO”で、描いたラフ画像をこの絵コンテのテンプレートと連動させようと作り変えた次第なのですよ。STUDIO”でpngで吐き出して、スマートオブジェに埋め込んでるだけですけどね。ついでに勝手に並べてくれたら、便利かなーとおもってササっとjsxを書いて、今ここ。BOOTHA4サイズのpsdデータ絵コンテ用紙テンプレートです。おまけとして“Picture”のスマートオブジェを自動で整列するスクリプトをご用意(Act_SB_pictPlacement)aomids.booth.pmjsxを使えばこんなことも簡単にできますpsdを自動で必要な素材(レイヤー)を選んで保存を改良したヨ読んで字のごとし、以前作ったScriptを改良してちょいと便利にしてみました。簡単にPSDのファイルからレイヤーセットごとに分割して保存してくれる一品です。共通素材として一緒に保存されるデータも内包できますよ。CSVを使用すればさらに複雑な保存もかのうになります。panel“porter”aokitあおみデザインスタジオ代表20年以上に亘りゲーム・アミューズメント業界で2Dグラフィッカー・UI/UXデザイナーとして活動してきたが、2018年7月独立しフリーランスとなる。東京都在住の4人家族。2人の子供たちと遊ぶのが本当のお仕事。panel(エクステンション)を自分でつくる方法-4)にてキャプチャする場合はアプリケーションも英語対応しようとかなんとか書いちゃったので、日本語版のフォトショップを英語化する方法を説明しています。ついでにAEことアフターエフェクツも紹介。イラレは知らないので誰か知ってたら教えてください(笑)2018.10.20AdobeCCAdobeCCPhotoshopを自動で必要な素材(レイヤー)を選んで保存してくれるヤツぅスクリプトです、jsxです。ひとつのpsdデータから任意の素材(レイヤー)を選んで複数の画像データを自動で吐き出してくれる処理なんかします。画像データを作るときとかに便利便利。フォーマットも一応選べます。共通の素材は使いまわせるので画像アセットとはまたちょっと違った使い方も出来ますよ。初心者に向けPhotoshopのTipsや小技を紹介する第2弾。今回はPhotoshopのショートカットについて。ゲームを作るうえでデザイナーとして覚えておくと時短になる基本的なショートカットを紹介しています。すべて覚える必要はありません。自分が日ごろよく使うものや一般的なものから覚えておくとそれだけで効率よく作業を行うことが出来ます。1つでも使うことが大事です。初心者に向けPhotoshopのTipsや小技を紹介する第4弾。今回はPhotoshopの小ネタ操作5種類紹介しています。レイヤー系の操作やちょっと変わったところだとスポイトツールの意外な使い方など、Vol.3に続いてゲームを作るうえでデザイナーがちょっと得する(?)小ネタ的操作を集めています。使用して快適な作業を遂行してくださいネ。EffectsでアニメーションGIFはつくれる?Photoshopのタイムラインを使用してのアニメーションGIFを作る際に、いかんせん“タイムライン”が使いにくく、そのわずらわしさと言ったらストレスがたまるドンドンたまる。Effectsで作ってみてはどうかというお話。言語の違うAfterEffectsでのデータを共有、テンプレートを購入した場合などに発生することがあるエクスプレッションエラーに対応も対応できる、プロジェクト内の全コンポジションのエクスプレッションを一括で置換できるjsx(スクリプト)です。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。jsxのオマケ付きスポンサーリンク――Writer――aokitあおみデザインスタジオ代表20年以上に亘りゲーム・アミューズメント業界で2Dグラフィッカー・UI/UXデザイナーとして活動してきたが、2018年7月独立しフリーランスとなる。東京都在住の4人家族。defined.")}))})();。