FC2ブログ
ぴぽやフレンズについて

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%表示の状態を確認しながら、一方で拡大表示してドットをポチポチ打つのに必須ですね。
ドット絵で使いそうなサイズのガイドプリセットを一気に増やしました。
関連記事

SRPGStudio用 魔法エフェクトアニメーションの作成

2017.05.23
ファイアーエムブレム風のゲームが作成できるソフト「SRPG Studio」のエフェクトアニメーションを作成する機会がありましたので、作成手順など簡単にまとめておこうと思います。


アニメーション編集画面の詳細な操作についてはマニュアルを参照してください。
アニメーション

※SRPGStudioでのアニメーション作成機能はまだ完全に把握できているとは言い難いので、勘違いや環境などによって不正確な内容になっている可能性があります。
問題が分かり次第更新していこうと思いますので、ご了承ください。


関連記事

戦闘エフェクトアニメ 必殺斬撃 2点

2017.05.20
たまには、ちゃんとご要望いただいていたものから作ろうということで、こちらの2点作ってみました。

必殺技的なもの。
 ・全体を右から左へ斬る⇒右から左へ連鎖爆発のようなものが発生
 ・画面が横に真っ二つに裂けるような「次元を切り裂く」ような


全画面サイズでドーンってかんじですねぇ。うまくご要望を再現できていればいいですけど。

pipo-btleffect162_sample.gif
pipo-btleffect163_sample.gif


サイズ: 1コマ 1280×960・640×480の2サイズ
アニメ: 20コマ,15コマ
画像形式: png
備考: 減色・ファイルサイズの最適化は行っていませんので、各自でご調整ください。
 今回のは特にファイルサイズが大きいので、ご利用には減色必須だと思います。
 下記のオンラインツールで70~80%ぐらいファイルサイズダウンできます。

 オンラインイメージ最適化ツール



ダウンロード ぴぽや 素材 利用規約
※ファイルのダウンロードについて
関連記事

戦闘エフェクトアニメ 単体 雷・氷・斬撃 3点

2017.05.07
前記事のRPGツクールMV用アニメーションで使った新規で作ったエフェクトアニメ画像3点を単独でアップしておきます。

pipo-btleffect160_sample.gif pipo-btleffect159_sample_.gif pipo-btleffect161_sample.gif


サイズ: 1コマ 400×400・192×192の2サイズ
アニメ: 10コマ
画像形式: png
備考: 減色・ファイルサイズの最適化は行っていませんので、各自でご調整ください。



ダウンロード ぴぽや 素材 利用規約
※ファイルのダウンロードについて
関連記事

RPGツクールMV用 アニメーション素材 4点

2017.05.07
SRPGStudioのアニメーションを作成する機会があったので、画像規格が同じなRPGツクールMVのアニメーションも一度作っておこうとお試しで作ってみました。

最初の火炎花イメージしてアニメーションを作って、画像ファイルの差し替えでバリエーションを作れればと思ったのですが、バリエーションの3点の出来はイマイチなかんじ。画像素材3点は新たに作ったものだったのですが;
まあ、せっかく作ったのでアップしておきます。

普段AfterEffectsとかFlashとかのアニメーション専用ソフトを使っているせいか、RPGツクールMVやSRPGStudioのアニメーション作成機能はやっぱりちょっと使いにくいですねぇ。
それでもRPGツクールMVは便利な機能などもあったのでそれほどたいへんではなかったで、また作ってみようと思っていますが、SRPGStudioはけっこうたいへんだったので、仕事とか必要に迫られない限りは手を出さないでおこうと思ってます。
そのうちアニメーション作成記事なんかも書いてみます。


火炎花
pipoya-anime_MV_20170507_sample01.gif

雷鳴花
pipoya-anime_MV_20170507_sample02.gif

斬月花
pipoya-anime_MV_20170507_sample03.gif

氷結花
pipoya-anime_MV_20170507_sample04.gif


RPGツクールMVのプロジェクトファイルでの配布になりますので、インポート方法は同梱のテキストファイルを参考にしてください。
初めての試みですので、なにか問題がありましたらコメントなどでお知らせください。

