スポイトで吸った色の乗算前の色がわからない。レイヤー統合されちゃってる。 乗算後の色と、乗算前の片方の色は解ってる。じゃあ計算しよう、というだけのスクリプトを作りました。 アニメ塗りとか、色むらのない塗り方じゃないとあんまり意味ないです。 痒いところに手が届きそうで届かない。 たとえばこの猫の絵の影色が知りたい場合、影のかかった部分の色を「乗算後」 影がかかってない部分の色を「乗算１」に設定すると 「乗算２」に影色が算出されます。 数値は16進数RGBの値を入れてください。 Photoshopは乗算色を算出するときに小数点以下を四捨五入してるので この算出結果もRGBそれぞれで1くらいの誤差はでます。 乗算後 乗算１ 乗算２ 仕事でたまにこの事態が発生して、計算式を表計算ソフトで作ってたんですが 職場のPCに表計算用のソフトが入ってなくて面倒だったのでもうWebに置いとこうみたいな、自分用

All-in-one color tool for creators

「配色えらびのベストな方法が知りたい」 「イメージにあった色をもっと手軽に選びたい」 「色がなかなか決まらない」 「配色えらびにAIを活用してみたい」 この記事では、配色えらびが苦手なひとに役立つ無料ツールをまとめてご紹介します。 ２０１６年８月の初投稿から９年かけてわたしが見つけた、実践向けの配色ツールをカテゴリ別に揃えました。 リンクの切れたツールは削除し、新しいデザインツールを追加した最新版にアップグレード。 配色の基本ルールを頭に入れておけば、お気に入りの色を効果的に見つけることができますよ。 コンテンツ目次 普段使いできる便利ツール（17個） ワンクリック、人工知能系ツール（20個） マテリアルデザイン系ツール（4個） Webデザイン・UIデザイン関連ツール（21個） 写真から抽出系ツール（2個） インスピレーション系ツール（14個） グラデーション関連ツール（29個） 配色カラ

Visualize The CSS Color Function.

正円とか正方形を中心に配置するのは簡単ですが、見た目の中心が中央にないものを中心に配置するためには、見た目のウェイトから中心を見つける必要があります。 画像の見た目の中心を見つけることができるオンラインツールを紹介します。 アイコンをサークルに配置するなど、バランスがちょっと悪いなという時にチェックしてみるといいですね。 Visual Center Visual Center -GitHub Visual Centerは画像にあるすべてのピクセルを対象に、見た目のウェイトを測定し、そのピクセルと背景色との差の平方根を算出します。その結果から、すべての方向にウェイトのバランスがとれた位置を見つけ出します。 さっそく、すこし不安定なバランスの画像で試してみました。

デザインやイラストで配色を考える時、アクセントカラーは非常に大切です。 Webデザインだと目立たせたいコンテンツやボタンに、イラストだと単調な配色を引き締めたり、アイテムや小物を際立たせることができます。 配色のセンスや知識がなくても、ベースカラーにぴったりなアクセントカラーを簡単に見つけられる方法を紹介します。 便利な無料ツールを利用しよう ベースカラーを用意 アクセントカラーの選び方: その1 アクセントカラーの選び方: その2 アクセントカラーのダウンロード 便利な無料ツールを利用しよう 無料で利用できるオンラインのカラーツールがたくさんあるので、それを使用します。 今回は無料で利用でき、登録など面倒なことも一切ない「Paletton」を使用します。

ツールの使い方 色を赤・緑・青の3つで表現する「RGB」と、同じく色を色相・彩度・明度の3つで表現する「HSV」と「HSB」を相互変換するツールです。HTMLなどで使う16進数カラーコードとの変換も可能。 Webブラウザ上で動作するので手軽に利用できます。 RGB値をHSV値に変換したい場合は、RGB値の欄に変換する値を入力してください。 HSV値をRGB値に変換したい場合は、HSV値の欄に変換する値を入力してください。 HSB値を変換する場合はHSVの欄にH値・S値はそのまま、B値はV値の部分に入力してください。 値を入力すると、変換後の値が自動的にセットされます。 RGBの各パラメータは0～255の値で表示されます。 HSVはデフォルト設定だとHが0～360、SとVは0～100で表示されますが、Hを0～100、SとVを0～255の範囲に変更することもできます。 HSVとHSBの違い 「

NaBaBa @NaBaBa 絵を描く上で一番参考にするのは写真だが、最近は必ずDAZ Studioでポージングから始める。ポーズの立体的な構造を把握するのに役立つし、最新バージョンでレンダリングが強化されて、照り返しとか大局照明の確認に役に立つ。今回の絵でもこの点が非常に効果的だった。 2015-07-12 23:04:56 NaBaBa @NaBaBa ラフが兎に角雑なのを改善したい。本当に上手い人はラフから綺麗で、完成までイメージがぶれない。それと5番目で顔つきがかなりリアル寄りなったが、それ以前のバランスも悪くは無かった。とは言え今回の顔つきは満足している。次回はもう少しデフォルメを強くしたい。 2015-07-12 23:07:35

こんにちは、ライターのナッツです。 突然ですが、Shareaholicのレポートによると、ソーシャルメディアからのトラフィックはPinterestがTwitterを抜いて2番目の参照元となっているようです。（1番多いのはFacebook） 参考：Shareaholicレポート https://blog.shareaholic.com/social-media-traffic-trends-10-2014/ この調査結果は、魅力的なビジュアルコンテンツはサイトへ多くのトラフィックをもたらしてくれる可能性を示しています。 しかし、私のようなノンデザイナーにとって「魅力的なビジュアルコンテンツ」をつくることはなかなかハードルが高いもの。そもそもPhotoshopとか持ってない！という方がほとんどではないでしょうか。 そこで今回は無料で使えるビジュアルコンテンツ作成ツールを紹介していきたいと思いま

仕事上良く人体の構造を確認したり、イラストを使用したりするのですが、3DのモデリングソフトであるDaz studioなんかをいちいち立ち上げてモデルを探して…という手間をかけるより、ブラウザでさっと見たい時に使用するWebサイトをご紹介します。 Zygote Body こちらは元々Google Body BrowserというGoogleマップの様に人体を見る事ができるサイトだったのですが、いつの間にかZygote Bodyという風に名称が変わっていました。 立ち上げるとまずは女性か男性かモデルを選ぶ事ができます。 今回は男性モデルを使用。データの読み込みには時間がかかりますが、表示されると男性が凛々しい表情で立っています。 表示したい階層を選択出来る 画面左にあるバーを調整するだけで、「骨だけ」や「臓器だけ」など様々な人体の秘密を探る事ができます。 こちらは血管と神経だけを表示させてみまし