Photoshopのデフォルトのブラシでも手描き風のブラシは用意されてますが、もっとリアルな感じを出したいと思うとちょっと物足りません。デフォルトのブラシをベースにして少し手を加えることで、温かみのあるアナログ風のブラシが作れます。 この記事では、絵の具で描いたようなにじみとムラのあるブラシを作成します。色の変更やサイズも簡単に変えられます！参考にさせていただいた本は記事の最後に紹介しましたので、ぜひご覧ください。 ※画像をクリックすると、拡大画像がポップアップして表示されます。 【この記事を書いた人】 Adobe使用歴20年以上、Webデザイナー歴15年以上、フリーランス歴10年以上のApple/運動好きな2児の母。Apple/クリエイティブ/運動/ライフスタイル関係の情報を発信中。プロフィール詳細

配色はデザインにおいて重要な要素の1つですが、慣れている人でないとバランスの取れた配色を決めていくのは簡単ではありません。 そこで、今回は初心者の方でもおしゃれな配色ができるカラーパレットツール・配色パターン見本サービスをまとめました。下記のように、おすすめのツールや使用する色数ごとに分類しています。 おすすめカラーパレットツール・サービス AIを使ったカラーパレットツール 2色の配色パターン見本 3色の配色パターン見本 4色の配色パターン見本 5色の配色パターン見本 その他のカラーパレットツール・サービス グラデーションの配色パターン見本 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流

海外デザインブログCanva Design School Blogで公開された「Build Your Brand: 20 Unique and Memorable Color Palettes to Inspire You」より許可をもらい、日本語抄訳しています。 配色カラーによって、人の感情がうまく引き出され、どんな業種や職種なのか伝えたり、商品をより効果的に紹介したり、ブランドのユニークな個性を表現することができます。 ブランドや会社などを設立するときに参考にしたい、20種類の配色カラーパレットを今回はまとめてご紹介します。 詳細は以下から。 ブランドやロゴに活用できる、効果的な配色カラーパレット20個まとめ 01. Rich & Adventurous このユニークな組み合わせは、活発な印象を与えるオレンジ色に、水を連想させる青色から高級感を表現できます。冒険などのアドベンチャーやス

このツールを使うと、面倒な配色を考える必要はなくなります。WebページやスマホアプリのUIで使用するカラースケールを生成できる無料ツールを紹介します。 最近増えてきた同系色のカラーでホワイトやブラックを加えたり、リーダビリティやコントラストなどのアクセシビリティもチェックすることができます。 類似ツールは他にもありますが、その中でも非常に便利なツールです。 Geenes Geenesは完全無料のオンラインツールです。 利用にあたっては、登録などの面倒なことも一切不要です。 Webページやスマホアプリにカラーがどのように適用されるか確認しながら、UIで使用するカラースケールを生成できます。

A color accessibility tool for designers and developers.Hex Naw is a tool that helps designers and developers test entire color systems for contrast and accessibility. Plug in your palette or color system and let Hex Naw do the rest. Happy testing!

ウェブデザインはもちろん、グラフィックデザインにも役立つ、無料ダウンロード可能なフォトショップ最新PSDデザイン素材をまとめています。 文字テキストやロゴ、背景なども手軽に変更できるモックアップ素材や、美しい配色の参考になるグラデーション、写真を手軽に加工できるPSアクション素材、フォントを極めるテキストエフェクト、ブラシ素材などPhotoshopデザインツールが幅広く揃います。 Photoshopここがすごい！参考にしたい無料PSDデザイン素材まとめ Free Vintage Photoshop Layer Styles (PSD) 用意されたレイヤースタイルを適用すると、ザラッとしたビンテージな風合いを瞬時に表現できます。 8 Free Infrared Photo Effect Actions for Adobe Photoshop 赤外線フィルムで撮影したような仕上がりを、Phot

当サイト Photoshop VIP では、無料デザイン素材の他に、ウェブデザイン制作やPhotoshopの作り方などに使える実用的なテクニックや情報、デザインアイデアを引き出すインスピレーションなど、さまざまなデザイン分野について記事を公開しています。 このページでは、特に反響の大きかった人気記事46個をまとめてご紹介します。なお、このリストは随時アップデート、追加予定となっています。 コンテンツ目次 1. 「無料デザイン素材」の人気記事 2. 「Webデザイン制作」の人気記事 3. 「Photoshopの使い方」の人気記事 4. 「デザインアイデア、インスピレーション」の人気記事 無料デザイン素材の人気記事 日本語フリーフォント、これだけは欲しい厳選22個 商用可！手書きでナチュラルな無料フォント65個まとめ 完全版（和 / 英文対応） 商用可！レトロでモダンな無料フォント70個まとめ

