タグ別アーカイブ: tips

Macbookディスプレイの解像度の変更

 ## しらんかった

SublimeText「AutoFileName」でルートパスでもsrc属性が設定できるようにする方法があったのか

SublimeText「AutoFileName」でルートパスでもsrc属性が設定できるようにする方法 – FlipClap

SublimeText「AutoFileName」でルートパスでもsrc属性が設定できるようにする方法

stいつまで使うのかしらねわたし

【くり抜きたい】フォトショで白背景に乗算掛けた透過書き出しが厳しい残念な白黒ロゴPSDが送られてきた時【透過で書き出したい】

背景白ベタのモノクロロゴを乗算にして背景色になじませているデザイン確認的にはバッチグーだけどコーダー的にはメランコリニスタなPSDが送られてきた時の対処方法をなむちゃんに教えてもらったのでメモ。

【レシピ】
1)開く
2)乗算の白黒ロゴを選択
3)効果 乗算→通常に
4)ブレンド条件:グレー のスライダーの上の方「このレイヤー」の右端のスライダーを左方向に動かす
コレな↓
レイヤースタイル

以上。
何をしているかというとブレンド条件でこのレイヤーで認識される色相を設定するのだが、それの白い部分を削除しているので、認識されない部分は白くなるというような感じだ多分しらんけど!
よかたよかた。

PSDから画像アセットの生成 について

どんな設定が出来るのって言われたからでてきたURLメモ

ベテランほど知らずに損してるPhotoshopの新常識(4)画像アセットの生成 | Adobe Creative Station

ベテランほど知らずに損してるPhotoshopの新常識(4)まだスライスで消耗してるの?「画像アセットの生成」でスライス不要のサクサク切り出し

Photoshop ヘルプ | レイヤーからの画像アセットの生成
https://helpx.adobe.com/jp/photoshop/using/generate-assets-layers.html

PNG
logo.png 半透明のアルファチャンネルを持つPNG-24
logo.png8 PNG-8
logo.png24 PNG-24

JPEG
.jpg,.jpg8 画質80%
.jpg1 画質10%
.jpg10 画質100%
logo.jpg50% 画質50%
logo.jpg100% 画質100%

複数のファイル logo.png, logo.gif → logo.png logo.gif
大きさ指定(ピクセル) 250×150 logo.png → logo.png(幅250ピクセル、高さ150ピクセル)
大きさ指定(%) 200% logo-retina.png → logo-retina.png(200%の大きさ)
組み合わせ 200% logo@2x.png, logo.png → logo@2x.png(200%の大きさ),logo.png

[2016.01.05 追記]
余白付けられないのって言われて調べてでてきたやつ追記
[Photoshop]画像アセット生成でできること | 株式会社カンマン

[Photoshop]画像アセット生成でできること

グループにマスクする。だいたいこうなるよね。でもデザイナさん面倒そう。
内容物変わると自動で伸びるように出来ひんかなぁ。。。

[add 2016.1.19]
svgだと上記の余白付ける方法は出来ないそうです。
公式がおっしゃっています。
となると、なにかオブジェクトをおかなきゃなのか、、むむむ

エクステンションのコンソールログがうざい

さいきんずっとうざいと思ってた。
chrome-extension://**************/on_content_end.js
ってやつのログがばーばー出るやつ
一段落したから調べたらウイルスバスターのtrendmicroのツールバーのアレだったのね。
うざい。なんでこんなにログ吐くの。見通し悪い。(無知ですみません)

あと、久しぶりにコンソールに色付きの奴出たと思ったらPixi.jsだった。
自分ハート着いてんで。かわええ。

Adobe Creative CloudからDLしたアドオンが認識されない場合

普通はDLして、そのアプリケーションを開いたらメニューに追加されるらしいんだが、ない
おすすめされたエクステンションマネージャインストールしても無理

アンインストールとかしても、無理
仕方なく英語のチェック項目を読む。珍しく解決した

Adobe Exchange
https://www.adobeexchange.com/resources/19

ファイルの同期がoffになっていると認識できないよう!とのこと。

まっさにそれでしたわ!!
アドビさんできること大杉!!!

色の英語名

ダミーやモックでいちいちカラーコード貼るのめんどいからええ色ないかしらべた。

色、,カラーのHTMLタグ:色の名称(英語表記) – livedoor Blog(ブログ)
http://blog.livedoor.jp/html_color/archives/50716737.html

好きな色

turquoise ターコイズ
gold 金色(彩度明度の下がった黄色っぽいかんじ)
navy 私の定番

利用例

See the Pen test canvas moving by Hiroko Nakahara (@hirokona) on CodePen.