脱ドロップシャドウ!同じ図形をずらして作るおしゃれな枠デザイン!

脱ドロップシャドウ同じ図形をずらす

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

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

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

 

今日のテーマ:脱ドロップシャドウ、同じ図形をずらすデザイン

2つのデザインサンプルを使って図形のデザインを解説しています!

同じ図形をずらすだけというかなり簡単な方法でできるおしゃれなデザインです!

図形をずらしたあとの加工も4種類紹介しているのでぜひ最後まで記事をご覧ください。

脱ドロップシャドウ、同じ図形をずらすデザインサンプル

脱ドロップシャドウ、同じ図形をずらすデザインサンプル

ドロップシャドウを使わずに同じ図形を下に配置して色を変えたり模様を加えたりするデザインの紹介です。

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

黒い長方形の下に黒い斜線の入った白色の図形を配置しました。

また下に配置した図形には細い線をつけています。

脱ドロップシャドウ、同じ図形をずらすデザイン解説

このようにドロップシャドウを使わずに図形を際立たせる手法です。

やり方としては簡単で図形を同じ位置にコピーしレイヤーを下にしてずらすだけですね。

複製のショートカットキーは?▼
イラレもフォトショも実はcmd(crtl)+c(コピー)とcmd(crtl)+v(貼り付け)ができます!

ちなみにこういったずらしのような小さな移動は十字キーを使うと楽です。

十字キーのいずれかを一回押すと1px、シフトを押しながら押すと10px動きます。

 

ずらした下の図形でよくある模様としては、今回のような斜線や水玉がよく使われます。斜線も水玉も細かいやつだとそれっぽくなります!

ちなみに斜線や水玉などの模様素材はイラストACでDLすると無料で手に入ります。

無料イラスト素材【イラストAC】

無料イラストなら【イラストAC】

 

よりシンプルな図形を使ったデザインがめちゃくちゃ大事です。初心者はまずできる限りシンプルに作れるようになるべきです。

そんなシンプルな図形デザインができるようになったら、このようなズラシのテクニックなどを使うと良いです!

ちなみにこちらの記事ではハサミで切ったような切り取りの枠を使ったデザインを解説しています。

関連記事

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

 

ちなみにドロップシャドウですが、、、これ使い方かなり要注意です。

基本的にドロップシャドウは使わない方向で考えましょう!

初心者が使うドロップシャドウはほとんど不必要な場合が多いです。

デザケン
今回のようにドロップシャドウを使わずに目立たせる方法はいくらでもあります!

 

こちらの記事では普通に使うとは違うドロップシャドウを使ったタイトル文字のテクニックを紹介しています。

関連記事

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

同じ図形でずらすだけの簡単デザイン!4種類のテクニックを紹介!

同じ図形でずらすだけの簡単デザイン!4種類のテクニックを紹介!

上のデザインサンプルでは同じ図形をずらすテクニックを4つ紹介しています!

  1. 塗りでずらす
  2. ドットでずらす
  3. 斜線でずらす
  4. グラデでずらす

改めて4種類とも本当に簡単に作れますね。

 

デザ研
ここからは4種類のデザインテクニックを紹介をしていきます!

 

塗りでずらす図形デザイン

こちらはもっとも簡単な方法です!

ずらした長方形に前面の長方形とは違う塗りを加えています。

解説は不要ですね!

 

ドットでずらす図形デザイン

ずらした図形のドットを加えています。

このようなドットをデザインする方法はたくさんありますが、今回はドットの写真を使って加工しようと思います。

まず長方形を作り、その長方形をコピーしてずらしてください!(塗りでずらした図形デザインのように)

 

次にドット画像を用意します。こちらのイラストACでドットや水玉と調べたら画像がDLできます!

無料イラストなら【イラストAC】

 

画像が用意できましたら、ずらした方の図形にクリッピングマスクです!

すると画像のサイズが大きかろうが、形が正方形だろうが自分の作った図形で切り取られます!

クリッピングマスクのやり方は?▼
イラレでは複数選択でcmd(ctrl)+7、フォトショではレイヤーとレイヤーの間でoption(alt)を押しながらクリックです!

 

斜線でずらす図形デザイン

こちらの作り方は、ドットと全く同じになります!

クリッピングマスクする画像をドットではなく斜線の画像にするだけです!

ちなみにクリッピングマスクはこちらの記事でも解説しています!

関連記事

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

 

グラデーションでずらす図形デザイン

デザインは選びますが、このようなずらした図形にグラデーションをかけることも多いです。

こういったグラデーションの使い方は近年のトレンドでもありますね!

こちらの記事ではどうやってデザインのトレンドをキャッチするかも解説してます!

関連記事

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

 

同じ図形をずらして加工するだけの簡単デザインでとてもおしゃれなデザインに!

このような簡単かつおしゃれになるデザインポイントは重宝できます!

文字を1文字だけ大きくする場合は、レイヤーを別にすると作りやすいです。

脱ドロップシャドウ、同じ図形をずらすデザインまとめ

ドロップシャドウに代わるアイデア

いかがでしたでしょうか?図形デザインに関してまた一つアイデアの引き出しが増えていたらとても嬉しいです!

ぜひ同じ図形をずらして

  1. 塗りでずらす
  2. ドットでずらす
  3. 斜線でずらす
  4. グラデでずらす

これらを参考に使ってみてください!

こちらの記事でも簡単な方法でおしゃれにするデザインのポイントを解説しています!写真加工に興味のある方はぜひ!

関連記事

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

・同じ図形をずらして加工するとおしゃれに!
・ドロップシャドウは使わない方向で考える!

 

 

この投稿をInstagramで見る

 

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


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

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

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

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

CTR IMG