海外サイト Shutterstock Blog で公開された Design: Design Resources 25 Eye-Catching Neon Color Palettes to Wow Your Viewers より許可をもらい、翻訳転載しています。 グラフィックデザインやウェブデザインはもちろん、パッケージやロゴなど、あらゆるデザイン制作の配色に利用できる、ネオンカラーの色の組み合わせ25種類をまとめています。 昨年ごろより人気となっている色鮮やかなネオンカラーは、2019年のデザイントレンドにも挙げられています。UFOを連想させるネオングリーンや、蛍光ピンクや蛍光ムラサキなどの強烈な色合いが特長で、テクノロジーやエネルギッシュな雰囲気やトーンに仕上げることができます。 コーディング向けにHEX値コピペできるカラーパレットの他、PhotshopyやIllustratorなどA

アイコンは、デザインの中でも重要な要素のひとつですが、同時によく見落とされがちな要素でもあります。ここでは、2018年のアイコンデザインの押さえておきたいトレンド8個を詳しく見ていきましょう。 これらのトレンド、ポイントを押さえることで、サイトやアプリの使いやすさ、ユーザビリティを改善するだけでなく、独自のデザイン性を表現し、プロジェクトをより魅力的に仕上げることができます。 後半では、実際にデザイン制作で利用できる新作フリーアイコン素材も一緒にまとめているので、こちらも参考にしてみてはいかがでしょう。 1. ラインスタイル・アイコンデザイン このアイコンスタイルは、流行り廃りがないデザイントレンドと言えます。その理由のひとつは、どんな背景デザインにも対応できる点で、人気のアイコンパックには通常、線画スタイルが一緒に収録されています。上記サンプル例のように、どんなサイズでも見やすく、分かり

毎月世界中で公開されているフリーフォントの中から、特に使い勝手の良い素材やデザイン性の高いアイテムを厳選し、まとめてご紹介しています。今回は、2017年8月度フリーフォントまとめとなります。 今月は、特に入力するだけでスタイリッシュに魅せる素敵な素材が数多く収録されています。また、幅広く活用できる万能スタイルや人気のブラシフォントや筆記体、ミニマルデザインなどデザインの捗るアイテムばかり。プレミアム素材にも負けない素材を、今後のデザインプロジェクトにも利用してみましょう。 デザイナーが持っておきたい、すごいフリーフォント70個まとめ 2017年7月度 使うだけでオシャレに魅せる！素敵なフリーフォントまとめ Spectral Font Family 太さの異なる14スタイルが収録された万能セリフ書体で、小さな画面スクリーンでもはっきりと読めるように工夫され、Googleウェブフォントにも対応

デザインで特に重要な配色は、誰もが一度は悩んだことがあるでしょう。 今回ご紹介する Canva Colors を利用すれば、色の意味合いだけでなく、一緒に活用したいカラーパレットを提示してくれるので、配色選びをよりスムーズに進めることができるでしょう。 プロに学ぶ、一生役立つ配色の基本ルール8個まとめ【保存版】 配色デザイン見本帳 Canva Colors とは？ Canva Colors は、ウェブサイトやグラフィックデザインに活用したい配色100種類以上を揃え、各色の詳しい意味合いを調べることができ、モノトーンや類似色、補色などの配色カラーパレットをまとめて確認できるオンライン配色カラー見本帳です。 お好みの色を選択するだけで、モノトーン（Monotone）や類似色（Analogous）、補色（Complementary）、三色配色（Triad）など思わず使いたくなる素敵な配色カラーパ

2017年、特に人気の配色カラーパレットのひとつが、淡い色合いが特長のパステルカラーです。今回は、これから暑くなる夏の季節にぴったりな配色カラーパレット15個をまとめてご紹介します。 パステルカラーを中心とした控えめで落ち着いた美しい配色は、ユニーコンの色合いや夏の夕日、美味しそうなマカロン、アイスキャンディーなど夏を連想させるアイテムが揃います。 配色をそのままコピー&ペーストできるHEX値も一緒にまとめています、ウェブサイトやグラフィックデザインの制作で配色に迷ったときに活用してみてはいかがでしょう。 配色完全ガイド！カテゴリー別見本100個とカラーパレットの使い方まとめ Webデザイナー向け配色ガイド！すぐに役立つカラーパレット50個まとめ 夏デザインの参考にしたい、パステル系の美しい配色カラーパレット15選まとめ

アクション素材がどの写真加工にも適しているわけではありません。風景画やポートレイト写真の得意なアクションや、よりグラフィックを強調した素材などさまざまです。目的に合ったアイテムを探してみましょう。 アクションファイルのインストール、基本的な使い方については、こちらの記事を参考にどうぞ。 30 Free Instagram Photoshop Actions 人気写真加工アプリ Instagram のエフェクトを、Photoshopアクションで完全再現した素材30個セット。 Old Paper Texture Photoshop Action ざらっとしたグランジ感を写真に重ねることができるヴィンテージエフェクト用アクション。 Moonlight Photoshop Action Free 月明かりの下で撮影したような風合いに仕上げるアクション素材で、夜景や夕日などの写真に効果的とのこと。

ロゴデザインはユーザーに広く認知されるために、どんなプロジェクトやビジネスにも不可欠です。 しかし、いざロゴを作成してみると、デザイナーでも思い通りのデザインが、なかなかできないなんてことも。 そんなときは、ロゴテンプレートを利用してみましょう。 理由はずばり、プロデザイナーのようなロゴデザインを、無料で簡単に作成できるから。 オシャレやかわいい、かっこいい、シンプル、ボタニカルなど、豊富なテンプレートが揃っているので、文字を編集するだけでオリジナルロゴを作成でき便利です。 PhotoshopとIllustrator、両方で利用できるロゴテンプレートをぜひ活用してみましょう。 かっこいいロゴを作るポイントや、オンラインで利用できるロゴツールも参考にしてみると良いでしょう。 ■ おしゃれなロゴマークを作成する方法＋無料ツール12選 ワンランク上のプレミアム素材 プロジェクト予算に余裕があると

