2016/07/01 Jedit用の正規表現を一番下に追加しました。UIColors.txtを開いて一気に変更できます。
Photoshopで暗めのUIにしていると、トーンカーブのブルーが見づらいですよね…
CMYKブラックも見づらいですよね…
特にブルーですよ。ありえないほど見づらい。これじゃあかんです。
と言うわけでUIカラーをいじくって、ダークUIでもトーンカーブを使いやすくします。
Photoshopの中身をいじる
いじります。
注意）この改造によるどんな不具合・不利益があっても、こちらは知ったこっちゃありませんよ！バックアップの上自己責任で作業してくださいね！
UIカラーを決めているのは、「UIColors.txt」というただのテキストファイルです。
Photoshop本体のパッケージ内、Macなら「Contents/Required」内にあるこいつを、
とりあえずバックアップ！しておきましょう。
Loading...
',
enableHover: false,
enableTracking: true,
buttons:{layout: 'box_count'},
click: function(api, options){
api.simulateClick();
api.openPopup('facebook');
}});
var $_shareContainer=$(".sharrre-container"),
$_header=$('#header'),
$_postEntry=$('.entry'),
$window=$(window),
startSharePosition=$_shareContainer.offset(),
contentBottom=$_postEntry.offset().top + $_postEntry.outerHeight(),
topOfTemplate=$_header.offset().top,
topSpacing=_setTopSpacing();
shareScroll=function(){
var scrollTop=$window.scrollTop() + topOfTemplate,
stopLocation=contentBottom - ($_shareContainer.outerHeight() + topSpacing);
$_shareContainer.css({position:'fixed'});
if(scrollTop > stopLocation){
$_shareContainer.css({ position:'relative' });
$_shareContainer.offset({
top: contentBottom - $_shareContainer.outerHeight(),
left: startSharePosition.left,
}
);
}
else if(scrollTop >=$_postEntry.offset().top - topSpacing){
$_shareContainer.css({ position:'fixed',top: '100px' });
$_shareContainer.offset({
left: startSharePosition.left,
}
);
}else if(scrollTop < startSharePosition.top +(topSpacing - 1)){
$_shareContainer.css({ position:'relative' });
$_shareContainer.offset({
top: $_postEntry.offset().top,
left:startSharePosition.left,
}
);
}},
shareMove=function(){
startSharePosition=$_shareContainer.offset();
contentBottom=$_postEntry.offset().top + $_postEntry.outerHeight();
topOfTemplate=$_header.offset().top;
_setTopSpacing();
};
setTimeout(function(){
contentBottom=$_postEntry.offset().top + $_postEntry.outerHeight();
}, 2000);
function _setTopSpacing(){
var distanceFromTop=20;
if($window.width() > 1024){
topSpacing=distanceFromTop + $('.nav-wrap').outerHeight();
}else{
topSpacing=distanceFromTop;
}
return topSpacing;
}
$window.on('scroll', _.throttle(function(){
if($window.width() > 719){
shareScroll();
}else{
$_shareContainer.css({
top:'',
left:'',
position:''
})
}}, 50));
$window.on('resize', _.debounce(function(){
if($window.width() > 719){
shareMove();
}else{
$_shareContainer.css({
top:'',
left:'',
position:''
})
}}, 50));
});
内容はこんな感じで、上から順に明るいUI〜暗いUIでのRGB値になっています。後の2項目はとりあえずそっとしてあげてください。
トーンカーブ内のカラーのキー
Plotではじまるキーが、トーンカーブ内の次の項目に対応しています。
| PlotIntersection | コントロールポイントを動かしている時に出る十字線の色 |
| PlotGridLine | メインのグリッドラインの色 |
| PlotBackground | 背景色 |
| PlotGridMidLine | メインを等分するグリッドラインの色 |
| PlotBaseline | 斜め線の色。これだけ場所が飛んでて忘れてたっぽい |
| PlotFrame | 周囲の1pxの枠の色 |
| PlotCompositeCurveLine | コンポジット（RGB/CMYKの明るさ調整）カーブの色 |
| PlotCompositeCurveLineDim | 内側に表示するヒストグラムの色 |
お手軽にやるには、キーを検索したあとで「全部同じ数値にする」か、「2番目以降を同じにする」とよいかと。そうすると、
暗いUIでもトーンカーブは見やすく！なります。
繰り返しますが自己責任で！
記法に沿ってないとPhotoshop起動しませんから。
メモ。コピペして使ってください。３、４番目を2番目と同じにします。
Jeditで、正規表現オン、検索はデフォルト設定で（Ruby）
検索：(Plot.+?¥n)(.+?¥n){2}(.+?),¥n(.+?¥n){2}
置換：¥1¥t¥t¥[¥n¥2¥3,¥n¥3,¥n¥3¥n
',
enableHover: false,
enableTracking: true,
buttons:{layout: 'box_count'},
click: function(api, options){
api.simulateClick();
api.openPopup('facebook');
}});
var $_shareContainer=$(".sharrre-container"),
$_header=$('#header'),
$_postEntry=$('.entry'),
$window=$(window),
startSharePosition=$_shareContainer.offset(),
contentBottom=$_postEntry.offset().top + $_postEntry.outerHeight(),
topOfTemplate=$_header.offset().top,
topSpacing=_setTopSpacing();
shareScroll=function(){
var scrollTop=$window.scrollTop() + topOfTemplate,
stopLocation=contentBottom - ($_shareContainer.outerHeight() + topSpacing);
$_shareContainer.css({position:'fixed'});
if(scrollTop > stopLocation){
$_shareContainer.css({ position:'relative' });
$_shareContainer.offset({
top: contentBottom - $_shareContainer.outerHeight(),
left: startSharePosition.left,
}
);
}
else if(scrollTop >=$_postEntry.offset().top - topSpacing){
$_shareContainer.css({ position:'fixed',top: '100px' });
$_shareContainer.offset({
left: startSharePosition.left,
}
);
}else if(scrollTop < startSharePosition.top +(topSpacing - 1)){
$_shareContainer.css({ position:'relative' });
$_shareContainer.offset({
top: $_postEntry.offset().top,
left:startSharePosition.left,
}
);
}},
shareMove=function(){
startSharePosition=$_shareContainer.offset();
contentBottom=$_postEntry.offset().top + $_postEntry.outerHeight();
topOfTemplate=$_header.offset().top;
_setTopSpacing();
};
setTimeout(function(){
contentBottom=$_postEntry.offset().top + $_postEntry.outerHeight();
}, 2000);
function _setTopSpacing(){
var distanceFromTop=20;
if($window.width() > 1024){
topSpacing=distanceFromTop + $('.nav-wrap').outerHeight();
}else{
topSpacing=distanceFromTop;
}
return topSpacing;
}
$window.on('scroll', _.throttle(function(){
if($window.width() > 719){
shareScroll();
}else{
$_shareContainer.css({
top:'',
left:'',
position:''
})
}}, 50));
$window.on('resize', _.debounce(function(){
if($window.width() > 719){
shareMove();
}else{
$_shareContainer.css({
top:'',
left:'',
position:''
})
}}, 50));
});
すごい！ これどうやって見つけたんですか……。（関係ないけどグリーンモニターを思い出した……）
他のUI要素も変更できたので、某所で話題になっていたレイヤー・チャンネル等の選択状態（ScrollingListSelected）とかブラシプレビュー（BrushPreview〜）も改造してみました。サイズ表示とかテキストは全体で共有してて、テーマに逆らうと見づらくなりますね。