プリセットマネージャーからでもポップアップする。

Telegraphics – Free plugins for Photoshop & Illustrator…and other software

ページ下部からプラグインをdlして

windowsならここらへんにぶっ込む。

C:\Program Files (x86)\Adobe\Photoshop CS\Plug-Ins\File Formats.

C:\Program Files\Adobe\Adobe Photoshop CS4 (64 Bit)\Plug-ins\File Formats.

windows7 64bitでも
photoshopの32bitならWindows (32 bit)を使う。

初めていわれた。

fireworksでも

ファイルを開けませんでした。
ファイルタイプが不明です。

と言われて開けなかった。

解決法

ペイントで開いて別名保存した
jpgで保存したら、ブロックノイズが乗りまくったのでpngにした。

忙しくってアウトプットする時間を作れない。
色々あるのに忘れてしまう。

カスタムシェイプで長方形や四角を描くときに
ガイド引いてから描いたり
適当に描いた後パスを選択してサイズを調整したり
四角や円なら描いた後
上の比率を設定ってところで数値を入力してサイズを整えていて

カンバスをダブルクリックして数値入力画面が表示されたりしないかなとダブルクリックしたけど
何もおこらなくて
そういやラインツールのオプションで矢印付けられたりしたけど
長方形はどうだろう？と押してみたら
サイズを指定する所があったという。
でも面倒くさいお( ´･＿･｀)

※ラインツールのオプションで開始点にチェックを入れたライン

[編集] – [コンテンツに応じて拡大・縮小]Ctrl+Alt+Shift+C
スマートオブジェクトには使えない

上で使ったアルファチャンネルは
クイック選択ツールで選択範囲を作って
[設定範囲] – [設定範囲を保存]から作成

参考adobe help

Adobe Photoshop CS5 * コンテンツに応じた拡大・縮小

fireworksの「カンバスを合わせる」って便利ですよね
photoshopでも使いたい！と思い調べてみたところ
イメージ – トリミングと
イメージ – すべての領域を表示を組み合わせて
同じような事が出来るみたいだったので
.jsxに出来ないかなぁと試してみました。

不具合や必要ない記述があるかと思いますが、自分が使う範囲では困らない感じになったのでとりあえず公開してみます。

fit-canvas.jsx

例1 / before これが

例1 / after こうなる

例2 / before オブジェクトがカンバスの外にはみ出てる場合

例2 / after それを含めてから削る

どんな使い方をしてるか

大元のpsdからパーツを作成する時に
レイヤーを複製で新規ファイルで作成して抽出してるんですけど
その時に、元psdのカンバスサイズを引き継いでしまうので
それを除去するのに使ってます。

※ “トリミング” と “すべての領域を表示” で削れない部分は削れません。

超参考にしたページ

Adobe Photoshop CS4自動化作戦

現在157個？
高品質な飾り枠素材が、ai,jpg,pngの3種類から選んでダウンロード出来る(太っ腹だ)

こりゃ助かる。

cs4～はbridgeを使うみたい。

ちなみに追加のプラグインはこちらから

cs4

アドビ – Photoshopの：Windowsの場合：Adobe PhotoshopのCS4 – プラグイン（オプション） – 日本语
アドビ – Photoshopの：Macintoshの場合：Adobe PhotoshopのCS4 – プラグイン（オプション） – 日本语

cs5

アドビ – Photoshopの：Windowsの場合：Adobe PhotoshopのCS5 – プラグイン（オプション） – 日本语
アドビ – Photoshopの：Macintoshの場合：Adobe PhotoshopのCS5 – プラグイン（オプション） – 日本语

何かに似ていますね。

以下(ヘルプに載っている)一気に閉じる方法のメモ。

レイヤー効果が広がりっぱなしだとこんな感じ。

長い、目的のレイヤーを探しづらい。

以下、やり方

※ 対象レイヤーがグループ化されている必要がある

1)レイヤーグループの矢印を
alt押しながらクリックして閉じる。

2)altを離して、矢印をクリック
スッキリ。

ICO (Windows Icon) Format
Telegraphics – Free plugins for Photoshop & Illustrator…and other software

解凍してICOFormat64.8biをphotoshopのプラグインフォルダに入れる

例 / windows64-bitの保存先は

C:\Program Files (x86)\Adobe\Photoshop CS\Plug-Ins\File Formats

そんな時は、altを押してレイヤーの境界あたりにマウスを持って行くと対象を切り替えられる。

という基本操作のお話。

というわけで
そうゆう人間がphotoshopでWebのデザインをしてる時なんかは
テキストの行送りを”自動”にすると行間が空きすぎだなーと感じるわけです(175%なので)。

よく使うフォントサイズなら150%の行間をなんとなく覚えてるんだけど、
適当な文字サイズだとすぐにわからん頭なので、
電卓打ったり適当に変更しながらやってるんですけど
どうせならどんなフォントサイズでもとりあえず150%の行間にしておいて詰めたりしたい！

で「%で行間隔を指定したら出来たりして」と
%で指定すると、0.01pixelから5000.00pixelの値を入力してください。近似値を挿入します。と叱られてしまいます。
環境設定の単位・定規で決めた文字の単位以外受け付けない、と。

でも、photoshopの事だから(自動)の元がどこかにあるはずだ！
それが

段落 – ジャスティフィケーション

ここ

あった、175％。

変更した。見やすい。

というわけで%で指定出来たー。

デュアルブラシ、ブラシのマスクみたいでオモロイです。
けどそうそう毎回いじったりしなさそうなのでメモ。

その前に、カスタムしたブラシを保存する方法を覚えておく

新規ブラシを作成のアイコンをクリックして、名前をつけて保存。

新しいブラシを登録するのは[編集] – [ブラシを定義]の方

ブラシ先端のシェイプの設定
ソフト円ブラシ175pxをベースにした

シェイプの設定
ジッターを上げた、予想がつかない

散布の設定
離れないような感じに

デュアルブラシの設定
チョークを175pxで、ソフト円ブラシにマスクが掛かったみたいじゃない？

カラーの設定
揺らいで欲しかったから、気持ちやんわり。

ウェットエッジ、滑らかさにチェック。

もう少し着色してみる、テクスチャは後から付けたほうがいいのかな？

そこでjsxで出来ないかな？と調べて書いてみようと頑張ったんですけど、
複数選択したレイヤーの情報を取得する事すら出来ずに挫折しました(割と手前の壁)。

しかし、海の向こうではすでに等間隔に分布させるjsxを作って配布されてる方がいらっしゃいました、すごいなー。

ダウンロード:Adobe Photoshop Scripts | Trevor Morris Photographics
垂直方向用のjsxしか試してないけど、水平方向用や他にも沢山jsxがありまんた。

分布結果の違いを比べてみた画像

