photoshop

Photoshopで画像をモノクロやセピアにするとき(結構どうでもいい話)。

画像をモノクロにする際、人の数ほどの方法があると思いますが
お手軽にやるなら以下の3つ4つあたりかな?とおもっちょります。

  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

ん~これがセピア・・・!?

PhotoshopCS3で(個人的に)良く使う機能を、FireworksCS3に置き換えられるか探すテスト。

思いついたものから

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

レイヤー効果を別のオブジェクトにコピー
psicon
  1. レイヤースタイルをコピー
  2. レイヤースタイルをペースト
fwicon
  1. Ctrl+C
  2. Ctrl+Shift+Alt+V
選択範囲をコピーしたレイヤー
psicon 複製したいレイヤーを選んでCtrl+J
fwicon

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

レイヤーから選択範囲作成
psicon Ctrl+対象レイヤークリック
fwicon

対象がベクターの場合 /
パスをマーキーに変換

ビットマップの場合 /
レイヤーパレットのオブジェクトをAlt+クリック

ビュー・画面表示

表示100%
psicon Ctrl+Alt+0
fwicon Ctrl+1

ガイド関係

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

Ctrl+R / ルーラー表示

Shift+ガイド

fwicon

Ctrl+Alt+R / ルーラー表示

[画面表示 – グリッド – グリッドの編集]で5pxなど好きな単位にする

グリッドを表示(Ctrl+Alt+G)、グリッドに吸着(Ctrl+Alt+Shift+G)にもチェックをつけておく。

psicon スウォッチ
fwicon 色見本

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

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

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

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

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

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

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

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

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

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

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

フォルダにかけた覆い焼きカラーと、レイヤーにかけた覆い焼きカラーの違いって何?

フォルダにかけると、高度な合成の透明シェイプレイヤーのチェックがoffと同じになる理由が知りたい。

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

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

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

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

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

境界線の不透明度の理想と現実

かなりの頻度でレイヤー効果の[境界線]を使っていたけど
今まで[境界線にしたい色を指定]していたので
境界線の不透明度がこんな挙動をするなんて気づかなかった。

続きを読む

Photoshopの自由変形(Ctrl+T)で、オブジェクトのwとhを(px)ピクセル表示させる。

ctrl+tやバウンディングボックスの端っこをクリックすると、自由変形になる
このとき数値入力でオブジェクトを変形できるんだけど、widthとheightの初期単位は%で不便。Webをやるならpxにしたいおね。

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

自由変形

続きを読む