インターネットが急速に普及したおかげで、世界中のさまざまな美術館や研究機関などが保有する作品を、デジタル・アーカイブ化しパブリックドメインとして無料公開する動きが活発になっています。 【2022年版】パブリックドメインで無料！世界の名画550万枚をダウンロードできる美術館サイト19個まとめ 【CC0ライセンス】モネや北斎も！世界の名画52,000枚を無料ダウンロードできるシカゴ美術館 今回は、100年以上前に描かれた水彩イラスト7,500枚以上をパブリックドメインとして公開しているデジタルコレクション USDA Pomological Watercolors をご紹介します。どれも高解像度で無料ダウンロードでき、商用利用にかかわらず自由にデザイン制作に活用できます。 デジタルコレクション USDA Pomological Watercolors とは？ USDAとは、United Stat

この記事では、フォトショップを使って写真をSFスチームパンク風に加工する方法をご紹介します。リドリー・スコット監督が近未来の退廃した世界観を描いた、SF映画の金字塔「ブレードランナー」のような、ネオンサインでキラキラに輝く80年代風のノスタルジックな雰囲気を演出できます。 ピンクと青色のネオンカラーが特長の人気スタイルで、何気ない夜景写真を魅力的な一枚に仕上げることができます。 コンテンツ目次 1. 写真加工の事前準備、下ごしらえ 2. Camera Raw フィルターで写真の色合いを加工 3. 「色域指定」で明るさをアップする 4. ネオンカラーをより強調する 5. 雲ブラシでミストエフェクトを演出 6. 完成 7. SFサイバーパンク加工のポイントまとめ 1. 写真加工の事前準備、下ごしらえ 1-1. 完成イメージ 以下は完成予想図です、このように写真を加工していきます。 1-2. 加

今年の色「リビング・コーラル」の具体的な使い方は？ デザイン業界だけでなく、ファッションやインテリアなどさまざまな業界で、実際にどのように「リビング・コーラル」色を利用できるのか、より詳しくみていきましょう。 ファッションやアクセサリー分野 「リビング・コーラル」は、男女問わずに遊びココロのある、愉しい雰囲気を表現します。暖かい色合いは、シンプルなカラーテイストのほうが、快適性やはっきりとした明瞭さを表しやすいですが、パターンやテクスチャ、モノクロスタイルも挑戦的と言えるでしょう。また、コントラストをはっきりと目立たせる色でもあります。 グラフィックやパッケージデザイン分野 「リビング・コーラル」は、もちろんパッケージデザインの用途にも理想的です。温かみがり、親しみやすく、楽観的な色使いとなっています。 プロダクトデザイン分野 あらゆる年齢層や性別の製品に利用することができるカラーリング。

ますます進化を続ける Photoshop の使い方をマスターできる、確実に押さえておきたい新テクニックを利用した新作チュートリアル30個をまとめてご紹介します。 Photoshopをはじめたばかりの初心者のひとにも安心の基礎チュートリアルから、普段使いしている上級者のひとも押さえておきたい機能やエフェクト、新しいテクニックを学ぶチャンスです。 Photoshop をしっかり学ぶ！参考にしたいテクニックや作り方30個まとめ 2017年4月度 2016年総まとめ！デザイナーが確認しておきたいPhotoshopチュートリアル厳選55個 Photoshopの新テクニックはこれだ！すごいチュートリアル、作り方まとめ 写真を手書きスケッチ風に仕上げる方法 Photoshopのエフェクト機能を利用したデザインチュートリアルで、スケッチ画と写真を組み合わせたような不思議なエフェクト。 Vanishing

不定期となりますが、Illustratorのテクニックを学ぶのに最適なチュートリアル、作り方をまとめて紹介しています。今回は2017年12月分と一緒に、今年1年間のあいだに公開された中でも、特に確認しておきたいIllustratorのデザインチュートリアルをまとめてご紹介します。 分かりやすい解説でIllustratorの基本から、Photoshop顔負けのデザインエフェクトや2017年のトレンドでもある鮮やかなグラデーションや金箔、水彩絵の具スタイルなど人気デザインの作り方が揃います。年末年始にかけて、Illustratorの技を磨いてみてはいかがでしょう。 【総まとめ】2017年すごいIllustratorチュートリアル、作り方厳選70個 シロップのかかったパンケーキをデザインする方法 できたての美味しそうなホットケーキで、Photoshop顔負けのディテールにこだわる作品。 水彩ペイ

海外デザインブログCanva Design School Blogで公開された「50 Meticulous Style Guides Every Startup Should See Before Launching」より許可をもらい、日本語抄訳しています。 ブランドイメージは、まるで機械のようなものです。A brand is like a machine. たくさんの小さなパーツを一緒にすることで、全体が完成します。もしパーツを忘れてしまうと、その機械は正常通り動かないか、最悪の場合壊れてしまうかもしれません。以下の手順書を読むことで、あなたが機械を組み立てるときに、壊れてしまうのを防ぎましょう。 ブランドイメージを構築するために、配色や書体、ロゴやイメージ画像、パターン素材、スローガンなどをまとめたスタイルガイドの作成は、デザイン作業を楽にしてくれるひとつの方法です。細かいポイントをま

