白の文字を薄い背景にのせたいときありますよね デザインをしていると、薄い背景の上に白い文字をのせたいときってないですか? 薄くて淡い空に白の文字をのせたいとき。 あると思います。 基本的にこれらを押さえれば大丈夫 白い文...
こんにちは!ナナ(@wkwdesigner)です。 今回は「イラレをサクサク使えるようになりたい」「イラレの時短テクニックを知りたい」「まだ知らない機能を知りたい」という方に、イラストレーター(Adobe Illustr ...
デザイナーの仕事は多岐に渡りますが、その中でもレイアウトは最も肝となる部分です。全体の構成を決めて、情報の優劣などを選定し、要素を配置していくことを意味します。レイアウトの引き出しをいくつか持っておくだけで、迷いが少なく仕事を進められると思います。今回はデザインのレイアウトパターンについて解説していこうと思います。
イラレのグラデーションでの透明な表現や文字や線にかけるなどの基本的な使い方を解説していきます。グラデーションはデザインの基本でもありますが、クオリティを左右する重要な要素ですので、現役デザイナーが丁寧に解説していきます。
今回は、イラストレーターの「変形効果」と「エンベロープメッシュ」を使ったデザインの制作例と、その作り方を紹介していきます
Illustrator(イラレ)のブレンドツールを使うと、デザインの表現が少し広がったり、素材制作の時間短縮に繋がるような便利な機能です。 本記事では、ブレンドツールの基本的な使い方や、デザインのあしらいや加工に使えるア ...
イラレのグラデーションでの透明な表現や文字や線にかけるなどの基本的な使い方を解説していきます。グラデーションはデザインの基本でもありますが、クオリティを左右する重要な要素ですので、現役デザイナーが丁寧に解説していきます。
Illustratorでオブジェクトの重なり部分を反転させる方法を解説します。 簡単にできアウトラインを作らなくてもできるので、文字の編集なども後から変更可能です。
こんにちは!ナナ(@wkwdesigner)です。 今回は「イラレをサクサク使えるようになりたい」「イラレの時短テクニックを知りたい」「まだ知らない機能を知りたい」という方に、イラストレーター(Adobe Illustr ...
「ポップなデザインでお願いします」とデザイン作成時に依頼されたことある方いると思います。そんなときに「ポップなデザインとは・・?」と悩んでしまうこともあります。 ポップなデザインとは「賑やか・明るい・元気」というキーワー ...
こんにちは!ナナ(@wkwdesigner)です。 今回は「イラレをサクサク使えるようになりたい」「イラレの時短テクニックを知りたい」「まだ知らない機能を知りたい」という方に、イラストレーター(Adobe Illustr ...
【丸形のデザイン図鑑】私がよく使う丸形のデザインをまとめてみました! デザインがなんか寂しい、と悩んだときには、この表にある丸をアクセントで入れるとだいたい解決します🙇♂️
イラストレーターの選択ツールはオブジェクトの角を丸くする機能もあります。角を丸くする機能を使って和風のデザインのあしらいを作ってみました。非常に汎用性が高くて便利です。…
こんにちは! フロントエンドエンジニアのほりでーです。 IDEと言えばDreamweaver、Eclipse、NetBeans、Codaなどを試してきましたが、数年前にphpStormを体験して以来、すっかりJetBra...
テクスチャ素材を使うことで、デザインや背景にテクスチャを加えるだけでガラッと雰囲気を変えることが可能です。 今回は、無料でダウンロードができ、高品質でかっこいい・オシャレなテクスチャ素材をまとめました。 バナー、サムネ、 ...
世界中のデザイナーから愛されている”ド定番”のサンセリフ系(ゴシック系)のフォント(書体)をご紹介します。フォントを学びたいならまずこの定番の書体を抑えておけば、困ることは無くなります!
最近のグラデーションのトレンドは一方方向のグラデだけではなく、複雑に混ざりあったようなフリーグラデーションも人気です。Illustratorを使って『フリーグラデーション』を作り方を紹介します。
デザインでは画像の上に文字を入れることが多いですが、画像によっては文字が見えづらくなってしまうため、画像の上に入れた文字を見やすくするテクニック5選を現役デザイナーがご紹介します。画像の上に文字を入れた時に見やすくするテクニックはいくつもあるので効果的な方法を厳選してご紹介します。
ブラウザ対応状況に伴い、css3の「mix-blend-mode」を使い、テキストや画像にブレンドモードを適用しているサイトを多く見るようになってきました。 今回はその「mix-blend-mode」について使い方や実際の効果などをご紹介します。 ブレンド...
作ってみると意外と難しいホログラム風のデザイン。作成手順の詳細を公開します。
Webデザインや、グラフィックデザイン、パワーポイントや資料制作などで使える境界線デザインのコツをお伝えします。
\本当は教えたくない/ 色を変えられるフリー素材サイト集🐱🎨 このイラストは好きだけど色がイメージと違う…。そんな時はないかにゃ? 今回は色を変えられるフリー素材サイトをまとめたにゃ🐱トンマナに合わせて好きな色に変えられるからデザインの垢抜け感が断然アップするにゃ。ぜひ試してにゃ!
webデザインのトレースは、やり方次第でデザインスキルを一気にレベルアップさせることもできれば、まったく何も身につかない場合もあります。今回は、現役Webデザイナーの著者が、デザイン力が確実に身につくトレースのやり方を、見本付きで説明していきます。
海外のデザインはすっきりとした印象でカッコよく見えます。それに比較すると日本のデザインは妙にごちゃごちゃしています。単純に比較してしまうものではありませんが、どうにも海外のデザインに比べダサいですよね。 しかし、それは技術的に稚拙だからではありません。消費者は商品から得られる価値(ベネフィット)を求めています。
タイトルや見出しはデザインで重要な位置づけになります。おしゃれで目立つ見出しやタイトルのデザインを実例を挙げながら現役デザイナーがご紹介します。デザインアイデアに困っている方の参考になるようにコツやポイントも踏まえて解説しています。
デザインを勉強するには優れたデザイン本を読むことが大事ですが、たくさんのデザイン本が販売されていてどれを選んだらいいか迷うはずです。そこでプロが実際に読んでみて本当におすすめできる、デザインの勉強や参考になる本だけを厳選してご紹介します。
Webデザインのトレンドは非常に速いサイクルで変化し、日々新しい表現方法が現れます。一度トレンドとなったデザインも、次の年にはすでに廃れてしまうことも多々あります。しかし、ひとつのデザイン手法として定着し、長く使われ続け ...
こんにちは!ナナ(@wkwdesigner)です。 今回は「イラレをサクサク使えるようになりたい」「イラレの時短テクニックを知りたい」「まだ知らない機能を知りたい」という方に、イラストレーター(Adobe Illustr ...
ペンツール🖋が苦手な方におすすめ😌 パスを膨らます「膨張ツール」と パスをなめらかにする「スムーズツール」の 2つのツールで、ゆるやかなカーブの流体シェイプが簡単に完成🎉 チラシやカードのデザインに使ってみては? まずは、膨張ツールで円を変型 膨張ツールの詳細設定は、膨張ツールをダブルクリック。 変型させたい円を作成し、膨張ツールで円の内側からクリックしたまま押し出します。(へこます場合は延納外側から!) 次に、スムーズツールを使って形状を滑らかに スムーズツールを使って、いびつな部分をなぞってキレイにします。 色をつけたり、線にしたり…。 ウエーブのTwitterアカウントでは、上記のような小技や豆知識などをご紹介しております。
2021年頃から流行りだしている磨りガラスのような半透明のレイヤーを用いたデザイン「グラスモーフィズム(Glassmorphism)」がWebデザインやUIデザインを中心によく見かけるようになりました。 macOSやiO ...
Illustrator(イラレ)のブレンドツールを使うと、デザインの表現が少し広がったり、素材制作の時間短縮に繋がるような便利な機能です。 本記事では、ブレンドツールの基本的な使い方や、デザインのあしらいや加工に使えるア ...
2021年頃から流行りだしている磨りガラスのような半透明のレイヤーを用いたデザイン「グラスモーフィズム(Glassmorphism)」がWebデザインやUIデザインを中心によく見かけるようになりました。 macOSやiO ...
[chat face="girl.png" name="デザイナー" align="left" border="gray
こんちはっす!脳内アーティストSHUN INANUMAです! インスタグラムでデザインのことを発信するにあたってかなり聞かれる質問があります。 「おすすめのデザインの本ってありますか??」 思い立ったが吉日!デザインの本...
気づいたらダサくなってるんだよな…
ポスターデザインの参考になるおしゃれでセンスのよいデザインをまとめました! 初心者から上級者まで、簡単に取り入れられる使い勝手の良いアイディアです。 Illustratorを使ってチラシやポスターを作る方法はこちらの記事をご覧ください。 文
この記事は2020/04/22に最新情報へ更新!! こんちはっす!脳内アーティストSHUN INANUMAです! デザイナーとして制作したり、デザインのレッスンしたりしている私ですが、、、 関連記事:全国対応!短期超集中...
2021年頃から流行りだしている磨りガラスのような半透明のレイヤーを用いたデザイン「グラスモーフィズム(Glassmorphism)」がWebデザインやUIデザインを中心によく見かけるようになりました。 macOSやiO ...
これまで「少しのコードで実装可能な10のCSS小技集」シリーズでCSSのちょっとしたTipsを紹介していましたが、今回はHTMLバージョン!知っていると使い勝手がちょっとよくなる小技を集めました! ↑私が10年以上利用し […]
バナーデザインの参考になる、良質なデザインを掲載しているバナーデザインをまとめたギャラリーサイトをご紹介します。
Adobe Photoshop(フォトショ)を使用して、テキストの輪郭にブロックノイズ・フラクタルノイズのようなノイズ粒子の質感のある加工テクニックをご紹介します。
こんにちは、ナナ(@wkwdesigner)です! 今回は、「イラレでどうやってグラデを使うの?」や「透過表現や文字にかけるグラデーション」という初歩的なところから「グラデーションツールを応用した使い方」「グラデーション ...
今回は、スポーツ系やe-Sports(eスポーツ)系のロゴ・エンブレムやバナーなどのデザインを作成する際に、高頻度で使用しているフォントをご紹介します。 特徴としては『力強い太めな長体フォントや』『斜体になって躍動感ある ...
デザイナーのベーコン(@dogdog464646)です。2019年2月23日発売された「レイアウト・デザインの教科書」、僕、ベーコンは1章と4章を担当しました。 1章と4章ってボリュームはそんなにないんです。ただしデザイン案が大きく使われて
Illustratorのグラデーションメッシュ機能を使うことで、少し複雑でユニークなグラデーションを作り出すことができます。 今回はIllustratorのグラデーションメッシュの基本的な使い方とあわせて、Photosh ...
Illustratorでオブジェクトの重なり部分を反転させる方法を解説します。 簡単にできアウトラインを作らなくてもできるので、文字の編集なども後から変更可能です。
デザイナーは知っている、デザインの基礎知識。感覚的に組んでいると思われがちのデザインも実はある程度、理論や法則があります。自分でチラシを作る場合にも出来るように、デザインの基礎知識をお伝えします。
ブレンドツールの基本をご存知の方は「ブレンドツールの本領発揮」からご覧ください。 目次 […]