整列前の適当な配置、青い背景はサイズが分かりやすいようにとつけちゃった。

photoshopの左端を分布 / 重なるよねぇ

photoshopの水平方向中央を分布 / 最初何が起きたのか理解できなかった。

photoshopの右端を分布 / 重なるよねぇ

Adobe Photoshop Scripts | Trevor Morris Photographicsの
Photoshop > Scripts > Distribute Layers Horizontallyを使用

SUGEEEEEEEEEEEE！！！！！1
愛してる！！！！！！！！！

ダメな方法

Excelに配置されている状態

Excelでコピー(Ctrl + C)して
Photoshopにペースト(Ctrl + V)した画像

普段やってる大丈夫ぽい方法

ファイル – Webページとして保存

ファイル内の画像を一気に保存出来る。
画像が大量にある場合は楽。
上手く出来ないファイルもある。

ペイントを経由

ペイントを経由するとなぜか上手くいく。
面倒くさい。

メタコン（Metafile Converter）を使う

メタコン
ここで知ったんですがペイントにペーストする手間を減らせる感じ。
追記 / windows7 64bitでも問題なく使える
フォーラム :: トピックを表示 – メタファイル（画像）のコピー（クリップボード経由）

<手順> ——————————————————————–
(１) メタコン（Metafile Converter）を起動して、「自動クリップ貼り付け」にチェック、「表示のみ」 を選択、メタコンは閉じずにそのまま
(２) ワードやエクセルを起動して、その中の画像をクリックして選択する
(３) CTRLを押しながら C を押して、選択されている画像をクリップボードにコピー（ここではベクターイメージがクリップボードにコピーされる）
(４) メタコンに戻るとクリップボードの中にコピーされている画像が表示されているので、CTRLを押しながら C を押す（ここでビットマップ・イメージがクリップボードにコピーされる）
(５) PhotoShop や IrfanView など画像のプログラムにて、CTRL を押しながらV を押して貼り付ける

しかし、根本的な解決法はさっぱりわからんままです。

Bram.us » PS_BRAMUS.TextExport 1.3 – Automatically export all Text layers from Photoshop PSD to a Text file (PSD2TXT)

(レイヤー階層で)下にあるテキストレイヤーから順番にテキストを抽出してテキストファイルに書き出してくれる.jsx

フォルダ階層が深いと処理にものすごく時間がかかって不安になる。
逆にフォルダ階層が浅いとテキストレイヤーの数が多くても結構速く終わる感じがしました
(The quick brown fox jumps over the lazy dog.と書いてあるテキストレイヤーを60程複製したpsdを処理させたらだいたい10～20秒くらいで完了しました)。

複数psdを開いている場合

TextExport has detected Multiple Files.
Do you wish to run TextExport on all opened files?

と聞かれるので、開いているファイル全て処理したいなら「はい」にして
選択してるファイルだけ処理したいなら「いいえ」を選ぶ。

随分昔からあるscriptみたいだけど知らなかったなぁ、あると便利でした。
という事でメモ。

Adobe Photoshop CS4 に関するセキュリティアップデート公開（APSB10-13）

Windows 版および Macintosh 版 Adobe Photoshop CS4 にクリティカルな脆弱性が発見されました。攻撃者がこの脆弱性を悪用することに成功した場合、当該システムが攻撃者によって制御される恐れがあります。 この脆弱性は、エンドユーザが悪意の込められた ASL、ABR、GRD のいずれかの形式のファイルを Adobe Photoshop CS4 に読み込ませない限り、悪用されることはありません。 対象となるユーザは、Adobe Photoshop CS4 11.0.2 にアップデートすることを推奨します。

Adobe Photoshop CS4 11.0.2 アップデート （Windows） *英語ページのみ
Adobe – Photoshop : For Windows : Adobe Photoshop CS4 11.0.2 update – multiple languages

Adobe Photoshop CS4 11.0.2 アップデート （Macintosh） *英語ページのみ
Adobe – Photoshop : For Macintosh : Adobe Photoshop CS4 11.0.2 update – multiple languages

なんでサイトのわかりやすいところにアナウンスがないのかなぁ?
1週間くらい立ってるから流れちゃっただけ?

使い方

[ファイル] – [スクリプト] – [参照] から下からダウンロードしたjsxを選択する。
(xpの場合) C:\Program Files\Adobe\Adobe Photoshop CS3\プリセット\スクリプト の中に.jsxを入れておけば[ファイル] – [スクリプト] から使用できる。

ExtendScript Toolkitからも使える。

ダウンロード

addGuide.jsx｜選択範囲にあわせてガイドを引く.jsx

挙動 / どんなガイドが引かれるか

こんな感じの選択範囲だと

こうなる

四角じゃない選択範囲だと

こうなる

変な形の選択範囲だと

こうなる、予想通り。

ソース

function selectionRange(){
	try {
		//選択範囲を取得
		var boundsObj = activeDocument.selection.bounds;
		x1 = parseInt(boundsObj[0]);
		y1 = parseInt(boundsObj[1]);
		x2 = parseInt(boundsObj[2]);
		y2 = parseInt(boundsObj[3]);

		//選択範囲にガイドを引く
		guideWrap("Vrtc",x1);//左上
		guideWrap("Vrtc",x2);//右上
		guideWrap("Hrzn",y1);//左上
		guideWrap("Hrzn",y2);//左下
	}
	catch(e){
		alert("選択範囲がありません。");
	}
}

function guideWrap(direction,position){
var id1 = charIDToTypeID( "Mk  " );
    var desc1 = new ActionDescriptor();
    var id2 = charIDToTypeID( "Nw  " );
        var desc2 = new ActionDescriptor();
        var id3 = charIDToTypeID( "Pstn" );
        var id4 = charIDToTypeID( "#Pxl" );
        desc2.putUnitDouble( id3, id4, position );
        var id5 = charIDToTypeID( "Ornt" );
        var id6 = charIDToTypeID( "Ornt" );
        var id7 = charIDToTypeID( direction );
        desc2.putEnumerated( id5, id6, id7 );
    var id8 = charIDToTypeID( "Gd  " );
    desc1.putObject( id2, id8, desc2 );
executeAction(id1,desc1,DialogModes.NO);
}

// ==========
// 実行
// ==========
selectionRange();

参考

選択範囲の取得方法を参考にさせていただきました。
崖っぷちWEBデザイナーブログ | photoshopのscript機能メモ（CS3）

1. .jsxをアクションに登録して
2. [ファイル] – [自動処理] – [バッチ] から登録したアクションを指定

といった手順を踏む必要があったけれど今回のはバッチ処理なしでいけるはず、多分。
WindowsXPのCS3では大丈夫だった。

どういったモノ?

パターンに画像を、ファイル名で登録するだけ。
大量に登録したい時に威力を発揮するはず。