歓楽街を歩いているとBARやライブハウスなどのネオン看板が夜の街を彩っています。ここでは10分程度の工程でPhotoshopでネオン管が光っているような文字の作り方を解説します。 動画解説はこちら Photoshopでネオン管が光っているような文字の作り方背景を複製し、新規レイヤーに任意のテキストを入力（OPEN）。 複製した背景にレイヤーマスクを追加し、描画モードを通常から乗算に変更。 レイヤーマスク部分に不透明度や流量を調整した黒色のブラシでテキストの周辺をなぞるように塗ります。 テキストレイヤーにレイヤー⇒レイヤースタイル⇒境界線を選択しサイズを調整。（色はテキストと同色） テキストの塗りを0にして境界線だけを表示させます。 テキストを複製して非表示にし、複製元のテキストを右クリックでレイヤースタイルをラスタライズ。 テキストを複製して非表示にし、複製元のテキストを右クリックでレイヤ

有名なブランドの名前を聞いたとき、ブランドに使われている色を無意識に思い浮かべることはないでしょうか。たとえば、スターバックスはみどり色と白色、Ikeaは青色と黄色、Fedexはむらさき色とオレンジ色といった具合です。 配色をうまく活用することで、特定の感情を呼び起こさせるだけでなく、その感情をロゴデザインに結びつけることができます。 今回は、ロゴデザイン制作に利用したい配色カラーパレット15個をまとめてご紹介します。色彩心理学をベースにした、効果的な色の組み合わせにも注目です。 コーディング向けにHEX値コピペできるカラーパレットを一緒に用意しているので、Webデザインにロゴを活用したいときにもオススメです。 ロゴデザインの配色見本！すぐに役立つカラーパレット15個まとめ 1. Yellow & Red この鮮やかな色の組み合わせは、ロゴの中心に目をすぐに引きます。鮮やかな赤色とユニーク

当サイトでは、新しく公開されたフリーフォント素材をまとめて定期的にご紹介しています。2019年もいつの間にか1ヶ月が過ぎようとし、すでに多くのフリーフォントが公開されはじめています。 今回は、無料ダウンロードできる高品質な新作フリーフォント素材46個をまとめてご紹介します。 美しい日本語フリーフォントにはじまり、異なる太さの揃った実用プロフォント、新トレンドのビンテージ風フォント、手書きのブラシフォントや筆記体など、幅広いセレクションが揃います。 商用可で完全無料！2018年公開のフリーフォント素材132個総まとめ デザイナーが持っていたい、すごいフリーフォント素材まとめ 廻募（エモ） Adobeのオープンソースフォントファミリー「源ノ明朝」を元に、深夜1時に勢いでプログラムを利用して作成されたそう。 ※　個人、商用利用可能 姫明朝ともえごぜん 優しくて、芯の強い姫のような女性をイメージし

2019年まであと1ヶ月あまりとなり、その間もインターネットは数多くの変化を見せています。ネット環境としてモバイル端末が当たり前となり、ARやVR、AIなどさまざまなアルファベットの組み合わせが生まれました。ウェブデザインのトレンドは、これらの新技術にユーザーが親しみやすくなる、魅力的な見た目を表現できるようになります。 この記事では、これから2019年に注目したい、ウェブデザインの最新トレンド10個をピックアップ、予想しています。「アッと驚かすデザインをつくりたい。」そんな思いにさせてくれる、たくさんのデザイン事例と一緒にご紹介です。 2019年に注目したい！グラフィックデザインの最新トレンド10個まとめ どうなる2019年のロゴデザイン？知っておきたい最新人気トレンド6個まとめ コンテンツ目次 1. セリフ書体 2. 黒白カラー配色パレット 3. ナチュラルで自然な図形、シェイプ 4.

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

Chromeのブラウザにはデベロッパーツールというのがありますが、それを利用することでWebページのHTMLやCSSを書き換えて素早くコーディングをしたり、動作検証をすることができます。コーディングに使えるのはもちろんですが、うまく使えばデザインをあれこれと試行錯誤することもできます。 このデベロッパーツールに似たChrome拡張機能用デザインツールにVisBugというのがあります。 VisBugとは？ VisBugは、オープンソースによるChrome拡張機能用のデザインツールです。 下記のような主な特徴があります。 Webページの要素などをクリックすると、様々な情報を表示 アートボードのようにページを編集したり、スタイルを変更できる ホバースタイルやアクセシビリティの確認、要素配置の変更も可能 レイアウトとコンテントは、様々なデバイスサイズに対応 AdobeとSketchのスキルを活用