デザイン性だけでなく使い心地にもこだわった、ウェブデザイン制作をグッと楽にする無料HTMLテンプレート素材をまとめました。 人気のHTMLフレームワーク Bootstrap を利用して作成されており、カスタマイズしやすく拡張性の高いテンプレートが中心に揃います。また、2017年のウェブデザイントレンドをうまく反映した素材も多く、サイト開発のデザインやレイアウトの参考にしてみても良いでしょう。 レスポンシブ対応で無料！ウェブ制作を高速化できるHTMLテンプレート24選 2017年1月度 あまり知られていないBootstrapスタイルテクニック、小技16個まとめ Paper Kit 2 控えめな配色と美しいタイポグラフィーが特長のBootstrap 4対応で、収録されているコンポーネントはどれもレスポンシブ対応で、あらゆる画面スクリーンサイズでも読みやすいうれしい設定も。 デモページ ダウンロ

ウェブサイトの閲覧方法は、モバイルやタブレットの普及によって大きく変わってきており、あらゆる端末へ対応することがウェブデザイン制作では必須となってきています。このややこしい問題を解決する、もっとも一般的な方法のひとつが、レスポンシブWebデザインです。 レスポンシブWebデザインとは、デスクトップやタブレット、スマートフォンなどさまざまな画面サイズごとにデザインを調整でき、あらゆるデバイスに最適化したWebサイトを、1つのHTMLで実現できる制作手法を指します。 今回はレスポンシブWebデザインに対応した、無料ダウンロードできるHTMLテンプレート素材をまとめてご紹介します。どれも文字テキストや画像イメージを編集するだけで、すぐに高品質なウェブサイトを作成できます。またBoostrapなど人気フレームワークを利用した素材も多く、柔軟にカスタマイズできる点もポイントです。 サイト設計の手間を

なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ８つの基本ルールを詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避けよう。 6. 重要性を色のコントラストで表現しよう 7. 色を使ってユーザーの感情を引き出そう。 8. デザインを理解しやすくしよう。 9. ボーナス: デザイナー向け配色ツールまとめ 配色基本ルール１ 色数を制限しよう。 デザインプロジェクトに配色を適用するには、バランスが重要になります。色数が増えるほどバランスを取るのは難しくなります。配色は最高でも3色までに制限することで、よりよい結果となるで

ウェブサイトやアプリのつくり方が多様化するいま、素早くデザインを作成し、ページ遷移など実際の動きまで確認できることが大切になってきていきます。先日、日本語版もリリースされたUXデザインツール Adobe XD は、そんな面倒な作業をスピーディーに行うことができるツールと言えるでしょう。 今回は、海外デザインブログSmashing Magazine で公開されていた「Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheat Sheet)」より、Adobe XD の覚えておきたい便利なショートカット機能をまとめてご紹介します。これらの機能を習得することで、制作効率をグッとアップすることができるようになります。

デザインの現場に欠かせない Photoshop（フォトショップ）は、みなさんが考えている以上に自分好みに拡張、カスタマイズすることができます。 効率的にカスタマイズする方法として、独立したプログラムとしてPhotoshopをより効果的にサポートする「拡張プラグイン」や、あらかじめ定義しておいた操作をボタンひとつで再生できる「アクション」、独自のコントロールパネルで機能を提供する「パネル」の利用が挙げられます。これらを利用することで、Photoshopをより強力なツールに拡張できます。 今回は、Photoshop作業を爆速にする、無料ダウンロードできる拡張プラグインやアクション、パネル、フィルタ素材などをまとめてご紹介します。より快適なフォトショップライフを目指しませんか。 Photoshopってすごい！作業効率をアップする拡張機能・プラグインまとめ プロ級の写真加工がボタンひとつ！良質Ph

数日前にGoogleは、マテリアルデザインの考えを取り入れた公式フレームワークフレームワーク「Material Design Lite」を公開しました。マテリアルデザインの見た目や操作性に重点をおいた、CSS，HTML、JavaScriptコンポーネントで、より手軽にウェブサイトやブログ、ランディングページなどを作成することができます。 今回は、Material Design Liteの基本的な使い方と、公開されている素材やテンプレートを、個人的な備忘録としてまとめています。 詳細は以下から。 Material Design Liteの使い方 ダウンロードしたCSS/JavaScriptを、HTMLファイルに読み込むだけでなく、GoogleがCDNホストしているファイルを読み込むことも可能です。 <link rel="stylesheet" href="https://storage.go

2014年8月にGoogleが発表したデザインガイドライン、マテリアルデザイン（英: Material Design）を利用したいというデザイナーやデベロッパーは増えているようです。実際、すでに多くのAndroid用アプリデザインなどにも採用されており、今後ますます要チェックのデザイントレンドとなっています。 海外デザインブログCSS Authorで、マテリアルデザインを採用するときに確認したいUIコンポーネントやフレームワーク、CSSエフェクトなどの無料デザイン素材をまとめたエントリー「Material Design Resources for Designers & Developers」が公開されていたので、今回は特に使い勝手の良さそうなアイテムを中心にまとめてご紹介します。 詳細は以下から。 Googleマテリアルデザインを採用するときに確認したい無料素材まとめ Free Mate

マテリアル・デザイン（英: Material Design）は、Googleの開発したデザインシステムで、配色やアイコン、書体、デザインパターンやアニメーションなどのデザインに関する基本原則がまとめられています。実際に、ウェブやモバイルサイト、ChromeやGmailなどにも導入されており、見たことがあるひとも多いでしょう。 BootstrapとMaterial Design Liteの違いを徹底検証！各ポイント10個まとめ このマテリアルデザインの配色やUIコンポーネントのアニメーションなどを、ウェブサイトに手軽に実装できるツール Color Tool が公開されていたので、今回はできることや使い方を詳しくみていきましょう。 マテリアルデザイン「Color Tool」とは Color Tool　はマテリアルデザインのカラーパレットから自由に配色を選ぶことができ、お好みの色にカスタマイズす

2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？

ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。（この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。） 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。