例えばこうゆう.patではないパターン画像を超簡単に一気に登録できる。
patterns: set no.7 by ~77words on deviantART

使い方

[ファイル] – [スクリプト] – [参照] から下からダウンロードしたjsxを選択する。
(xpの場合) C:\Program Files\Adobe\Adobe Photoshop CS3\プリセット\スクリプト の中に.jsxを入れておけば[ファイル] – [スクリプト] から使用できる。

ExtendScript Toolkitからも使える。

ダウンロード

• addPattern.jsx｜バッチを使わずに画像をファイル名でパターンに追加する.jsx

// ==========
// File Name: addPattern.jsx
// File URI: http://sakurachiro.com/_exercise/javascript/jsx/addPattern.jsx
// Description: 画像をパターンに一括登録する
// Author: makoto
// Version: 1.0.0
// Author URI: http://blog.sakurachiro.com/
// Copyright: Copyright 2010 makoto
// ==========

textureFolderObj = Folder.selectDialog("パターンに登録したい画像があるフォルダを選択してください");
if (textureFolderObj) {
  fileSet(textureFolderObj);
}

function fileSet(textureFolderObj) {
  var textureFileList = textureFolderObj.getFiles();
  for (var i = 0; i < textureFileList.length; i++) {
    var textureFileObj = textureFileList[i];
    if (textureFileObj.name.indexOf(".") < 0) {
      //拡張子がなければフォルダと判断
      fileSet(textureFileObj);
    } else if (textureFileObj.name.match(/.png|.jpg|.jpeg|.gif/g)) {
      //正規表現に自信はないけど動いているようだ
      addTexture(textureFileObj);
    }
  }
}

function addTexture(textureFileObj) {
	open(new File(textureFileObj));

  // ==========
  // 登録する
  // ==========
  var idMk = charIDToTypeID("Mk  ");
  var desc1 = new ActionDescriptor();
  var idNull = charIDToTypeID("null");
  var ref1 = new ActionReference();
  var myPtrn = charIDToTypeID("Ptrn");
  ref1.putClass(myPtrn);
  desc1.putReference(idNull, ref1);
  var idUsng = charIDToTypeID("Usng");
  var ref2 = new ActionReference();
  var idPrpr = charIDToTypeID("Prpr");
  var idFsel = charIDToTypeID("fsel");
  ref2.putProperty(idPrpr, idFsel);
  var idDcmn = charIDToTypeID("Dcmn");
  var idOrdn = charIDToTypeID("Ordn");
  var idTrgt = charIDToTypeID("Trgt");
  ref2.putEnumerated(idDcmn, idOrdn, idTrgt);
  desc1.putReference(idUsng, ref2);
  var idNm = charIDToTypeID("Nm  ");
  var docName = app.activeDocument.name;
  desc1.putString(idNm, docName);
  executeAction(idMk, desc1, DialogModes.NO);

  // ==========
  // 閉じる
  // ==========
  var idCls = charIDToTypeID("Cls ");
  executeAction(idCls, undefined, DialogModes.NO);
}

今回詰まったところ

バッチにある「サブフォルダをすべて含める」をjsxでどうやって書いていいのかがさっぱりだった。

こんな風に書いて、

var myFolder = Folder.selectDialog("フォルダを選択");
var myFiles = myFolder.getFiles();
for(i=0;i<myFiles.length;i++){
 alert(myFiles.length);
}

下記画像ような中身のフォルダを選択すると、困った事にmyFiles.lengthは7になる。

そんな時とても参考になったページ

IllustratorとPhotoshopのファイル名埋め込み
IllustratorとPhotoshopのファイル名埋め込み – for iPhone

ExtendScript Toolkitを使ってみたんだけど
ちゃんと書けていたのに「対象アプリケーションを選択」でPhotoshopを選んでいなかった為、いつまでもopenが関数ではありません等のエラーが出て動かず途方に暮れた。

ちゃんとadobe photoshop cs3を選択しなければ。

ハイパスでシャープみたいな効果を出す時は、オーバーレイとセットで使う。

少々ピントの甘い画像や、縮小加工した後には、シャープを軽くかけてる事かと思いますが(決め付け)、アンシャープマスクの代わりにハイパスを使うと、キレと存在感が増します。

そこで実際どう違うのか?どれくらい違うのか?をちゃんと見比べてみたくなったので、ハイパスとアンシャープマスクそれぞれ数パターン書き出してみました。

フィルタの設定

アンシャープマスク
( [フィルタ] – [シャープ] – [アンシャープマスク] ) /
量170% – 半径1.0px の決め打ちで、半径を変化させた。

ハイパス
( [フィルタ] – [その他] – [ハイパス] ) /
レイヤーを複製し、上レイヤーにハイパスを適用して描画モードをオーバーレイに。

sample1

sample2

(画像にもよるけど)ハイパスだと半径2~4くらいがいいかな?って感じでした。
あとkは、アンシャープマスクは全体的にシャープになるけど、ハイパスは部分的にシャープになる感じ。
ハイパスをかけたレイヤーの透明度を変えたり、灰色で塗ったりして調整も出来る。

シャープ関係ないけど半径10~20あたりも好きだなー。

ところでハイパスとはどういったもフィルタなのか?
adobeヘルプの説明だと
Adobe Photoshop CS4 * その他のフィルタ

ハイパス
カラーが極端に変化している部分で指定した半径内のエッジのディテールを保持し、それ以外の部分についてはエッジのディテールを抑えます。 半径に 0.1 ピクセルを指定すると、エッジのピクセルだけが保持されます。 ハイパスフィルタは、線数の少ないディテールを画像から削除して、ぼかし（ガウス）フィルタとは逆の効果を加えます。

[追記 / 20100501] for文の中身を変更した。

使い方イメージ

上のソースを[適当な名前].jsxで保存。
program files以下のphotoshopフォルダにある\プリセット\スクリプト ( C:\Program Files\Adobe\Adobe Photoshop CS3\プリセット\スクリプト ) にぶち込むと[ファイル] – [スクリプト]から選べるようになるので便利。

[ファイル] – [スクリプト] – [参照(B)…]から[適当な名前].jsxを選んで使える。

ステージ枠にだけガイドを引くには

上の.jsxのままだとカンバスの中央にもガイドが引かれて邪魔かもしれない、真ん中のは必要ないよって場合は1行目の50を削除する。

• ここを　　var posArr=[0,50,100];
• こうする　var posArr=[0,100];

結構作ってる人がいる。

うちが作ってみた理由もこれと全く同じでした。
外枠にガイドを引くスクリプト | Dearps ～Adobe Photoshopに関するTipsや便利な裏技を紹介するサイトです～

カンバスのサイズに合わせたシェイプを描きたい場合等フォトショップはピクセルにスナップしてくれないので外枠にガイドをひく必要があります。

