こんなにある!簡単に作れる水平に区切らない写真のレイアウトを紹介!

水平に区切らない写真のレイアウト

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

毎日デザインのポイントを解説するインスタアカウントを運営しております。

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

 

今日のテーマ:水平に区切らない写真のレイアウトデザイン

写真をつかったデザイン多いですよね?今回の記事ではそんな写真を使った新しいレイアウトの提案。それが水平に区切らない写真レイアウトになります!

まっすぐに区切ること多いですが、実は簡単な方法でたくさんの区切るレイアウトがあります。それらの紹介と作り方を解説しました!

水平に区切らない写真のレイアウトデザインサンプル

水平に区切らない写真のレイアウトデザインサンプル

写真を使ったレイアウトを考えるときに、よくやるのが水平や垂直にまっすぐ区切ることだと思いますが

今回のデザインサンプルでは、、、

丸みを帯びた本の形になるよう写真を区切ってみました。

本の形というのは稀ですが直線的に水平や垂直に区切らない写真のレイアウトは使うこと多いのでこのポイントはできるようにしときたいとこです。

水平に区切らない写真のレイアウトデザイン解説

直線的に区切らないことでポップなデザインや優しい雰囲気を出すことができます。

過去投稿059の流体のシェイプを使うデザインなんかはまさにそれです。それを区切りとして使ったのが今回のポイントですね。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

この水平に区切らない写真のレイアウトをする際に意識してほしいのが過去投稿067で解説した「上重く下軽くする」という黄金レイアウトです。

今回のデザインサンプルでも写真を使って上部分を重くしております(レイアウトを大きく)。これは水平に区切らない写真配置でかなり使うので押さえておきましょう!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

水平に区切らないレイアウトの作り方

このような写真の配置は簡単に考えてあげることが大切です。

まずは写真を用意してください!例えば先ほどの本の形をした区切り方であれば、、、

水平に区切らないレイアウトの作り方

分かりますでしょうか?2つの大きな正円を重ねているだけです!

イラレもフォトショもこのような形で簡単に作れます!

こちらの記事でも図形を使った簡単にレイアウトを作るポイントを解説しています。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

水平に区切らないレイアウトを

もっとも基本的なのは区切り方は水平ですが、、、

水平で区切らない写真レイアウトの選択肢があるといい

今回の章では本のような形で区切りましたが、次の章ではさらに違う区切りを紹介していきます!

 

デザケン
ちなみに水平での区切りは長方形を写真の上に配置するだけですね。

 

色んな水平に区切らない写真のレイアウトを紹介します!

色んな水平に区切らない写真のレイアウトを紹介

上のデザインサンプルではゆるやかな曲線で区切ったレイアウトになっています!

ちなみにこれの作り方も超簡単で、曲線ペンツールを使い作っているだけです。

 

デザケン
曲線ペンツールはイラレにもフォトショにもあります!

 

曲線ペンツールの使い方は簡単で、ジグザグにクリックしていくと上のGIFのような曲線が簡単に作れます。

イラレではそのままシェイプになるのですが、、、、

フォトショではペンツールでクリックしたあと上のオプションメニューにあるシェイプをクリックすれば完成です!

ちなみに曲線ペンツールはこちらの記事で詳しく解説しています。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

他にも!水平に区切らない写真のレイアウトを紹介!

水平に区切らない写真のレイアウトを紹介

こちらのデザインサンプルでは台形を使っています!台形の1つの角を丸くすることで特徴的なレイアウトになっています。

ちなみに4の数字が大きくなっていますが、それはこちらのデザインポイントで紹介しています!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

水平に区切らない写真のレイアウトを紹介

こちらのデザインサンプルでは楕円形を使っています!このレイアウトも先ほどと同じペンツールを使って下の白い図形を描くだけで作れます。

 

このように水平に区切らないレイアウトの種類は豊富です!

水平に区切らない写真のレイアウトは下に図形を配置するだけ!

簡単に作れちゃう写真のレイアウトでした!

 

ペンツールのショートカットキーは?▼
Pになります!ペンのP!

水平に区切らない写真のレイアウトデザインまとめ

いかがでしたでしょうか?写真を使ったデザインは多いと思いますが、水平に区切らないレイアウトを使うことで選択肢が増えます!

水平がもっとも簡単な方法ではありますが、今回紹介した方法も簡単にできることが分かったかと思います。

実はデザインは基本操作だけでも様々な表現ができる。そんあデザインポイントも多く紹介しているので他の記事もぜひご覧ください!

ちなみに4の数字が大きくなっていますが、それはこちらのデザインポイントで紹介しています!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

ちなみにレイアウトについてのデザイン参考書も読んだことがありますが、、、

今回のようなデザインのレイアウトについてもっと書籍で学びたいのなら「伝わるデザインの基本」がおすすめです!

特に初心者の方にオススメします。ベストセラーだけに他の書籍と比べてかなり分かりやすいのです。

もし初心者を脱出しているのであればレイアウトに関してはこの「レイアウト・デザインの教科書」がオススメです!

created by Rinker
SBクリエイティブ
¥2,530(2020/08/10 00:28:13時点 Amazon調べ-詳細)
・水平に区切らない写真レイアウトの選択肢があるといい
・水平に区切らない写真のレイアウトは下に図形を配置しているだけ!

 

 

この投稿をInstagramで見る

 

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


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

>フォローしてデザインを学ぶ

フォローしてデザインを学ぶ

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

CTR IMG