イラストレーター・フォトショップで1つの角だけ丸くするやり方と方法!

その発想はなかった四角形の使い方

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

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

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

 

今日のテーマ:1つの角だけ丸く

初心者は知らない&使ってない図形の使い方の紹介です!それが1つの角を丸くする図形!これはプロが作ったデザインでのみ見ることがあります。

1つの角が丸い図形の作り方とその図形を使ったデザインの解説をしています!

 

こちらの記事は枠のデザインまとめ記事に含まれています!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!デザイン特化のメディアでは国内最大級のTwitterとインスタグラムを運営しています。 今回のテーマは枠!色んなデザインに枠は使われいてる[…]

イラストレーター・フォトショップで1つの角だけ丸くするやり方・方法!

イラストレーター・フォトショップで1つの角だけ丸くするやり方・方法!

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

1つの角だけ丸い四角形を使っています。

今回のデザインサンプルでは写真を切り抜いた1つ角だけ丸い四角形と、右下の白い1つの角だけ丸い四角形を使っています。

一部だけの角丸、いろんなポイントと合わすことが可能

過去投稿のいろいろなポイントとも合わせられるこの四角形。

例えば右下の白い四角形の角丸に沿って英字を配置してます。これは過去投稿022「文章を円に合わせて配置」!

関連記事

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

 

イラレやフォトショで長方形の1つの角だけ丸くするやり方・方法

長方形の1つの角だけ丸くする方法をイラレとフォトショそれぞれで解説していきます。

イラストレーターの場合

イラレでは長方形を作った後に、ダイレクト選択ツール(A)で1つの角だけクリック。

その後に内側の丸部分を引っ張ると丸くなります!

イラレで長方形の1つの角だけ丸くするやり方・方法

ちなみに1つの角だけクリックせずに、内側の丸部分を引っ張ると全体が角丸になります。

 

フォトショップの場合

フォトショでは属性パネルから数値で入力することができます。

フォトショで長方形の1つの角だけ丸くするやり方・方法

リンクボタンを外せば1つの角だけ変形します!

 

ちなみに過去投稿065では全ての角を丸くしたデザインについて解説しています!

関連記事

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

 

優しいデザインは角を丸くしよう

角を丸くすることで優しい柔らかいデザインになります。

全ての角を丸くするだけでなく1つの角を丸くすることを覚えると良いですね。

 

デザ研
子供に人気のアニメのキャラクターに丸みを帯びたものが多いのはその理由だそうです!

 

 

1つの角を丸くする方法を使ってデザインしてみよう!

ワンポイント角丸の活用方法

前章では1つの角だけ丸くする方法をお伝えしました。

この章ではそんな1つの角だけ丸い図形をどのように使うのかを解説していきます!

使い方は主に2つ。

  1. 写真のクリッピングマスクとして
  2. 端からはみ出す図形として

この2つで使う場合が多いです!

 

1つの角だけ丸い図形を写真のクリッピングマスクとして使う

1つの角だけ丸い図形を写真のクリッピングマスクとして使う

写真のクリッピングマスクのやり方がわからない方はこちらの記事をご覧ください。

関連記事

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

 

1つの角だけ丸い図形を端からはみ出す図形として使う

1つの角だけ丸い図形を端からはみ出す図形として使う

このように端からはみだす図形を角丸にすることも使いどころとしてはアリです!

1つの角だけ丸く他は直角ですので端からはみ出しやすいです。これが全て角丸だとかなり不格好になってしまいます。

▲全ての角を丸くした悪い例

 

1つだけの角丸は写真や端からはみ出す図形として使おう!

ぜひ使ってみてください。

クリッピングマスクのショートカットキーは?▼
フォトショではレイヤーとレイヤーの間でoptionを押しながらクリック。イラレでは2つを選択した状態でcmd(ctl)+7で可能です!

 

もっと1つだけ丸い角のポイントを使ったデザインが見たい方!

この記事で解説した1つだけ丸い角のデザインをもっと見たい方は、、、

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

もっと1つだけ丸い角のポイントを使ったデザインが見たい方!

 

デザ研
クリックすると1つだけ丸い角を使ったデザイン”だけ”が表示されます!

イラストレーター・フォトショップで1つの角だけ丸くするやり方・方法まとめ

いかがでしたでしょうか?1つだけの角丸はなかなか初心者の方は選択肢にないんではないでしょうか?

もちろん全てのデザインに対して使えるわけではありませんが、優しい印象や柔らかい印象を与えたい時に選択肢の1つとしてお持ちください!

 

こちらの記事はシンプルなデザインまとめ記事にも含まれています!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!デザイン特化のメディアでは国内最大級のTwitterとインスタグラムを運営しています。 今回の記事ではシンプルなデザインを作るテクニックを[…]

 

こちらの記事はWEBデザインまとめ記事にも含まれています!WEBで使える32種類のテクニックをまとめました!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!デザイン特化のメディアでは国内最大級のTwitterとインスタグラムを運営しています。 WEBデザインには色々なテクニックが散りばめられて[…]

 

こちらの記事は女性向けデザインまとめ記事にも含まれています!

関連記事

サイトや広告デザインのターゲットが女性の場合があるかと思います。今回の記事ではそんな女性向けのおしゃれなデザインの特徴とコツを厳選して11個紹介!ここで紹介する11の特徴を参考にしてぜひ自分のデザインに取り入れてみて[…]

・角を丸くすることで優しい・柔らかい印象になる
・1つだけの角丸は写真や端からはみ出す図形として使おう

 

 

この投稿をInstagramで見る

 

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


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

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

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

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

CTR IMG