海外デザインブログCanva Design School Blogで公開された「How to Effectively Use Transparent Backgrounds in Graphic Design」より許可をもらい、日本語抄訳しています。 グラフィックデザインにおける背景とは、壁のペンキ塗りや部屋の壁紙えらびのようなものかもしれません。 正しい使い方をすれば、まわりと溶け込む素敵な背景となり、魅力的な空間を演出します。間違った使い方では、こだわりすぎの家具とアートワークなどが邪魔をして、目障りとなってしまいます。 ウェブサイトやフライヤー、ソーシャルメディア向けのグラフィック素材などの背景は、あまり重要なデザイン要素には見えませんが、下手なペンキ仕上げや大胆な壁紙えらびのように、読み手がコンテンツに集中できなくなるのは避けたいものです。 この記事では、デザインプロジェクトにおけ

オシャレなカフェの黒板にチョークで書かれたような、ナチュラルな手書きフォントを検討中のひとにおすすめしたいコンテンツ。 ラフで少し崩したような絶妙なバランスは、利用する素材で仕上がりが大きく変わってきます。 今回は、商用利用できる手書き風フリーフォント素材をまとめてご紹介します。 日本語、英語フォントごとに分けています。 かわいいフォントや、レトロなフォント、おしゃれな筆記体フォントやブラシフォントなどと一緒に活用してみましょう。 コンテンツ目次 Adobe Fontsの手書きフォント（8個） 和文、日本語の手書きナチュラル・フリーフォント（73個） 英語の手書きプレミアムフォント（16個） 英語の手書きナチュラル・フリーフォント（72個） 現在、169個の手書きフリーフォントを集めており、アップデート継続中。 Adobe Fontsで使える手書きフォント 「日本語フォントをまとめてダウン

この記事を読み終わったとき、デザイナーを雇わずにおよそ５分ほどでロゴを作成できるようになります。Nike や Apple ほどのロゴは作成できませんが、プロジェクトを進めるのに十分なロゴは作成できるでしょう。 ではデザインをはじめる前に、Sketch または Figma、 Illustartor（どれも無料トライアルを提供しています。）などのプログラムからひとつをダウンロードしましょう。テキストとシェイプツールのみを利用するので、怖がることはありません。 準備はできましたか？今回はサンプル例として、ミレニアル世代を対象にダンスの動きやトリックを投稿するアプリ、Dancygram のロゴを参考に作成していきましょう。 ステップ1: クラシックフォントのひとつを選ぼう. 以下にリストアップしたフォントは、すでに試行錯誤を繰り返した信頼できるデザインばかりです。多くのデザイナーはショートカットと

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

ウェブサイトやグラフィックデザイン、音楽サービス Spotify などで見かけるようになったデザインのひとつが、鮮やかでシンプルな配色の組み合わせが特長のデュオトーン（英: Duotone）です。 デュオトーンとは、２色（Duo）の色合い（Tone）から構成されたデザインを指し、かつて60年代に生まれたポップアートの旗手のひとり、アンディー・ウォーホルの作品が分かりやすいでしょう。 今回は、たった2ステップで手軽にデュオトーンを作成できる Photoshop チュートリアルをご紹介します。また、ダウンロードしてすぐに使える、デュオトーンエフェクトに適した無料グラデーションファイル10個セットも、記事の後半で公開しています。 詳細は以下から。 Photoshopで写真を今どきのデュオトーンに加工する方法 ステップ1: 加工する写真を開こう。 まずはデュオトーン・エフェクトを加えたい写真を P

いつでも使えるPhotoshopの基本操作から、写真を思い通りに編集したり、デザインの現場で使われる実践的なテクニックまで、まとめて学ぶことができる新作チュートリアルを集めています。 ますます進化するフォトショップによるデザインの世界を、より楽しむことができ、日常の作業にも役立つアイテムを中心に揃えています。今後のデザイン制作の参考にしてみてはいかがでしょう。 詳細は以下から。 Photoshopをしっかり学ぶ！すごいチュートリアル、作り方40個まとめ 花束に文字テキストを組み合わせる方法 部分的に花びらや葉っぱを文字を重ね、ドロップシャドウを加えることで、よりリアルな風合いに仕上げます。 ガイコツ・アイランドを作成する方法 写真合成テクニックを本格的に学ぶことができるチュートリアルで、レイヤーマスクで見事な水の透明感を表現しています。 地球を無重力状態にする方法 海に浮かぶ船から出る水し

海外デザインブログ Canva Design School で公開された「10 Simple Ways To Enhance Your Images」より許可をもらい、日本語抄訳しています。 「百聞は一見にしかず（英: A picture is worth a thousand words.）」と言われるのには、きちんとした理由があります。 古くからよく知られているフレーズかもしれませんが、オーディエンスに向けてデザインを制作するときには、適切なアドバイスと言えるでしょう。デザインのコンセプトに、エクスペリエンス体験やリサーチを加えることで、イメージ画像はうまく注目を集めることができます。 Hubspot では、ビジュアル・コンテンツ（英: Visual Content）がいかに強力なコミュニケーションツールであるか、いくつかの統計がまとめられています。 関連する画像のあるコンテンツは、画