高機能、他のjsxもすばらしい。
Add Guides EX(1.0.0) – Adobe Photoshop

ダイアログボックスからガイドの位置・幅・間隔・数等を指定することによって、自動的に位置を計算してガイドを作成します。

さくさくと引ける。
flabaka – 複数のガイドを一度に引けちゃうJSX

x=50,x=100,x=150,x=200の計4本ガイドを引きたい場合、50,100,150,200と入力し、OKボタンを押します。

そうゆうのは精神衛生上良くないです。

でもって簡単に50%の位置にガイドを引く方法
[ビュー] – [新規ガイド] – 位置に[50%]

ビューからガイド引いた事なかったから気付かなかった。

当初、色相の昇順だけを考えていたけど、どうせなのでHSBの昇順/降順6種類から選べるようにしてみた。

1．スウォッチを書き出す

プリセットマネージャーからも書き出せるかもしれないけどやったことない。

2．ソートの方法を選んで変換する

1．で保存したスウォッチを選択して
ソートの基準を色相、彩度、明度から選んで「変換」

3．ダウンロード

登録されている色数とRGBなんかと、ソート前の並び順とソート後の並び順を表示。

ソート済みファイルのダウンロード / 色数colors-西暦月日_時分秒.acoから保存先を選んでダウンロード、名前は変更しても問題なし。

こんな感じで使います。

追記｜2010-01-12
不具合修正、ついでに重複した色を削除するようにしてみた。
array_uniqueがローカルだと正常動作してるっぽいのに、サーバーにアップすると配列の先頭1つを残して全て削除してしまう、なにゆえ！？

追記2｜2010-01-12
array_uniqueの第2引数にSORT_REGULARを設定したところローカルでもサーバー上でも同じ動作になった。
さくらインターネットのarray_uniqueの設定はSORT_STRINGがデフォルトにでもなっているのでしょうか？
ようわからん。

ローカルではacoをソート出来るようになったんですが、アップロードすると動かない。
どうも.acoファイルの読み込みが失敗してるみたい。

色相で並び替えたらこんな感じ。

色相でソートしても明度がめだつなぁ
綺麗なグラデーションになるかと思ってたけど、HSBをうまいこと混ぜてソートしないとダメみたいだがようわからん。

とりあえず、次はファイルのアップロードと変換後のダウンロード出来るようにしなきゃ。

headerつけて、readfileを使うのか？

前回からここまでにつまづいた部分と大体の流れ

バイナリデータ(.aco)を16進数で開いて(bin2hex)
先頭から2番目のブロックの色数をhexdecで16進数から10進数に変換してループを回してRRRR GGGG BBBBを抽出。

色相で並び替えたいのでRGBからHSBに変換する準備。

RRRR GGGG BBBBからRR GG BBの配列を作成してmaxとminを使ってmaxとminを抽出、RGBと絡めてH(色相)を抽出。
ついでにS(彩度)とB(明度)も調べ配列に入れとく。

ソート

array_multisortを使って[例3 データベースの結果をソートする]を参考にソート。

str_padなどで隙間を埋めた。

パスをシェイプにしたいなーって時

シェイプにしたいパスを選択して、[レイヤー] – [新規塗りつぶしレイヤー] – [ベタ塗り]

シェイプをパスにしたいなーって時

新規パスを作成ってところにドラッグ

photoshopのスウォッチ(.aco)を色相で並び替えるようにしたいの続き。

まだまだ完成しないけど現状のメモ

$fileName="945066.aco";
$aco=fopen($fileName,"rb");
$acoStr=fread($aco,filesize($fileName));
$acoStr=bin2hex($acoStr);

//基本
$setBlock=20;//色一区切り
$setHead=12;//頭出し分
$cutNum=12;//切り取る分
//色数
$colorMax=substr($acoStr,4,4);
echo hexdec($colorMax)."<br>";

//
for($ii=0;$ii<hexdec($colorMax);$ii++){
$nowBlock=($setBlock*$ii)+$setHead;
//
$colorName4[$ii]=substr($acoStr,$nowBlock,$cutNum);
$colorName4[$ii]=str_split($colorName4[$ii],4);
for($i=0;$i<3;$i++){
$colorName2[$ii][$i]=substr($colorName4[$ii][$i],0,2);
}
}

print_r($colorName2);
fclose($aco);

出力結果：
2
Array ( [0] => Array ( [0] => 50 [1] => 8b [2] => 94 ) [1] => Array ( [0] => 94 [1] => 50 [2] => 66 ) )

まず.acoの開き方を調べた

.acoはバイナリなのでfopenにbで開く
そのままだと化けてたので
$acoのバイナリデータをbin2hexで16進数に

$fileName="945066.aco";
$aco=fopen($fileName,"rb");
$acoStr=fread($aco,filesize($fileName));
$acoStr=bin2hex($acoStr);

echo wordwrap($acoStr,4," ",true);//出力結果を見やすくする為に入れた

fclose($aco);

$acot出力結果：
0001 0002 0000 5050 8b8b 9493 0000 0000 9493 5050 6666 0000 0002 0002 0000 5050 8b8b 9493 0000 0000 0008 30b9 30a6 30a9 30c3 30c1 0020 0031 0000 0000 9493 5050 6666 0000 0000 0008 30b9 30a6 30a9 30c3 30c1 0020 0032 0000

色の開始位置が先頭から12
1セット0000 RRRR GGGG BBBB 0000の20
必要な分が12

$setBlock=20;//色一区切り
$setHead=12;//頭出し分
$cutNum=12;//切り取る分

.acoに何色登録されてるか抜き出す

//色数
$colorMax=substr($acot,4,4);
echo hexdec($colorMax)."<br>";

hexdec：16進数を10進数で返す

色を抜き出す

ここをどうしたらいいんだろうかわからん。
0000～0000の中身だけを取得する方法はないもんかな。

1セット(20)×色数分シフトさせてく。

for($ii=0;$ii<hexdec($colorMax);$ii++){
$nowBlock=($setBlock*$ii)+$setHead;

$colorName4[$ii]=substr($acoStr,$nowBlock,$cutNum);
$colorName4[$ii]=str_split($colorName4[$ii],4);
for($i=0;$i<3;$i++){
$colorName2[$ii][$i]=substr($colorName4[$ii][$i],0,2);
}
}

RRRRGGGGBBBBを抜き出して
$array[0]=RRRR
$array[1]=GGGG
$array[2]=BBBB
みたいになるよう配列に入れて
さらにRR GG BBになるよう2次元配列にいれた。
入れ方がこれで正しいのか…

substr：文字列の一部分を範囲指定して返す
str_split：文字列を配列に変換

print_r($colorName2);
fclose($aco);

print_r：変数の情報を吐き出す
var_dump：print_rより吐き出す情報が多い
fclose：ファイル閉じる

