プロに学ぶ、一生役立つ配色の基本ルール8個まとめ【保存版】 - PhotoshopVIP

2017/07/11 1708 users 保存版 プロ

なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、 適切な配色カラーパレットを決めるのに役立つ８つの基本ルール を詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避... 続きを読む

Photoshop切り抜きをマスターする、10個の鉄板テクニック 完全ガイド - PhotoshopVIP

2016/04/18 1475 users Photoshop切り抜き 鉄板テクニック ガイド 10個

写真の背景から一部を切り抜く 作業は、デザイン制作において重要なテクニックです。しかし、用途に応じてツールを使い分け、切り抜きを行っているというひとは、どれだけいるでしょう。 背景が真っ白であれば、特に問題なく作業できますが、背景が複雑であったり、 髪の毛など細かい部分は、特別なテクニックで対応 する必要があります。 今回は、 Photoshopの各種ツールを駆使した切り抜きテクニック と、いつそ... 続きを読む

デザイナーが持っていたい、すごいフリーフォント40個まとめ 2016年2月度 - PhotoshopVIP

2016/02/25 1318 users デザイナー

いつも同じフォントばかり利用してしまう、そんな経験はないでしょうか。手持ちのフォントコレクションをアップデートして、新しいプロジェクトに活用してみましょう。今回は、デザイン性に優れた新作フリーフォント40個をまとめてご紹介します。 無料ダウンロードできるのはもちろん、豊富なスタイル、太さやウエイトを用意した万能フォントから、 人気の高いブラシフォントや筆記体、スクリプト書体など、高品質なアイテムが... 続きを読む

本当は教えたくないWebデザイン参考ギャラリーサイト30選【2022年版】 - PhotoshopVIP

2022/05/18 1277 users 2022年版

ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選... 続きを読む

写真撮影が上手くなる、覚えておきたい基本の構図テクニック20選 - PhotoshopVIP

2016/09/16 1185 users 基本 写真撮影

完璧な写真を撮影する方程式はありません。 しかし、これから紹介する20個のガイドラインを利用すれば、つまらない写真の構図を魅力的に改善することができるでしょう。 このチュートリアルでは、 写真の仕上がりがグッと良くなる、20個の構図テクニック を参考サンプル例と一緒に見ていきましょう。もっとも基本的なガイドラインにはじまり、より複雑で高度なテクニックまでまとめています。 コンテンツ目次 0. 構図... 続きを読む

これでもう悩まない！2017年のデザイントレンド完全ガイド - PhotoshopVIP

2017/02/13 1006 users ユーザビリティー グラフィック テクノロジー ウェブ トレンド

2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、 デザイン全般に関する2017年のトレンド を掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消え... 続きを読む

日本語フリーフォント、これだけは持っておきたい厳選22個まとめ - PhotoshopVIP

2016/06/20 981 users 書体 フォント ひと おかげ デザインコンセプト

日本中の書体デザイナーさんのおかげで、素敵な日本語フリーフォントが数多く公開されるようになったいま、複数の書体をインストールしているひとも多いでしょう。しかしデザインのとき、いつも同じ書体ばかり使ってしまう、という人もいませんか？ 公開されているフォントの数が増えたことで、どれも利用してよいか悩んでしまうこともしばしば。特に、デザインコンセプトにあった、商用利用にも対応できる素材を探すのは、時間の... 続きを読む

【完結編】Photoshopで複雑な背景から髪の毛を切り抜く方法 - PhotoshopVIP

2018/08/16 933 users Photoshop切り抜き 鉄板テクニック 用途 テクニック

Photoshopの画像の切り抜き方法は、用途によってたくさんのテクニックがあり、当サイトでも「 Photoshop切り抜きをマスターする10個の鉄板テクニック 完全ガイド」でご紹介しています。しかし本当に厄介なのは、街や風景など複雑な背景だったり、髪の毛の色が背景色と同じようなケースなど、これらのテクニックがうまく... 続きを読む

Web制作の常識が変わる、便利な最新オンラインツール48個まとめ - PhotoshopVIP

2020/06/26 911 users 常識 Web制作