以前にUI/UXデザイン制作の参考に！見てるだけでも楽しいアプリデザインのギャラリーサイト９選という記事でアプリに関連するUI UXの参考サイトを紹介しましたが、今回も個別に紹介したいと思います。 目次 Collect UI UI UXデザインサンプル Collect UI Collect UIは、Ahmet Sülek氏によるサイトで、Web及びアプリの様々なデザインやイラスト、およびUI / UXをパーツ別にコレクトしたギャラリーサイトです。 ざっとですが、こんなパーツデザインがまとめられています。 サインアップ チェックアウト ランディングページ 計算機 アプリアイコン ユーザープロフィール 設定 404ページ ミュージックプレイヤー SNS共有 カウントうダウンタイマー オン・オフスイッチ 検索パーツ http://collectui.com/ UI UXデザインサンプル いくつか

新しい年がはじまり、ウェブデザインのトレンドについて昨年を振り返り、今後改善し変更したいことを検討するのに、最適な時期と言えるでしょう。 2018年の後半にかけて人気だった多くのデザインは、2019年の人気トレンドとして、継続して利用されるでしょう。トレンドには配色にはじまり、タイポグラフィーや書体の使い方、音声やVRインターフェース、UXデザインなど多岐にわたります。 現在、ウェブデザインでは非常に多くのスタイルが登場しているため、それを細かく分類するのは大変ですが、この記事では、2019年のウェブデザインとUIデザインの人気トレンド厳選17個をまとめてご紹介します。 コンテンツ目次 1. 鮮やかな配色カラーパレット 2. エモーショナル・デザイン 3. 奥行き感とリアルなデザイン素材 4. 目的のあるアニメーション 5. シュールで抽象的なデザイン 6. ボイスコマンド 7. 単一ペー

不定期となりますが、Photoshopでのデザイン制作をより楽しくする、無料ブラシ素材をまとめています。今回は、およそ5ヶ月ぶりとなる、2018年11月度まとめです。 デザインに重ねることで、質感をグッとアップしてくれるお手軽アイテムから、より本格的なデジタルペイントを楽しむことができるブラシ、スタンプ感覚で利用できるアイテムなど、幅広い新作ブラシ素材を集めています。 ダウンロードしておきたい、すごいPhotoshop 無料ブラシ素材33個まとめ 2018年6月度 デザイナーが愛用したい！すごいPhotoshopブラシ素材45個まとめ 2018年3月度 即戦力で使える、すごい無料Photoshop/Illustratorブラシ素材まとめ Free Galactic Lens Flare Brushes グラフィックデザインでも利用する機会の多い、キラリと光るレンズフレアを表現した20種類の

iPhoneやAndroidなどの端末画像にPhotoshopでデザインしたスマホの画面やキャプチャ画面をはめ込んでデザインに活かせるモックアップですが、ネット上で検索すれば無料でPSDデータとして探すことができます。 ただ、Photoshopを持っていない人にはそれは使えないものだったり、Photoshopの知識がないと使えなかったりします。そこでもっと手軽に使えるshotsnapの紹介です。 関連記事 便利すぎ！Android、Surface等のあらゆるモックアップがあるFacebook Design Devices iPhoneだけじゃない！様々な素材がモックアップとして使えるMockupWorld shotsnapとは？ shotsnapは、Gaddafi Rusli氏によるオンラインで無料で利用できるモックアップ作成サービスです。 iPhone（SE、8、X）やGalaxy S8

色彩はデザインをイキイキさせてくれます。 色は注意を引いたり、雰囲気を作ったりするだけなく、感情や視覚にさえ影響を与えるのです。 しかし、時に、デザインを始めるにあたってカラーパレットを選ぶ時、どこからはじめて良いのかわからなくなりますよね。 そこで、私たちCanvaチームが自然や、食べ物＆飲み物、旅、日用品（日常のモノ・コト）などから着想したカラーコンビネーション（配色）を100通りご用意しました！ このカラーコンビネーション（配色）をCanvaで使いたい？　Canvaへの登録がまだなら、ここをクリックして無料登録を。（まだ登録してないなんてないと思いますけど） Canva上でカラーメニューの６桁コードを入れると、あなたのデザインの色が変えられるようになりました。やり方は下のビデオを見てくださいね。 自然 01.　新鮮＆鮮明 Photo credit: Flickr/u2tryololo