ぴぽやフレンズ Fantia
ぴぽや - ゲームグラフィック素材販売 -

PhotohsohpCC2014~2018用ドット絵作業パネル

2017.05.26
昨日少し調べごとをしていたら、JavascriptわからずともほぼコピペだけでPhotohsohpの拡張パネルが作れることを知り、さっそくPhotohsohpCC2014用になりますが、ドット絵作業に便利な拡張パネルを作ってみたのでアップしておきます。

私の環境ではPhotohsohpCC2014で安定していて、以降のバージョンをインストールしていないため、CC2014専用ということで2015,2017と出ているところで、今更ですいません。
後で紹介する記事を参考にすれば2015では動かせるみたいです。


doteworkpanel20170526_1.png

さて、こんなかんじでドット絵作業向けなガイドラインを引いたり・消したり、左右反転・上下反転、左90度回転・右90度回転、上下左右シフト(1・8ピクセル)が行えるボタンを並べただけのシンプルなものです。
ほんとはもう少し機能追加していたのですが、他の環境での動作が怪しいので外させてもらいました。

ダウンロード

Windows環境しかないので、Mac環境で使えるのかもわからないのですが、
こちらのWindows7 64bitの環境ですと、ダウンロード・展開したフォルダ「doteworkpanel」をまるごと、下記のフォルダにコピーすればインストール完了です。
もしかしたら隠しフォルダになっているかもしれませんが、フォルダオプションの設定で隠しフォルダも表示すればOKです。

C:\Users\[ユーザー名]\AppData\Roaming\Adobe\CEP\extensions

Photoshopが起動中だったらPhotoshopを再起動して、「ウィンドウ>エクステンション」から「ドット絵作業パネル」を選んで実行してください。



ちなみに下記の記事、ほぼそのままの作業で作成しました。
CC2015で動作させる方法なども記載されています。
Photoshop CC 2014以降対応オリジナルパネルの作り方。 | ネクストページブログ

記事中で紹介されている重要なプラグインのリンク先がかわっていたようなので、こちらから確認してみてください。
ScriptingListener プラグイン

htmlとjavascriptで作られているのですが、javascriptがまったく解らない自分でもコピペとカンでなんとか作れましたので、上記の記事を参考に自作したり、私の作ったものも色々アレンジしてみてください。
私の作ったものに関しては、以下の3ファイルをいじれば、シフト機能を16px単位にしたり、グリッドに24px,48pxを追加したりとコピペでアレンジできると思います。

 index.html ボタンのレイアウトやボタンの文字設定
 js\main.js ボタンと機能の紐付け
 jsx\hostscript.jsx 機能の設定



また、海外のサイトになりますが、同じような便利な拡張パネルが有償・無償で配布されていますので、ご参考にどうぞ。
※無償でもメールアドレスの入力が必要です。
Free Resources – PHOTOSHOP POWER TOOLS



PhotoshopCCまではConfigurator4というツールを使って、似たようなパネルを簡単に作れたのですが、少し面倒になりましたねぇ。

CS6,CCをお使いの方はConfigurator4で同じようなパネルを自作してみるといいかもです。
UIも日本語対応してますし、下記の記事など参考に。
Configurator4を利用して作るエクステンションパネル - 手抜きLab@DTPの現場



<追記:2018/1/22>
何か自分のPC環境が変わったのか作成した拡張パネルが動かなくなったため原因を調べた結果、署名ファイルが不足しているとのことでした。
今まで問題なかったのに不思議なことですが・・・・・・

こちらの記事を参考に署名ファイルを付けて作ったものにダウンロードファイルを差し替えておきました。
【Photoshop】拡張機能でカスタムパネルを作成する方法 - CGメソッド
「署名の設定の必要」という項目の処理を行いました。
記事の補足として、コマンドプロンプトは管理者モードで起動する必要があります。

<追記:2018/1/28>
気まぐれでCC2018をインストールしてみたので、この拡張パネルもCC2018に対応させてみました。
CC2018で動作しているので、おそらくCC2015,CC2017でも動作するんじゃないかと思います。

あと、こちらの画像の通りボタンをいくつか追加しました。
doteworkpanel20180128.gif
まずは、なぜか入れ忘れていたドット絵作業に欠かせない現在のドキュメントのミラー?インスタンス?を作成する「新規ウィンドウ」。一方で100%表示の状態を確認しながら、一方で拡大表示してドットをポチポチ打つのに必須ですね。
ドット絵で使いそうなサイズのガイドプリセットを一気に増やしました。
関連記事

この記事へのコメント

非公開にする :

トラックバック

URL :

プロフィール

ぴぽ

管理人:ぴぽ
フリーのグラフィックデザイナーという傍ら、「ゲームを作りたいなぁ♪」と奮闘中です!

TwitterFantia-ぴぽやフレンズYoutubeチャンネルtwitchチャンネル

▼運営サイト
・ぴぽや - ゲーム画像素材販売 -
 有料素材の販売
・ぴぽや倉庫
 公開した素材のまとめ

・ぴぽやリンク
 素材配布サイトリンク集
・はじめてのウディタ
 ウディタお勉強wiki

ご感想・ご利用報告・ご連絡


最新記事一覧
ファンティアでファンクラブを開設しました! 2018/02/22
戦闘エフェクトアニメ 円盤から雷撃 2点+おまけ1点 2018/02/20
ファンティアでファンクラブの開設準備中です 2018/02/12
ゲーム制作&ゲーム向け素材情報 2018年1月分 2018/02/01
2018年1月 DLsite.comで発売されたゲーム向け素材紹介 2018/02/01
カテゴリ
最新コメント
リンク

リンクして頂ける場合はこちらのバナー画像をお使いください。
※バナー画像なしでも構いません。

RSS
広告
おすすめ有料素材
同人誌、同人ゲーム、同人ソフトのダウンロードショップ - DLsite.com

タイルセット(マップチップ)
ねくらファンタジーマップチップ素材集
ねくらレトロフューチャーマップチップ素材集
ファミコン風RPG基本マップ素材セット

背景イラスト
みにくる背景CG素材集『ファンタジー編』part01
みにくる背景CG素材集『ファンタジー編』part02
みにくる背景CG素材集『ファンタジー編』part03

エネミーイラスト
イラスト素材集-baroque-
イラスト素材集-異界のアリス-
RPG制作に使えるデフォルメ素材集~モンスター娘編~ Vol.3

キャラチップ
どうぶつキャラクターチップセット3

キャラ立ち絵
立ち絵素材男女
【立ち絵素材】Aさんのバイト服
【立ち絵素材】現代人まとめ (女子生徒・男子生徒・一般女性・一般男性・少女)

エフェクトアニメ
ぴぽやゲームエフェクト素材集01-斬撃- &02-属性斬撃- セット

アイコン
イラストアイコン素材集Vol.2-和-
イラストアイコン素材集Vol.1
ゲーム製作用アイコン集#01
ファンタジーゲーム向けアイコン素材1
ファンタジーゲーム向けアイコン素材2

ゲーム制作ソフト
SMILE GAME BUILDER
SRPG Studio
ティラノビルダー PRO