この記事では、Webデザインやグラフィックデザインの制作スピードを短縮し、生産性をアップする、便利な最新オンラインツールをまとめてご紹介します。 「もっと早く知りたかった」と思わせる、面倒な作業をサクサクこなす時短ツールが勢揃いです。カテゴリごとに整理しているので、目的にあったお気に入りツールを探し... 続きを読む

デザイナーが持っていたい、すごいフリーフォント素材42個まとめ - PhotoshopVIP

2016/05/09 855 users デザイナー

デザインをしているときに悩んでしまいがちで、全体のイメージを決める重要な要素のひとつ、フォント選び。手持ちのフォントコレクションを定期的にアップデートして、クリエイティブな作品をつくってみましょう。 今回は、最近公開された無料ダウンロードできるフリーフォント素材をまとめてご紹介します。太さに応じて豊富なウエイトが用意された書体から、今年のトレンドでもある手書き、ブラシスタイルの他に、人気の高い美し... 続きを読む

【総まとめ】2020年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ - PhotoshopVIP

2020/12/18 839 users すごいPhotoshopチュートリアル 総まとめ

当サイトでは、Photoshopの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2020年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。 これまで以上に便利になった新しくアップデートされたP... 続きを読む

ウェブデザイン制作が爆速に！便利な最新オンラインツール47個まとめ - PhotoshopVIP

2019/03/10 773 users 爆速 ウェブデザイン制作

ウェブデザイナーやグラフィックデザイナーのデザイン制作をスピードアップさせる、便利な最新オンラインツールをご紹介します。 ゼロから作ると時間のかかってしまいそうなことも、これらのツールを使うことで大幅に制作時間を短縮できるツールが揃います。今後のデザイン制作のワークフローに取り入れてみてはいかがで... 続きを読む

Web制作で配色に迷わない！美しすぎるカラーパレット50個まとめ - PhotoshopVIP

2016/01/26 755 users Facebook ザッカーバーグ氏 配色 青色 色合い

Facebookのブランドカラーが青色なのは、マーク・ザッカーバーグが色盲だったから、というのを知っていますか。 「青は私にとって、もっともリッチな色で、すべての色合いを識別することができる。」とザッカーバーグ氏は述べています。配色を決める作業は、まったく科学的には見えないかもしれませんが、配色に関してたくさんの研究やアイデアが用いられています。 商品に対する評価の90%以上は、色によって判断され... 続きを読む

Photoshopで人や物を消す5個の超簡単テクニック 完全まとめ - PhotoshopVIP

2018/08/06 741 users オブジェクト ひと 除去 用途 テクニック

Photoshopで画像から人や物などのオブジェクトを除去する方法は、デザイン制作において重要なテクニックです。しかし、用途に応じてツールを使い分け、除去レタッチ作業を行っているというひとは、どれだけいるでしょう。 今回は、Photoshopの各種ツールを駆使した除去、消去テクニックと、いつその技を使うのがベストな... 続きを読む

デザイナーが確認しておきたい、デザインリソース完全ガイド 2015年度 - PhotoshopVIP

2015/07/05 728 users デザイナー 2015年度

海外デザインブログCanva Design School Blogで公開された「Design Resources」より許可をもらい、まとめて日本語抄訳しています。 デザインにいつでも使える、最強のオンライン素材リストをお探しですか。 私のようにパターン素材を探したり、かっこいいフォントやクールな配色を探すのに時間を取られているひとにとって、デザインに必要なリソースや、参考文献などをまとめて確認でき... 続きを読む

デザインを学ぶすべての人に贈る、配色アイデア見本101選【2018年保存版】 - PhotoshopVIP

2018/02/18 720 users 補色 配色 ドーン 色合い 役割

配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、 最新の色の組み組み合わせ101種類 をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、 配色の参考... 続きを読む

デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度 - PhotoshopVIP

2016/09/15 720 users 配色 リソース フォント アイコン こん

オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソースをまとめています。 ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色など デザイナーが一度は困ったことのある問題を解決してくれる 凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。 コン... 続きを読む

今どきのウェブサイトをつくろう！差がつくHTML/CSSコードスニペット27個まとめ - PhotoshopVIP