さて、この後はどうしたらいいんでしょう。
完成するといいな。

追記

色相で並び替えるから
RGBをHSBに変換して、Hでソートすればいいんですよね？
RGBからHSBのHと出すにはr,g,bを比較しなきゃダメで
ソートした後に移動させたら0000で包み込んで書き出す？
最初にbin2hexしたから逆のことしなきゃダメなんかな？

2箇所にあるRGBの表記はどうやってまとめたらいいのかな

何をどうしたらそんな事が出来るようになるのかわからんので、やってる事がずれてるかもしれんけどもメモ。

.acoの中身を見たい、
バイナリエディタで見るしかないようだ。
Stirlingを使ってみる。

16進数？なにそれ、まいったな。

適当なスウォッチを何個か作って.acoで書き出して、見比べてみて判ったこと

#508b94 を2個登録したスウォッチをバイナリエディタで開くと以下の通り

00 01 00 02 00 00 50 50 8B 8B 94 93 00 00 00 00
50 50 8B 8B 94 93 00 00 00 02 00 02 00 00 50 50
8B 8B 94 93 00 00 00 00 00 08 30 B9 30 A6 30 A9
30 C3 30 C1 00 20 00 31 00 00 00 00 50 50 8B 8B
94 93 00 00 00 00 00 08 30 B9 30 A6 30 A9 30 C3
30 C1 00 20 00 32 00 00

2色目を#945066に変更したスウォッチは以下

00 01 00 02 00 00 50 50 8B 8B 94 93 00 00 00 00
94 93 50 50 66 66 00 00 00 02 00 02 00 00 50 50
8B 8B 94 93 00 00 00 00 00 08 30 B9 30 A6 30 A9
30 C3 30 C1 00 20 00 31 00 00 00 00 94 93 50 50
66 66 00 00 00 00 00 08 30 B9 30 A6 30 A9 30 C3
30 C1 00 20 00 32 00 00

最初の00 01と最後の00 00は定型ぽい
次の00 02が登録されてる色の数、
3つ登録してあるスウォッチは00 03で、58個登録されてるスウォッチは00 3Aだった。
(2進数、8進数、10進数、16進数相互変換で変換させてもらってます。)

次の00 00がよく分からないけど区切り？
その後の50 50 8B 8B 94 93がhex値、前半2桁だけが有効？で00 00で閉じる？

00 08 30 B9 30 A6 30 A9 30 C3 30 C1 00 20 00

も区切りかな

hex値ぽいところを以下のようにガーっと00にしてもちゃんと読み込む

00 01 00 02 00 00 00 00 00 00 00 00 00 00 00 00
00 00 00 00 00 00 00 00 00 02 00 02 00 00 50 50
8B 8B 94 93 00 00 00 00 00 08 30 B9 30 A6 30 A9
30 C3 30 C1 00 20 00 31 00 00 00 00 94 93 50 50
66 66 00 00 00 00 00 08 30 B9 30 A6 30 A9 30 C3
30 C1 00 20 00 32 00 00

02 00 02 00からが本当の色設定？

phpのテスト

<!-- rgb.html -->
<form id="form1" name="form1" method="post" action="rgb.php">
<ul><li><label for="rr">r</label>:<input type="text" name="rr" id="rr" max="3" /></li>
<li><label for="gg">g</label>:<input type="text" name="gg" id="gg" max="3" /></li>
<li><label for="bb">b</label>:<input type="text" name="bb" id="bb" max="3" /></li></ul>
<input type="submit" />
</form>

// rgb.php
$r=hexdec($_POST["rr"]);
$g=hexdec($_POST["gg"]);
$b=hexdec($_POST["bb"]);
//
$max=max($r,$g,$b);
$min=min($r,$g,$b);
print "max:".$max."<Br>";
print "min:".$min."<Br>";
print $_POST["rr"]."<Br>";
print $_POST["gg"]."<Br>";
print $_POST["bb"]."<Br>";

if($max==$min){
	$hue=0;
}
else if($g==$max) {
$hue=($b-$r)/($max-$min)*60+120;
}
else if($b==$max) {
$hue=($r-$g)/($max-$min)*60+240;
}
else if($g<$b){
$hue=($g-$b)/($max-$min)*60+360;
}
else{
$hue=($g-$b)/($max-$min)*60;
}
print "hue値".$hue;

でhexからhueを取り出せた。

あと必要な事

.acoの色の格納のされ方と範囲指定しての取り出し方
phpでバイナリを読む方法
とか？
方向はあってるんのでしょうか…

とりあえずphpで読み込んでみた

辞書を引きながら、こんな感じに。

$fname="945066.aco";
$aco=fopen($fname,"rb");
$str=fread($aco,filesize($fname));
$str=bin2hex($str);
echo $str;

$aco_ar=explode('0000',$str);
print_r($aco_ar);

fclose($aco);

出力結果

00010002000050508b8b949300000000949350506666000000020002000050508b8b949300000000000830b930a630a930c330c1002000310000000094935050666600000000000830b930a630a930c330c1002000320000Array
(
    [0] => 00010002
    [1] => 50508b8b9493
    [2] =>
    [3] => 949350506666
    [4] => 00020002
    [5] => 50508b8b9493
    [6] =>
    [7] => 000830b930a630a930c330c100200031
    [8] =>
    [9] => 949350506666
    [10] =>
    [11] => 000830b930a630a930c330c100200032
    [12] =>
)

メモ
explode(‘区切り文字’,文字列);
explode(’0000′,$str);

0000で区切ったけど、これだと#000が登場した時に区切り文字になってしまう。

メモ2
どうゆう風にしてけばいいんだろ
最初の2バイトを飛ばして、次の2バイトに格納されてる色の数を取得
前半00 00 RR RR GG GG BB BB 00 00で1セット
RR RRなどそれぞれの後半2文字を飛ばす
000830b930a630a930c330c1002000の前に出てくるRRRR GGGG BBBBを書き換える

[ウィンドウ] – [アレンジ] – [(開いてる画像)の新規ウィンドウ]
あれーどうやるんだっけ？とよくなるのになかなか覚えない。

こんな風なパスを書いて

[編集] – [ブラシを定義]

ブラシ先端のシェイプからブラシを回転できる

ひとつのコーナーブラシで四隅が描けた。

でも

こうゆう使い方をするならctrl + J3回して回転させたほうが後々使いやすいですよ。

色々削ったけどロゴっぽくならない。
でもまぁ花が可愛いと思うのだよ。

ビックリマンの名前の下のヒラヒラしたような(古い地図なんかに出てきそうな)部分の簡単な作り方ないかな。
あとそれの名称が知りたい。帯？

CapsLockがONになっていないかチェック。
なっていたらOFFに。