今回の素材はRPGツクールMV向けですが、改変素材ではありませんので、アニメーション用の画像自体はRPGツクールMV以外で利用されても問題ありません。
効果音はRPGツクールMV同梱のものを使用していますので、RPGツクールMVのラインセンスをお持ちの方がRPGツクールMVの利用規約内で利用できるものになるので、ご注意ください。


ダウンロード ぴぽや 素材 利用規約
※ファイルのダウンロードについて
関連記事

まわる黄金アイテム アニメ素材

2017.05.04
<2017.5.27追記>
アイテムをもう10種追加しました。
間を置いて作ったせいで、ライティング・色味が変わってしまいましたが・・・
あと、最初の10種で左上角に1ドットゴミが残っていたので修正しました。


世間はゴールデンウィークということで、ゴールデンウィークにちなんだ?素材を作ってみました。
黄金のアイテム10種がくるくる回転するアニメ素材になります。

アイテムの統一性もないので何に使えるのか微妙ですが…
最近やっている3DCGの勉強がてらと、なにかしらのGW企画をやってみたかったのですw
まだまだ簡単なモデルばっかりですが、色々素材作りにも活かしていきたいです。


鍵・コイン・金塊
pipo-gwspinitem001sample.gif pipo-gwspinitem002sample.gif pipo-gwspinitem003sample.gif
サイコロ・王冠・ダイヤ
pipo-gwspinitem004sample.gif pipo-gwspinitem005sample.gif pipo-gwspinitem006sample.gif
リング・歯車・りんご
pipo-gwspinitem007sample.gif pipo-gwspinitem008sample.gif pipo-gwspinitem009sample.gif
ハート・unk・剣
pipo-gwspinitem010sample.gif pipo-gwspinitem011sample.gif pipo-gwspinitem012sample.gif
トロフィー・宝箱・おにぎり
pipo-gwspinitem013sample.gif pipo-gwspinitem014sample.gif pipo-gwspinitem015sample.gif
キノコ・ハンマー・薬草
pipo-gwspinitem016sample.gif pipo-gwspinitem017sample.gif pipo-gwspinitem018sample.gif
スライム・盾
pipo-gwspinitem019sample.gif pipo-gwspinitem020sample.gif



サイズ: 1コマ 400×400・192×192の2サイズ
アニメ: 20コマループ
画像形式: png
備考: 減色・ファイルサイズの最適化は行っていませんので、各自でご調整ください。




ダウンロード ぴぽや 素材 利用規約
※ファイルのダウンロードについて
関連記事

ゲーム制作&ゲーム向け素材情報 2017年4月分

2017.05.02
最近のゲーム制作向けフリー素材関連ネタをまとめてみました。
主にツイッターで呟いたり、リツイートしたものです。


RPGツクールMV用のタイルセット(マップチップ)素材を配布されているコミュ将さんが、RPGツクール以外でも問題なく使用できるようにRPGツクールMV同梱素材を改変したものを抜いた素材セットを用意してくれました。
現在「アラビアンセット,個性的な壁セット,悪夢のタイルセット,お菓子マップ,遠景セット,エフェクト」などが公開されています。


ただし、RPGツクールMV向けのタイルセット素材は1マスが48×48のため、そのままではウディタなどで利用することができません。
こちらで紹介しているフリーソフトで変換することができます。



ブラウザ上でアバター作成ができるサービス「CHARAT」で作成したデータについて、ゲーム制作用素材として利用可能か問い合わせをしてみました。
少しタッチの違う「CHARATぷち」というものもあり、記載されている規約が少し違うのですが、大元の「CHARAT」の規格を優先とのことです。



WOLF RPGエディター公式サイト 画像・音声素材データ集
海賊版グラフィック合成器,
[なしのもの]40×90キャラチップ(合成器用)【改】,[竹白恵]竹白恵BGM






フリーの3Dエフェクト作成ソフト「Effekseer」で作成されてエフェクトをRPGツクールやウディタなどでも利用できるスプライトシート画像として配布されています。
100点以上あるようです!