2016/02/16 709 users ウェブデザイン CSSアニメーション レスポンシブデザイン

新しいテクニックを活用した、最先端のウェブデザインから学ぶ、今後のウェブ制作に活用したい素敵なHTML/CSSコードスニペットをまとめています。 コピー&ペーストで利用できるお手軽なCSSアニメーションやホバーリンクなどに加え、インパクトのあるレイアウトを実現できる本格的なアイテムやプラグインが揃います。スマートフォン端末ユーザーがさらに増えると予想される2016年、レスポンシブデザインやSVG形... 続きを読む

全デザイナー要注目！美しい構図を決める10個の黄金ルールまとめ - PhotoshopVIP

2015/09/16 692 users 10個

海外デザインブログCanva Design School Blogで公開された「10 Rules of Composition All Designers Live By – Canva Design School」より許可をもらい、日本語抄訳しています。 どんなに美しいグラフィックデザインを利用したとしても、構図（英: Composition）が不十分だと、デザインの良さは消えてしまいます。 デ... 続きを読む

現役デザイナーが明かす！デザインを良くする12個の鉄板ルールと具体例 - PhotoshopVIP

2015/06/24 689 users 鉄板ルール 現役デザイナー 具体例 デザイン 12個

海外デザインブログCanva Design School Blogで公開された「12 Ways Designers Know When a Design Looks Good – And How You Can Too」の著者より許可をもらい、まとめて日本語抄訳しています。 デザイナーではないひとにとって、デザイナーの行う作業を見ていると何をやっているのかよくわからないものかもしれません。どうやっ... 続きを読む

「K=100は濃い灰色！」「リッチブラックはC90% M90% Y30% K100%」で印刷関係者が騒然

2013/07/15 686 users 濃い灰色 Photoshop 一部 10個 ブログ

jdash2000 site ... 「K=100は濃い灰色！」「リッチブラックはC90% M90% Y30% K100%」で印刷関係者が騒然 「Photoshopでやってしまいがちな10個の間違い」（PhotoshopVIP）で「K=100は黒ではありません」「K=100は濃い灰色」とあったので印刷関係者が騒然となった（一部）。 名指しはしていないけど、こちらのブログでも K100%は「濃いグレ... 続きを読む

Web制作の時短に！2020年の便利オンラインツール・ベスト100選 - PhotoshopVIP

2020/12/21 683 users ツール リスト Webデザイン制作 コレクション 新しいツール

この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで... 続きを読む

レベル高っ！Bootstrap製HTML5/CSS3無料テンプレートを配布するサイト FreeHTML5.Co - PhotoshopVIP

2015/12/07 680 users

カスタマイズしやすいBootstrapフレームワークをベースに、気持ちの良いCSSアニメーションを追加した、高品質HTML5／CSS3テンプレートを配布する、新しいサイト FreeHTML5.Coを今回はご紹介します。 どのテンプレート素材もクオリティーが非常に高く、カスタマイズもしやすく、そのまま運用できるものばかりが揃っています。もちろん、どれも無料でダウンロードでき、あらゆる端末に対応するレ... 続きを読む

デザイナーの勉強になる、有名ブランドのスタイルガイド厳選50個まとめ - PhotoshopVIP

2015/07/23 648 users デザイナー 有名ブランド 勉強

海外デザインブログCanva Design School Blogで公開された「50 Meticulous Style Guides Every Startup Should See Before Launching」より許可をもらい、日本語抄訳しています。 ブランドイメージは、まるで機械のようなものです。A brand is like a machine. たくさんの小さなパーツを一緒にすること... 続きを読む

モバイルアプリのUI設計に大切な、7つの基本アニメーションまとめ - PhotoshopVIP

2016/03/21 639 users モバイルアプリ invisible ユーザーフレンドリー

「良いデザインは明きらかで、偉大なデザインは目に見えない。（英: Good design is obvious and great design is invisible.）」ということばを聞いたことがあるかもしれませんが、モバイルアプリの開発にアニメーションを利用するときも、同じ基本原則が適用できます。 うまく適用されたアニメーションは、ユーザーフレンドリーで魅力的にアプリを仕上げるだけでなく、... 続きを読む