彩度が低くて、淡い感じだとトイカメラ風？になる気がするんだけど
彩度が低くて、コントラストが強いんだけど、まぶしくないというか、目に優しいというか、でも力強いというか
そうゆう加工がしてみたくて練習。

目標となる画像があれば、判りやすいんだけど
いざ探してみると「これだ、これこれ」というものが見つからず。
そうゆうの結構見かけてる気がするんだけどなぁ。

なかなか思い描いた色味にならない。難しい。

スマートオブジェクトに変換

[レイヤー] – [スマートオブジェクト] – [スマートオブジェクトに変換]
[レイヤー右クリック - スマートオブジェクトに変換]

一発だ。

[段落]パネルから [日本語基準の行送り(デフォルト)] と [欧文基準の行送り]を選択できる。
[欧文基準の行送り]を選択すると1行目から行送りが6pxになる。

[段落]パネルの[ジャスティフィケーション]内から、自動行送りの基準値を設定できる。

photoshopで使っているパターン(テクスチャー)は、使いたい時に使いたい物を自作して即登録しているので今まで気にもしませんでしたが、
例えばCOLOURlovers :: パターンやFtg – Fireworks texture galleryのような素敵サイトから感謝の念をこめてダウンロードしたpng形式のテクスチャー画像を「これちょっとphotoshopでも使いたいのぅ」なんて思ったら
1ファイル1ファイルphotoshopで開いて[編集] – [パターンを定義]しなきゃ駄目なんですね。
プリセットマネージャーへドラッグアンドドロップすれば登録できるんだと思ってた。

1個2個ならいいけど300回繰り返すとなるとなると半端なく面倒臭い。
面倒臭いとモチベーションダウンに繋がるしで良くない。
ほいではどうしたら面倒臭くなくなるか？を考えるわけです。醍醐味です。

バッチ処理とアクションで自動化

バッチ処理という機能を使えばフォルダ単位でアクションを自動化させられるそうだ、これは使わない手はない。

まずパターン登録のアクションを作成

次にバッチ処理に登録
[ファイル] – [自動処理] – [バッチ]

プリセットマネージャーから確認すると全部登録されてた。
バッチ処理すごい！

しかし問題がひとつ。
パターン名がすべて「check02.png」になってた。
なんてこったい、アクションでパターンを登録する時に使った名前に上書きされていくという。
パターン名を空白にするとアクションに登録できないし困った。
気にしなければいんだけど、気になるのがおとめ座B型の性分か。

アクションでファイル名を参照させる方法もあるのかもしれないけど、全然わからなかったので別の方法を考えてみる事にする。

スクリプトってやつを使ったらどうだろう？

バッチ処理を検索すると、アクションとセットで登場するスクリプトというのがある。
これでどうにかならんかね？と調べてみた結果が前回のエントリーなわけです。

ScriptingListenerJS.logが吐き出すソースをパク参考に以下の.jsxを作成

// ==========
// 登録する
// ==========
var idMk = charIDToTypeID( "Mk  " );
    var desc1 = new ActionDescriptor();
    var idNull = charIDToTypeID( "null" );
        var ref1 = new ActionReference();
        var myPtrn = charIDToTypeID( "Ptrn" );
        ref1.putClass( myPtrn );
    desc1.putReference( idNull, ref1 );
    var idUsng = charIDToTypeID( "Usng" );
        var ref2 = new ActionReference();
        var idPrpr = charIDToTypeID( "Prpr" );
        var idFsel = charIDToTypeID( "fsel" );
        ref2.putProperty( idPrpr, idFsel );
        var idDcmn = charIDToTypeID( "Dcmn" );
        var idOrdn = charIDToTypeID( "Ordn" );
        var idTrgt = charIDToTypeID( "Trgt" );
        ref2.putEnumerated( idDcmn, idOrdn, idTrgt );
    desc1.putReference( idUsng, ref2 );
    var idNm = charIDToTypeID( "Nm  " );
    var docName = app.activeDocument.name;
    desc1.putString( idNm, docName );
executeAction( idMk, desc1, DialogModes.NO );

// ==========
// 閉じる
// ==========
var idCls = charIDToTypeID( "Cls " );
executeAction( idCls, undefined, DialogModes.NO );

どうもバッチから直接.jsxを呼べないようなので
それをアクションに登録

本当はjsxにバッチ側が受け持つ「指定フォルダにファイルがあったら開く」処理を書ければいいのだろうけど、まだわからないので仕方がない。

実行結果

ご自由にどうぞ

add-Pattern.jsx｜画像をファイル名でパターンに追加する.jsx

ガイドに目を通す。
Program Files\Adobe\Adobe Photoshop CS3\以下あたりにあるフォルダ

• スクリプティングガイド\Photoshop CS3 Scripting Guide-J.pdf / 日本語
• スクリプティングガイド\Photoshop CS3 JavaScript Ref.pdf / 英語

肝心な方が英語＞＜

Fireworksの「手順をコマンドとして保存」のような機能を追加。

スクリプティングガイド\ユーティリティ\ScriptListener.8li を
プラグイン\自動処理に複製

デスクトップにScriptingListenerJS.logが作成される。。

[追記 / 20100428]
ほっといたら.logファイルの容量がすごいことになってた。
定期的に削除するか、.logが必要無いときはScriptListener.8liを削除したほうがいいかも。

保存場所

プリセット\スクリプト内に置けば[ファイル] – [スクリプト]に表示される(と思う)

参考にさせていただきました。

そらかぜ工場 Photoshop Scripting 覚書き

Adobe Photoshop CS3自動化作戦

スクリプト内に日本語を含む場合にはUTF-8 (Unicode)の文字コード (できればBOM (Byte Order Mark)付き)にする必要があります。

1. [イメージ] – [色調補正] – [白黒]
2. [イメージ] – [色調補正] – [彩度を下げる]
3. [イメージ] – [色調補正] – [色相・彩度] での 彩度を-100(色彩の統一にチェック入れたり入れなかったり)
4. [イメージ] – [色調補正] – [チャンネルミキサー] – [モノクロにチェック](2009-12-19追加)

で、うちは3番目の方法を使っています。
なぜかと言うと、以前

[彩度を下げる]だと一発でモノクロになって楽チンだけど、 あえて[色相・彩度]の彩度を-100にして作るモノクロの方が綺麗だ！

という話を聞いたような気がしているので、それからずっと3番の色相彩度から彩度-100でモノクロにしてました。

はたして本当にそうなのか？

あるぇ？どうも同じっぽい。
ほかの画像で試してみても同じようだった。
今までいったい何を信じてたんだろう（笑

では次にセピア。

さっきつくったモノクロ画像からだと
[イメージ] – [色調補正] – [カラーバランス]
階調のバランス3つのカラーレベルを左から+20,0,-20あたりにするみたい

_結果

退色した画像にしては濃い、と思う。

