知らないと損する！？色の相性についての考え方と組み合わせの方法 - MIKINOTE
色というのものは、組み合わせ次第で、さまざまな印象をあたえることが出来ます。そういう意味で、何かを作り出す際には非常に重要な要素の1つであると言えます。 ここ最近、僕が読者になっているいるブログのいくつかで、ブログのデザインや配色についての話が多いので、ちょいと書いてみることにしました。 色に対する感覚って、生まれ持ってのセンスだ！という話がけっこう多いです。けれども、「センスが良い配色」と言うのは、結局は色についての理論的なものを知っていないと、なかなか出来ないものだったりするんですよ。美術でもデザインでも、努力はセンスに勝ります。 特に、色と色の組み合わせってのは重要です。単体だと美しい色でも、別の色を組み合わせると途端に汚い色に見えちゃったり、逆に一見するとみすぼらしい色に見えても、別の色と組み合わせるとすごく美しい組み合わせに見えることもあります。 そして、色の相性や色に対するセン
UI/UXデザイナーなら一度は目を通しておきたい「デザイン原則」まとめ【随時更新】
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
写真は怖くない！すごい「Photoshop」マジック小技集２３
作成：2013/07/16 更新：2014/11/01 無料素材 > 写真うつりが悪い、気になるところをサクッと修正したい。今回は、顔や体型を簡単に修正する方法やアクションをまとめました。結構共通する部分が多いですが、顔以外にも使える色々な方法があるのでお試しを。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 髪 １．髪の色を変える ２．髪の毛を切り抜く 肌 ３．シミやそばかすを消す ４．肌を美白にする ５．肌を滑らかにする 顎 ６．顎をシャープに ７．リフトアップ 目 ８．目を大きくする ９．まつげを増やす １０．目のクマ／ほうれい線を消す １１．目の色を変える 鼻・唇 １２．鼻を高くする １３．ぷるるん唇にする １４．歯を白くする 体型・表情 １５．バストアップ １６．ポーズを変える １７．顔の表情・形を変える 背景 １８．背景を消す １９．背景をぼかす
Tinkercad - From mind to design in minutes
Tinkercad is a free, easy-to-use app for 3D design, electronics, and coding.
RGB & HSL
You can use the buttons to alternate between the RGB cube and HSL cylinder of a series of RGB values. The sliders can be used to filter saturation and lightness values, this will let you visualise how saturation and lightness relate to RGB values. When animation is off you can use the W/A/S/D keys to move the camera. You can use Up/Down/Left/Right to rotate the object. RGB colours are made up of a
iPad向けにAdobeがIllustratorシリーズをリリース、Adobe Shape CCと連携して思い通りの絵が手早く作り出せるように
AdobeがiPad向けの描画アプリとして、従来提供していた「Adobe Ideas」からベクター描画ツール＆機能部分だけに絞った新アプリ「Adobe Illustrator Draw」をリリースしました。これはカンファレンス「Adobe MAX 2014」基調講演の中で発表されたもので、このほかに「Adobe Illustrator Line」「Adobe Shape CC」など、モバイル向けアプリが合計9つリリースされました。 Adobe Takes Creativity Mobile at MAX 2014 http://www.adobe.com/news-room/pressreleases/201410/100614AdobeTakesCreativityMobileatMAX2014.html Loads of new @CreativeCloud mobile apps,
Illustratorを入れてれば使用できるフォント一覧（CS3〜CC） - デザインメモ
MacとWindows間で、Illustratorのテキストを編集するデータを作成する機会がありました。 その時に「あらかじめお互いで使えるフォントがわかればいいな」と思ったので、Adobeのヘルプにのっているリストを見ながら一覧を作ってみました。 以下からどうぞ！ Illustrator CC/CS6/CS5/CS4/CS3をインストールするだけで使えるようになるフォント一覧 今回一覧にしたのは、Illustratorをダウンロードしたときに一緒に入るフォントのみです。付属のDVDなどに入っている、あとで追加できるフォントは含まれていませんので、ご注意を。 なので、基本的にIllustratorさえ入れてればOKなフォント一覧ということです！ Illustrator CC … [C] CS6 … [6] CS5 … [5] CS4 … [4] CS3 … [3] ※ （）の中はウェイトご
明日から使える！Photoshopチャンネル＆レイヤーマスクの簡単過ぎるのに「応用効きまくり」な技・どどんと応用しまくりな応用編 – やもめも
効かせましょうそうしよう。 じゃこれを。 人物をもう少し明るくしてやりたい、でも背景はいじりたくない。とします。 でも、参考エントリの方法ではうまくいきません。 Cmd(ctrl)+Option(Alt)+2、でRGB合成チャンネルからグレースケールを拾って、反転してトーンカーブのレイヤーマスクにするだけでは、 背景も明るくなり過ぎちゃうんですよね。これはこれで…な気もしないでもないけど、やっぱ下手なHDRぽくて嫌。 というわけで、マスクをきっちり編集しましょう。方法は二つあります。 ①マスクをトーンカーブで編集する チャンネルパレットの「RGB」をCmd(ctrl)＋クリックするか、Cmd+Opt(Alt)＋２（キーボードショートカットで「従来のチャンネルショートカットを使用」していない場合。チェックを入れている時は「＾」）を押して選択範囲を取り、すぐさまＱでクイックマスクモードに入って
色度図作成ソフト ColorAC のページ
最新情報 サイトを http://phonon-spectrum.com/ に移転しました。 旧サイトにアクセスすると自動転送されます。 このサイトについて（作成しているソフト） Phononと申します。 ここは色度図（Chromaticity Diagram)を作成するプログラム ColorAC（カラーエイシー） の開発のサイトです。 ColorACは Phononの自作ソフトです。色度図（の画像）を作成するPC（Windows)のアプリケーションです。 色度図を作るソフトはほとんど見当たらないので、作ってみました。 業務での利用も特に制限無く可能です （詳細は 説明書 ColorAC_doc1.PDF 参照）。 開発環境はWindows7、VS2017 VC++ (MFC)で開発しています。 不完全な部分が残っていますが、ベータ版として公開しています。 色度データをグラフにプロットする
Illustratorテクニックとフリー素材まとめ | コムテブログ
作成：2013/10/21 更新：2014/11/01 無料素材 > フリー素材は沢山あるけれど、どこに何があるか分かりにくい。ロゴやイラストを作るのにまたあのサイトを探さないといけない。そういったことで１回まとめました。今回厳選したつもりですが、それでも量が膨大になったので簡潔にリストアップしてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ フリー素材まとめ ダウンロードしておきたいフリー素材一覧 Illustrator のチュートリアル 小技 基本テクニック フリー素材まとめ ダウンロードしておきたいフリー素材一覧 ロゴやイラストを作ったりするときに役に立ちそうなアイコン、ベクター、背景、テクスチャ素材をまとめました。少し変わったモノが多いですが、筆者が何度もアクセスしてしまうブクマ一覧です。 学校や教育関係／アイテム全200種類のアイコン素材 -
human pictogram 2.0 (無料人物 ピクトグラム素材 2.0)
ヒューマンピクトグラム2.0は、非常口のあの人のピクトグラムをTopeconHeroesダーヤマの好みで拡張、ストックしていくページです。 このサイトにストックしたピクトグラムは、WEB制作や会議の資料、企画書などのデザイン素材として無料で利用可能です。 ただし素材そのものの再配布、販売はNGっす。なお2.0だからって拡張元のピクトグラムに比べ優れている訳ではありません。 犬の散歩のピクトグラムその３ 飛び膝蹴り 社長、部長 ショートカット 手荷物検査 略奪婚 結婚式のピクトグラム 神父、牧師 ちゃぶ台返し 2 水球 ピクトグラム シンデレラ サムライ 3 サンタクロース 2 サンタクロース バーテンダーのピクトグラム2 バーテンダー 銅鑼 銅鑼をドーン 虫取り少年 少年時代 やり投げ 食事をするピクトさん 演説するピクトさん エスカレーター 下校する子供
「5分で分かる製作現場」関連の最新 ニュース・レビュー・解説 記事 まとめ - ITmedia Keywords
5分で分かる製作現場（10）： 5分で分かるインフォグラフィック 路線図などで活用される「インフォグラフィック」。テキスト情報や数値データなどを1つのグラフィックに集約し、分かりやすく人に伝えるための表現方法だ。（2013/8/6） 5分で分かる製作現場（9）： 5分で分かる著作権～まずは基本を押さえよう 著作権法は、コンテンツやプログラムの作成者のみならず、利用者にとっても知らないでは済まされない法律です。本稿で基本的な知識を身に付けましょう。（2013/7/19） 5分で分かる製作現場（8）： 5分で分かるフラットデザイン iOS 7やWindows 8も採用した「フラットデザイン」。実際にフラットデザインを実現するにはどうすればいいのだろうか。（2013/6/12） 5分で分かる製作現場（7）： 「初音ミク」や「ゆるキャラ」の商標権ってどうなっているの？ ネットサービスやキャラクター
フラットデザインに即採用！美しい日本語フォント。しかも無料。
最早至る所で見聞きするフラットデザイン。Appleを初めGoogleや各ウェブサービス、アプリケーションのUIでもどんどん取り入れられています。ご存知の通り凹凸が無く巧みに配色を考えられた美しいデザインで、しばらくトレンドとなる事は間違いないでしょう。 そこでやはり気になるのがフォント。こだわりだせば切りが無いものですが、一度これというものに出会うとデザインの基盤として大活躍してくれます。 今回Webで見つけて早速持っているMac全てにインストールしたフォントはこちら。 M+ FONTSの紹介 M+ OUTLINE FONTS はコンピュータなどでの個人利用をはじめ、商業目的での利用、フォント内容の改変、改変後の再配布にも制限の無い、自由なライセンスで公開しているアウトラインフォントです。 海外のフォントはかっこいいのがたくさんありますが、結局英数字だけなので日本語を使用したい場合はバラン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML／CSSコーディング時間を激減させる「Creative Cloud Extract」と、その真価を引きだすための10のポイント
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
[PDF]フォントのしくみ
The Blog | Welcome to Adobe Blog
Engadget | Technology News & Reviews
新着記事
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog