これでもうPhotoshopの描画モードに迷わない！ 「乗算」「焼き込みカラー」など、各描画モードがどのように機能するか解説
Photoshopなどのデザインソフトにある「乗算」「スクリーン」「焼き込みカラー」「覆い焼きカラー」など、各描画モードがどのように機能するかを解説します。 それぞれの違いがよく分からない、どんな効果があるのか分からないという人に、これを読めば描画モードでどれを使うか迷うことはなくなります。 Blending Modes by Dan Hollick (@DanHollick) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 描画（ブレンディング）モードとは 各描画（ブレンディング）モードについて解説 はじめに 見た目が思い通りになるまで、描画モードをいろいろ試していませんか？ 描画モードの種類 この記事を読んでもあまり変わらないかもしれませんが、少なくとも「比較（明）」や「比較（暗）」を使用することはなくなるでしょう
グレースケール漫画に最適なトーン濃度（%）の決め方 | hikarium
はじめに：トーン部分をグレーで塗る理由 Web漫画はトーン部分がグレー（灰色）であることが多い。 紙面では白黒印刷ゆえに点の密度で濃淡が表現されているトーンですが、液晶ではその必要がないからです。むしろ画像が拡大縮小されるため、点ではなくグレーで濃淡を表現した方が安心安全。 また、グレーにしておけば… ・後でカラーで塗りたくなったときに対応しやすい というメリットがあるし、 あとで「印刷物にしたい！」と思ったときに ・グレーからトーン化できるソフトがある ・大抵の印刷所はグレースケール印刷に対応してる ・印刷物の大きさによってトーンの大きさを変えられる と対応出来る点も安心なのです。 トーン濃度（%）の決め方 印刷を想定して色を決めよう 今は個人で印刷所に依頼をして本を出す方も多いので、印刷所で「このくらいの濃さだったら印刷で出ますよ」と基準を出している場合が多いです。 下記サイトを参考に
映画でよく使われる色調の調整技法・ティール&オレンジを用いると写真がめちゃエモい仕上がりに！実例いろいろ集めてみました
リンク Yugoの不思議な音楽の国 シネスコ（シネマスコープ）とは？動画をシネスコにする方法も紹介！ 今回は映画でよく使われるシネスコ（シネマスコープ）とは何か？一体どんな比率なのか紹介していきます💡 以前「映像に合わせて音楽を付ける方法」で公開した映像で、動画を映画のシネスコに設定していたところ、どのようにシネマスコープサイズに加工する 6 リンク helpx.adobe.com 映画っぽい雰囲気の写真に仕上げることはできる？ 映画っぽい雰囲気の写真に仕上げることはできる？ - スマホで「できる」基礎からはじめる映える写真の撮り方と仕上げ方 第21回 2 users 𝖇𝖊𝖊𝖊𝖊𝖊 @beeeee0215 ティール＆オレンジとは、アクア〜ブルーをベースに乗せることで、その色と逆色の色相環のオレンジ（≒人肌）が際立つ手法ですね シネマでよく使われるカラーグレーディングで、スチル
PANTONEが選ぶ2020年の色「Classic Blue」を使った配色例
2019年12月12日 インスピレーション, 色彩 毎年恒例、PANTONEによる「来年の色」が発表されました！2020年は夕暮れの空を連想させる「Classic Blue」です。穏やかで安心感のある落ち着いた色ですね。そんな「Classic Blue」に注目してみたいと思います。 ↑私が10年以上利用している会計ソフト！ 「Classic Blue」ってどんな色？ 広大で永遠に続くような夜空や海の深い青。寒色ですが、見ているだけでスッと心が安定する優しさも感じられますね。様々な色と組み合わせやすいベースカラーとしての役割もできそうです。 色の具体的な数値は以下の通り： PANTONE：19-4052 Classic Blue カラーコード：#0F4C81 RGB：R15, G76, B129 CMTK：C100, M76, Y25, K0 「Classic Blue」色の写真素材 Ado
この画像の2つの球体、青と緑に見えるけど実は同じ色らしい……本当？→拡大、ドット＆背景の色抜きなどで検証してみると……
David Novick @NovickProf Two-color Munker illusion with small dots over large spheres, which appear to be blue and green but have exactly the same base color (RGB 49,255,233). Shrinking the image increases the effect. Original png file is at bit.ly/2O74l2I. pic.twitter.com/IoOmvBa3Va 2019-05-28 12:20:56
"絵を描く時に影の境目に別の色相を入れるとリアルになる"けど色の法則はあるの？→考察や解説が続々集まる
ヤマモ卜ヒ口ユキ （Hiroyuki Yamamoto） @yam_owl この影の境目に別の色相を入れる手法。なぜか最近までやってなくて、最近やってみたらリアリティにものすごい差があってびっくりしてるのですが、どの色を選んだらいいのか。という法則ってあるんですかね。写真のリファレンスがあれば一番でしょうけど、、 pic.twitter.com/U6a0N6w42b 2019-05-10 13:32:27
飼い猫に可愛い首輪を買っても面白いぐらい似合わない色があるので、猫にもパーソにゃルカラーがあるのではないか「その通りだった」「似合わなくても可愛い」
ミカサにゃんの飼い主 @MikasaLove611 パーソナルカラーが秋冬の黒三毛に、春カラーのストライプ首輪を合わせた例。柄は可愛いですが、秋冬カラーの蝶首輪の方が似合ってます。。。ですが似合わなくても飼い主が可愛いと思った首輪を付けてあげたいですよね( ；∀；) pic.twitter.com/KHNvDFnlBB 2019-02-16 19:56:06
Webデザイナーはチェックしておきたい、最近のUIデザインで注目されているカラーのまとめ（スウォッチ付き）
有名ブランドで採用されているカラーをはじめ、Material DesignやiOS 8で採用されている落ち着いたパステル、同一色相の美しいグラデーションなど。 最近注目されているカラーをまとめたPhotoshopのスウォッチを紹介します。Illustrator用のもいくつかあります。 Color palette -Material Design 2015年、多くのWebデザイナーが注目しているMaterial Designで使用されているPhotoshopとIllsutrator用のスウォッチファイル。フラットなカラーと同一色相のグラデが特徴的です。
Apple・Google+・WordPressなど各社のブランドのカラーをまとめた「Guideline Colour」
知名度の高い企業やブランドなら「あのブランドといえばこの色」というブランドカラーが存在します。Twitterであればプライマリカラーのカラーコードは#55ACEE、Facebookの場合は#3b5998といったことが規定されているわけですが、各企業がブランドの指針について記すガイドラインでどんな色を規定しているのか？ということをカラーコード付きで調べられるのが「Guideline Colour」です。 Guideline Colour http://guidelinecolour.com/ トップページには各社のガイドラインの色見本が企業のカテゴリごとに並べられています。Vine・Google+・SoundCloudなどは「SOCIAL(ソーシャル)」のカテゴリ。 「SERVICE(サービス)」にはSkypeやDropbox、Spotifyなど。 Apple、BBC、WordPressなど
【スウォッチ】 綺麗だなと思った写真からカラーパレット化してストックしておく
エイプリル・フールですね。でもこの記事はネタじゃないので普通に読んでいただければと思います（笑）あ、そういえば今日はヒゲを剃りましたよ。ちょっと剃り残しちゃったけど、すぐ戻ります。 さて、Dribbbleとかってそれぞれの作品にカラーパレットが登録されていますよね。 それから検索できたり、便利。 Dribbbleのカラーパレット。.acoファイル(Color Swatches)もダウンロード出来る なんかキレイなカラーパレットって、見てると嬉しくなりませんか？ なりませんかそうですか 好きな写真からカラーパレットを作る 普段、綺麗だなーと思った写真から、メインの色を抽出してカラーパレットとして並べておくんです。 並んだカラーパレットには名前なんてつけてあげちゃって。 根暗でしょう？ でもけっこうデザインする時に役に立つんです。 色の組み合わせ、感情というかストーリーが出
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
[JS]テキストや背景のカラーをアニメーションで変更するスクリプト -Color Animations
テキストや背景のカラーをアニメーションで少しずつ変更するスクリプトをDesizn Techから紹介します。 Playing with jQuery Color Plugin and Color Animation demo デモでは、テキストのカラーを変更するもの、背景を変更するもの、それぞれ異なるカラーに変更するものなどがあります。 テキストのカラーを変更する場合は、下記のように指定します。 <textarea name="code" class="html" cols="60" rows="5"> $(".first a").hover(function() { $(this).animate({color: "#00eeff" }, 400); },function() { $(this).animate({color: "#FFFFFF" }, 500); }); </textar
ウェブページのカラーコントラストをチェックする -Check My Colours
ウェブページに使用されている全てのテキストと背景のカラーコントラストが充分であるかどうかチェックしてくれるオンラインサービス「Check My Colours」を紹介します。 カラーコントラストをチェックした結果画面 当サイトを試したところ、上記のようになりました。 テキストと背景の判定はスタイルシートから行っているようで、各要素ごとに使用している色とそのサンプル、コントラストが充分かが一覧で表示されています。 テキストが無い箇所や色指定が無い箇所の判定も行うため、一覧は長くなりますが、エラー箇所のみ表示することも可能です。
カラーユニバーサルデザイン推奨配色セット
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（旧･大日本インキ化学工業株式会社） DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱（色覚異常）の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
asahi.com（朝日新聞社）：色のバリアフリーへ２０色 色見本、デザインに活用 - 社会
よく使われる色づかい（上）と、誰でも見分けやすいように考えられた色（下）。厳密な色再現ではない＝伊藤准教授提供 誰でも見分けやすいように工夫した色見本を、東京大や日本塗料工業会などが作った。色覚障害や白内障の人のほか、一般の人にも色を実際に見てもらい、２千色以上から２０色に絞り込んだ。塗料用に続き、印刷インキ用の色見本も近く完成、デザイン業界などで使ってもらう予定だ。 東大の伊藤啓・准教授（分子神経生物学）は印刷インキメーカーのＤＩＣなどと協力、２年前から色見本づくりを進めてきた。実生活で使いそうな色を、屋外で日にあてたり、古い蛍光灯の下に置いたりして、色覚障害の人や白内障手術を受けた人のべ約４０人に見てもらった。 これまでよく使われた色づかいでは、赤と緑は色覚障害の人にとってまぎらわしく、黄色は白内障の人には明るすぎたという。そこで赤はオレンジ寄りに、緑は青みを強く、黄色は濃くした
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マスキングテープの大人気ブランド「mt」のiyamadesignによるおしゃれな配色見本帳 -配色パターンコレクション
新着記事
in the looop | Looops communications
イラストコミュニケーションサービス [pixiv]![イラストコミュニケーションサービス [pixiv]](https://cdn-ak-scissors.b.st-hatena.com/image/square/124551c499cd1b31458761571b9d01a54ae87bf3/height=288;version=1;width=512/https%3A%2F%2Fs.pximg.net%2Fwww%2Fimages%2Fshare%2Fpictures.jpg)
誕生色大辞典 366日の誕生色と色言葉 | 色見本大辞典