モノクロにする前の画像から一発で変換するには
[イメージ] – [色調補正] – [色相・彩度] で色彩の統一にチェックを入れて
上から30～40、30、5～10あたりにするといいみたい

_結果

退色した画像にしてはまだ濃い、と思う。

ところで、セピアセピアいうけど、実際にセピア色な写真をちゃんと見た記憶がないです。
古いポラロイドで退色してるのならあるけど、それとはまた違うんだろうな。
なわけで加工してても「(僕の頭の中の)セピア風」にしかならないような微妙な気分。
スキャンしてアップされてるもの見ても、実際の色味とは違うだろうし信じきっていいものかと半信半疑。

ちなみにwikipediaでセピアを検索してみたらカラーコードが載ってたよ。
あとセピアってもともとはイカ(墨)の事だったのね。

wikipedia｜セピア
セピア(sepia)は、イカ墨を原料にした顔料、もしくはイカ墨そのもののこと。また、その顔料のもつ黒みの茶色をも意味する。かつてモノクロ写真などにこの色のインクが用いられたために、古い写真は薄い褐色に色褪せた。

あ、ほらやっぱり
モノクロ写真のインクだったわけだから、ポラロイドのカラーが退色したものとは別ものだろうな。

sepia

16進表記

#6B4A2B

RGB

(107, 74, 43)

HSV

(29°, 60%, 42%)

マンセル値

5.2YR 3.3/3.9

ん～これがセピア・・・！？

レイヤー・オブジェクト関係

レイヤー効果を別のオブジェクトにコピー

	レイヤースタイルをコピー レイヤースタイルをペースト
	Ctrl+C Ctrl+Shift+Alt+V

選択範囲をコピーしたレイヤー

	複製したいレイヤーを選んでCtrl+J
	複製したいオブジェクトを選択して Ctrl+Alt+D(複製、位置がずれる)か、Ctrl+Shift+D(クローン、重なって配置)

レイヤーから選択範囲作成

	Ctrl+対象レイヤークリック
	対象がベクターの場合 / パスをマーキーに変換 ビットマップの場合 / レイヤーパレットのオブジェクトをAlt+クリック

ビュー・画面表示

表示100%

	Ctrl+Alt+0
	Ctrl+1

ガイド関係

ガイドをキレのよい単位で置く

	Ctrl+R / ルーラー表示 Shift+ガイド
	Ctrl+Alt+R / ルーラー表示 [画面表示 - グリッド - グリッドの編集]で5pxなど好きな単位にする グリッドを表示(Ctrl+Alt+G)、グリッドに吸着(Ctrl+Alt+Shift+G)にもチェックをつけておく。

色

	スウォッチ
	色見本

photoshopの色選択(なんていう名前かわからないけど、SとBをXY軸で弄れて、Hをスライダーで動かせる)みたいに使いたいんだけれど
Fireworksでそれは出来ないのかな？
カラーミキサーでHSBを選択しても3軸動いてしまって使いづらい。

[追記:2009/11/04/3:41]
だがしかし
Using the Color Palette panel in Fireworks CS3
カラーパレットパネル1.25が面白い。

ガイドと色選択の違いが個性なのかな。

psはガイドをガンガン引いて、吸着させて配置させるのが楽だけど
fwはプロパティパネルからx,yを入力させて配置してくのが基本なのかな、グリッドは常に表示させるには邪魔過ぎるし、起動するたび36pxに戻るしで面倒。

あとで調べるとかメモとか困ることとか

角丸関係
photoshopは角丸の半径がpxで細かく指定できる。
後から簡単に変更は出来ない。
バウンディングボックスでサイズ変更したりすると比率が変わる。
白矢印で任意のパスを選択してシェイプの大きさを変えれば問題ない。

fireworksは角丸の半径を%？で指定するので矩形の大きさが変わると角丸のサイズも変わってしまう。
たとえば、w100h50で角丸の半径100%のと、w200h100の矩形の角丸を同じにするにはw200h100は角丸の半径50%にしないといけない。
これどうにかならないかな。
cs4だと%とpxを選択できる。

基本の角丸長方形の描画

角の丸みをパーセントかピクセルで指定します。丸みをピクセルで指定する場合、最大値は長方形の短辺の長さの半分です。それより大きな値を指定しても、効果は強くなりません。

1.ツールボックスの「ベクトル」セクションで長方形ツールを選択します。
2.カンバス上でドラッグし、長方形を描画します。
3.プロパティインスペクタで、「丸み」ボックスの右側のポップアップメニューからパーセントまたはピクセルを選択します。パーセントを選択した場合は、スライダをドラッグするか、ボックスに 0 ～ 100 の値を入力して、パーセント値を指定します。ピクセルを選択した場合は、長方形の短辺の長さの半分以下の値を入力します。

ドラッグしているときに上向き矢印キーまたは右向き矢印キーを押すと、角が丸くなります。下向き矢印キーまたは左向き矢印キーを押すと、カーブが小さくなります。

Ctrl+TやCtrl+Shift+Tで変形するとphotoshopとのバウンディングボックスでサイズを変更したりするときと同じように比率が変わる。
かと言ってパスを選択して変形させるとプロパティパネルから「角丸の半径」がなくなり簡単に角丸のサイズを変更できなくなる。
そうするとパスが使いずらい分だけFireworksは圧倒的不利だ。

けど以下で配布されてるコマンドを使えば問題ないみたい。
問題ないどころかphotoshopより全然楽チンに変形できますね、これはすごい。
Fireworksでくずれた角丸を元通りにするコマンド｜きんくまデザイン
うちもjsf作れるようになりたひ。

とりあえずpxで角丸をコントロールする方法はないものか？

シェイプとかふちどり線の透明度
fireworksはphotoshopに比べると割と簡単にシェイプを縁取り出来る。
ただそれぞれの透明度を別々に変更しようとすると、恐ろしく手間がかかる。

プロパティパネルにある透明度は、シェイプ本体+線をまとめて変更する大雑把なものぽい。

せっかく線と塗りをの色を別々に設定できるんだから、オブジェクトの透明度とは別に、線と塗りにもそれぞれ透明度を追加すればいいのに。

