デザインのトレンド。液体シェイプの作り方!流行を知るための方法も紹介

こんにちは、読むだけでデザインを学べる!デザイン研究所です!

フォローするだけでデザインを学べるTwitterアカウント
毎日デザインのポイントを解説するインスタアカウントを運営しております。

こちらのブログはインスタ投稿をより深く解説した記事になります!

 

今日のテーマ:流体シェイプ

2つのデザインサンプルを使って流体のシェイプを使ったデザインを紹介しています。

作り方はとても簡単かつ、フォトショもイラレも操作方法が一緒なのでこの機会に覚えてください!

また流行デザインを知るための方法も紹介しているので最後までご覧ください。

液体のシェイプを使う流行デザインサンプル

こちらが今回のデザインサンプルです。

色の違う3つの流体シェイプを配置しています!

流体のシェイプを3つ配置したデザインを作りました。作り方としては曲線ペンツールを使うと簡単にできます。(作り方は下記で解説しています)

流体シェイプを使うと優しい雰囲気になりますよね。なので優しい色やグラデーションが良く使われます。

この流体シェイプは近年WEBデザインでも頻繁に見られるトレンドです!

シェイプの上に文字を置いてもいいし、背景として使ってもいいし、ワンポイントで使ってもよしと使い勝手はとてもいいです。

また今回のデザインでは過去投稿047の横幅いっぱいの帯のデザイン、過去投稿023のキーワードとなる単語を英語にしてインパクト。も使っています!

2つの過去投稿はこちら!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

簡単!曲線ペンツールで作る流体シェイプの作り方

ここからは曲線ペンツールで作る流体シェイプの作り方を解説します。

曲線ペンツールはイラレにもフォトショにもどちらにもあります!

↑↑フォトショップの曲線ペンツール

↑↑イラレの曲線ツール

このようにツールバーにはたくさんのツールが収納されています。長押しでクリックすると表示されます。

 

曲線(ペン)ツールを選んでクリックしていくだけで完成します。下の青い小さな点がクリックして作ったアンカーポイントになります!

曲線ペンツールはかなり簡易的なツールでクリックするだけで流体のシェイプを作ることが可能です。

  1. 曲線(ペン)ツールを選択する
  2. ギザギザになるようアンカーポイントを打っていく(クリックしていく)
  3. 最初のアンカーポイントをクリックしてパスを閉じる

これだけで完成するのでぜひ作ってみてください!

 

曲線ペンツールはかなり簡易的なツールので、ちゃんとペンツールを使えるなるようになることが望ましいです!
ペンツールを使ったデザインはこちらの記事でも解説しています。
関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

簡単に作れる流体のシェイプで取り入れる流行デザイン!

ぜひ曲線ペンツールで作ってみてください。

曲線ペンツールのショートカットキーは?▼
イラレはshift + `でフォトショはPになります。

流体シェイプを使った他のデザイン例


デザイン提供:STORES
こちらのデザインでは上下左右に4つの流体シェイプが配置されています。
これも楕円形ではなく流体シェイプを使うことでより柔らかい雰囲気になっていますね!

流行のデザインを知るためのデザインのトレンドブログを紹介!

上のデザインサンプルでは流体のシェイプを大きくはみ出しました。

右上と下部分の2つの流体シェイプを使っています!

流体シェイプ良いですよね。作り方先ほど説明したのでぜひ作ってみてください!

 

ちなみにこのサンプルのように大きくはみ出す事は覚えときましょう。

こちらの記事でははみ出すことにも解説しているので合わせてご覧ください。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

流体シェイプに代表される流行のデザインを知るためには?

こちらの流体シェイプは流行デザインなのですが、どこでそういった情報を得ればいいのか。

デザインの最新情報はデザイン専門のブログをチェックすると良いでしょう!

 

デザ研
ここからおすすめのデザイン専門ブログを紹介します!

 

有名どころのデザインブログを紹介します!

まずはかなり有名どころのcolissです。このなんとも言えないブログデザインを見たことがある人も多いのではないのでしょうか?

いろんなデザインのワードで検索上位にあるサイトです!

コリス

Web制作に関する最新の情報をご紹介…

 

またこちらのブログでも流行のデザインなどトレンドをキャッチしています。

なおPhotoshopvipというサイト名ですが、イラレの記事もあります!

PhotoshopVIP

PhotoshopVIPは、世界中からあつめた優れたフリーフォントなどの無料素材や、フォトショップの使い方、最新デザイン…

 

デザインのトレンドを知るためには有名サイトをチェックする

これら有名ブログはブックマークしときましょう!ちなみにデザイン研究所もぜひブックマークしてください!笑

 

もっと流体シェイプのポイントを使ったデザインが見たい方!

この記事で解説した流体シェイプのデザインをもっと見たい方は、、、

デザイン研究所が運営する学べるギャラリーサイト「managary」へどうぞ!

 

デザ研
クリックすると流体シェイプを使ったデザイン”だけ”が表示されます!

液体のシェイプを使う流行デザインまとめ

いかがでしたでしょうか?

流体のシェイプを使った2つのデザインサンプルで解説しました。また流行のデザインを知るためのサイトをお伝えできました!

感度の高い層がターゲットであれば、流行のデザインを一部でも取り入れると反応良かったり。

ただターゲットによっては流行デザインを取り入れる必要性がない場合ありますのでそこは要注意です!

こちらの記事でも流行のレイアウトを紹介しているのでぜひ合わせてご覧下さい。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

・曲線ペンツールで流体シェイプを作ってみる
・流行のデザインを知るには有名サイトをチェックする

 

 

この投稿をInstagramで見る

 

デザイン研究所(デザ研)1日2投稿(@designkenkyujo)がシェアした投稿

全国対応で短期で習得するグラフィックのデザインレッスンをやっております、詳しくはこちらをどうぞ。

>インスタでデザインを学ぶ

インスタでデザインを学ぶ

デザインの見る目を養うインスタアカウントを運営中!初心者から脱するデザインのポイントを解説しています。だいたい毎日更新です!

CTR IMG