SVGとTTF形式があるので、TTFならそのままフォントとしてインストールすれば、グラフィック編集ソフトなどで自由に加工できますね。
また、大元のGame-icons.netなら今回収録されている点数以上のものが公開されており、個別にPNGファイルでのダウンロードも可能です。
「Game-icons.net」についてはしょうどこちらの記事で詳細が紹介されています。
無料でゲーム・アプリの開発に使えるアイコンが2800種類以上ある「Game-icons.net」 - GIGAZINE



ゲーム用画像素材の並び替えなどにも使えてしまうマップエディタTiledのTIPS?
個別の記事でもまとめています。
タイルセット画像などを簡単に並び替える方法









素材関係のスレッドなどもあります。










おまけ。




関連記事

2017年4月 DLsite.comで発売されたゲーム向け素材紹介

2017.05.01
2017年4月にDLsite.comで発売されたゲーム制作に役立つ素材の紹介になります。

GW中ということで期間限定割引やポイントUPなど開催されています!
ゲーム制作向けの素材も90%オフで販売されているものもあります。
bn_54da9fc8f31be3086e86d5a10a3847ab80d14fd9.png


他のゲーム制作向け商品も含めた紹介記事はこちらをご覧ください。
DLsiteで販売されているゲーム制作向け素材の紹介

今回は
 ・背景画像 1件
 ・BGM・歌 11件
 ・効果音 1件

となっています。

関連記事

junk 王冠アニメ素材2

2017.05.01
前の記事「junk 王冠アニメ素材」の回転する3D王冠アニメを実験でイラストタッチにしてみました。
宝箱のアニメもイラストタッチにしておきたいところですが、まだ勉強不足なので宝箱の方はイラストタッチにできないという…

ジャンク扱いって?
習作やネタ的な素材については、既存素材をまとめているぴぽや倉庫にはアップしません。
利用自体は他素材と同様で問題ありませんので、ご安心ください。
他ジャンク素材はこちら 「junk」の検索結果



金銀銅あります。
pipo-crownanimetest1_sample.gif
pipo-crownanimetest2_sample.gif
pipo-crownanimetest3_sample.gif


サイズ: 1コマ 320×320・192×192の2サイズ
アニメ: 5コマループ
画像形式: png
備考: 減色・ファイルサイズの最適化は行っていませんので、各自でご調整ください。




ダウンロード ぴぽや 素材 利用規約
関連記事
プロフィール

ぴぽ

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

TwitterYoutubeチャンネルtwitchチャンネル
Fantia-ぴぽやフレンズCi-en ぴぽやフレンズ

▼運営サイト
・ぴぽや倉庫
 公開した素材のまとめ

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

ご感想・ご連絡


カテゴリ
最新コメント
リンク

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

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

タイルセット
ねくらファンタジーマップチップ素材集
ねくらレトロフューチャーマップチップ素材集
普通シティ 現代日本都市タイルセット
ファミコン風RPG基本マップ素材セット

背景イラスト
みにくる背景CG素材集『ファンタジー編』part01
みにくる背景CG素材集『ファンタジー編』part02
みにくる背景CG素材集『ファンタジー編』part03
砂漠の戦闘背景 サファイアソフト素材 Vol2
雪の戦闘背景 サファイアソフト素材 Vol1

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

キャラチップ
ぴぽやキャラチップ素材集 乗り物10種
どうぶつキャラクターチップセット3

キャラ立ち絵
中世ファンタジーRPG風2Dキャラクターパック【キャラクター画像素材】
立ち絵素材男女
【立ち絵素材】Aさんのバイト服
【立ち絵素材】現代人まとめ (女子生徒・男子生徒・一般女性・一般男性・少女)

エフェクトアニメ
物理攻撃エフェクト素材集1 71点収録
ぴぽやゲームエフェクト素材集01-斬撃- &02-属性斬撃- セット

アイコン
イラストアイコン素材集Vol.1
ゲーム製作用アイコン集#01
ぴぽや感情&状態アイコンアニメ素材集
ファンタジーゲーム向けアイコン素材1

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