ちなみに線のほうは[ストロークオプション - 詳細設定 - インク量]で変更できたが階層が深くて面倒くさいし危険、そのうえプロパティパネルの線の色表示部分に透明度は反映されない。
つまり黒(#000000)が指定されてると
透明度50%(#7f7f7f)でも、線の色の表示は#000000のままだから
(思いっきり透明度を変更していた場合は気づくだろうけど)
微妙に調整した時はいつまでもずっと気づかないまま、微妙に色が違う状態で制作していくことになるかも。

忘れなきゃいいんだけど、ひさしぶりに開くファイルもあるだろうし忘れないでいるのは難しいんじゃないかと思う。
だからこそすぐに判る場所で透明度が確認変更できるようになってないとダメなんだろうけど、先に書いたように階層が深いの危険。
ちなみに塗り単体のアルファは変更出来ないみたい。

photoshopライブエフェクトを使っても、結局塗りの透明度を変更すると線の透明度も変わってしまうので使い物にならない。

なので別々にコントロールしたい場合は塗りのシェイプの上に線のシェイプを重ねる？しかないのかな。

[追記:2009/10/30/17:36]
思いついた
塗りをグラデーションにすれば、線の透明度とは別に塗りの透明度をコントロールできるかもしれない。

レイヤーの描画モード：覆い焼きカラー

フォルダの描画モード：覆い焼きカラー

レイヤーの描画モード：覆い焼きカラー｜高度な合成変更

フォルダの描画モード：覆い焼きカラー｜高度な合成変更

ちなみに、[透明シェイプレイヤー]のチェックボックスの位置は、レイヤースタイル – レイヤー効果：カスタムのところ。

Documents and Settings\＜ユーザ名＞\Application Data\Adobe\Photoshop\9.0\Adobe Photoshop CS2 Settings
の
Brushes.psp

いやー探した探した
.abrで保存されてるわけじゃないんだねぇ

レイヤー効果を使って、グラデーションとか着色とか境界線とか描くと
いくらでも変更が効くし、なにしろお手軽で便利。
けどレイヤー効果にはフィルタが掛からない。

どうにかならないかなー？と試してみた。

結論から言うと、「レイヤースタイルをレイヤーに変換してそれにフィルタを適用」で代替にならないかな？
レイヤー効果の再利用性というのか非破壊性というのかそうゆうのは失われるけど、レイヤー効果を別の方法で作るよりは簡単。

なんでレイヤー効果にフィルタを使いたくなったかっていると
レイヤースタイルのグラデーションにガウス(ぼかし)を掛けたくなったから。

そんなん普段は新規レイヤー(ctrl+shift+n)作って好きなグラデーションで塗れば済むわけで、そうしてるけど、レイヤースタイルのグラデーションの位置とピッタリ一緒にするのって中々面倒くさかったりする(やり方やコツがあるのかもしれないけど、あいにく知らない)。

たとえば、400pxのカンバスに半径180pxの円を線幅20pxで描いて、それにガウス(ぼかし)を掛けたい時

うちが使う方法だと
半径180pxと半径160pxの円のカスタムシェイプ（じゃなくてもいいけど）を描く
大きい方のレイヤーをctrl+クリック(選択範囲作成)
続けて小さい方をctrl+alt+クリック(選択範囲削除)で選択範囲を作成して塗りつぶす。

それか半径180pxの円と半径160pxのシェイプで中マドにする。

そこから「ガウス(ぼかし)」をかけてました。

最初の円を、レイヤー効果の境界線で用意してあったとして
レイヤースタイルにフィルタが掛かるならそのまま「ガウス(ぼかし)」で済むけど、出来ない(やり方がわからない)。
だからわざわざ別の方法で作り直してフィルタをかける。
これがちょっと面倒くさい。
ってあれ、最初のお題目に話が戻った。

えーっとそれで
いままでレイヤー効果は全部、レイヤーを右クリックして「レイヤー効果」から選んでいたんだけど、別の場所からもレイヤー効果を掛けられる事に今さっき気づきました。

どこかというと上部ツールバー？の「レイヤー – レイヤースタイル – レイヤー効果」から

そしてその中にはレイヤーを右クリックした時とはちょっと違うものがあったんです
レイヤー – レイヤースタイル – レイヤーを作成(R)
これやると、どんなレイヤーが作成されるかっていうと、レイヤー効果がレイヤーになる。

半径180pxのカスタムシェイプにレイヤー効果で20pxの境界線を線の位置内側に設定してあるレイヤーを作成すると

これ境界線の位置が中央だと境界線だけのレイヤーが出来るのに内側と外側にしておくと、一発では出来ない。
いまいちまだ挙動がわからない。
中央だとちょっと使いづらいんだよなー。

でもとりあえず元となったカスタムシェイプ(画像でいったら下側のレイヤー)で選択範囲を作って、上のレイヤーを選択してctrl+Jすれば完成。

たとえば、下のような画像があって

ちょっと縁(ふち)を濃くしたいなーと思う事がありますが

上の画像だと、全体の色が#badc1c（■）で、線の色が#a9c819（■）
いつもの使い方だと境界線に#a9c819（■）を指定してたんですが
境界線を黒で書いて不透明度変更させていけばいいかと（シャドウ(内側)でチョークを100%にしてサイズを1pxにするイメージで）やってみると、なんだか色が混ざらない。

これはおかしいな？と境界線を10px、位置は内側で再現してみたらなんということでしょう、こうなっていました。

境界線の不透明度を0にすると、こう。

ﾀ━━━━･(ﾟ∀ﾟ)･∵━━━━.ﾝ!!!!

えー！？
なんで？？シェイプ(というかオブジェクト)まで透明になるの！？

知ってましたか？

これ実は簡単にpxに変更する方法があるんだけど再起動すると%に戻る。
まぁ知ってる人は知ってて知らない人は知らない、空席をのぞけばほぼ満員的な、知ってても全く役に立たないphotoshop（win）のお話。

やり方

オプションバーのw:とh:の横のinputの上で右クリックすると単位を選べる。以上。

あまり役に立たないのは、最初に書いたように次にphotoshopを立ち上げると%に戻ってる事と、
単位を変更しても、変更した単位を基準にサイズの変更をしてくれずに%で処理される。
つまり、pxを選んでいても、サイズを変更する時に数字を入力したあとにpxを付けないと%として扱われる。

けど、毎回psを起動するたびに適当なオブジェクトの端っこをつまんでw:100%h:100%てなってるところに
「px」とだけ入力して単位を変更する事にくらべたら、右クリック一発で変更できるぶん便利。

まぁでも1回自由変形を使って%以外の単位でサイズ変更すると
次に自由変形をした時その単位を記憶してる（pxで変更したら、次もpxでサイズが返る）ので、photoshopを起動するたびにわざわざ右クリックして単位を変更する必要も無いかもしれないですけど。

サイズといえば情報パネルからも確認できるようだけど、
うちはオブジェクトの端っこをクリックしてサイズをチェックする事が多いです、視線移動が楽なんです。

ちなみに今回作ったシェイプ
オプションバーと情報パネルでheightの値が1px違う結果に…

拡大して確認すると情報パネルの値が間違ってるような気がする。

タブ使いづらいなーって時は
環境設定 – インターフェイス – タブでドキュメントを開く(O) のチェックを外すと良いですよ。

fireworks CS4のUIのフォントサイズを変更するにはどうしたらいいんだろう？