【Photoshop】画像の切り抜きだけで終わらない!そのあとのデザイン加工まとめ

Photoshopの新機能によって画像の切り抜きは本当に簡単になりました。

モノも人もほんの数秒で切り抜くことができます(完璧ではないけど)

ということはつまり切り抜きの方法ではなく、切り抜いたあとのデザインを悩んでいる人がいるんじゃないかと。

そう思い今回のまとめ記事を作ることにしました!

このまとめ記事では切り抜いたあとどのような加工をするのか。そんなデザインポイントについてまとめています。

 

 

 この記事で得られること
 切り抜き写真に対しての加工を8種類知れる!

 さらに切り抜き写真を使ったデザインを8種類知れる!

 

目次

Photoshopを使った画像の切り抜きはこんなに簡単になった。

まず切り抜けない人のために、画像の切り抜き方法について解説していきます。

2つの方法を紹介しますが、どちらも機械的にPhotoshopが自動的に範囲を作ってくれます。

 

難題である人の切り抜きはこちらの動画をご覧ください。

髪の毛も瞬間的に切り抜いてくれます!2020年6月に追加された新機能です。

 

次にモノの切り抜き。

こちらも数秒で切り抜いてくれます。2019年11月に追加された新機能です。

  1. ツールバーの上から4番目にあるオブジェクト選択ツールをクリック
  2. 切り抜きたいモノを囲みます
  3. レイヤーパネルの右下にあるレイヤーマスクを追加をクリック
  4. 切り抜けます!

 

もちろんこの2つは自動であるが故に精度はあまり良くない。しかしこれだけでもかなりのモノが簡易的に切り抜けるので最低これだけ覚えておくと幅は広がっていきます!

個別の記事では他の切り抜きも解説しているのでぜひ個別記事をご覧になってみてください。

 

デザ研
ここからは切り抜きを使った加工について紹介していきます!

 

ここからまず、切り抜き写真を使った加工と切り抜き写真を使ったデザインを紹介していきます!

フォトショップで作る切り抜き画像の加工①グリッジ

こちらのグリッジ加工は文字だけでなく写真に対しても使うことができます!

グリッジ加工とは2色の古い壊れた映像で見るようなバグです。

写真に対して使った例がこちら。

実は方法はかなり簡単でPhotohshopなら10秒でできます!

スクショや動画で解説しているのでぜひ記事をご覧ください。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!デザイン特化メディアでは国内最大級のTwitterとインスタグラムを運営しています。今日のテーマ:グリッジ加工TikTokのロゴにも使われているグリッジ加工[…]

 

フォトショップで作る切り抜き画像の加工②モノクロ

少し前の記事では一部分以外を白黒にする加工でしたが、今回の加工は一部分のみ白黒にする加工の紹介です!

白黒(モノクロ)というのは実はとても奥が深いです。

そんな白黒を切り抜きに応用してみましょう!

この一部分がモノクロのデザインも切り抜きの方法を使っているんですね。

サンプルのデザインで一人の女性以外、人だけ白黒になっています!

人物を白黒にするときは注意が必要です!なぜなら人をモノクロにすることで亡くなった人という意味にもなりかねないからです!

注意点も含めてデザインの解説をしているのでぜひ記事をご覧下さい。

関連記事

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

 

フォトショップで作る切り抜き画像の加工③ジェンガ

写真に対して枠でずらす方法です。ジェンガ加工という言葉は自分で作った言葉になります笑

ジェンガのようにずらしていきます。

このように枠を使って写真の一部をずらしていきます。

フォトショップだけらこそできる加工!疾走感やアート風にもできるテクニックです。

関連記事

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

 

フォトショップで作る切り抜き画像の加工④イラスト風

切り抜いた写真に対してイラスト風にする加工です!

このイラスト風加工は超簡単にできます。

イラストが全くかけない人でもです。人に対して使うことが多いですね!

超簡単にイラスト風に加工する方法と、その応用まで解説しているのでぜひ記事をご覧ください。

実はイラスト風にするときってイラスト風にしたいとき以外にも、微妙な写真を誤魔化すために使ったりもします。。。笑

関連記事

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

フォトショップで作る切り抜き画像の加工⑤グランジ

まさにパンクでロックな雰囲気を出すことができるグランジ加工!

例えばバンドのフライヤーなどに使うことができますね。

3つの切り抜き写真を使っていると思いますが、このようにかなり加工した仕上がりになります。

音楽系ももちろんホラー系やアート系もいけますね。

また切り抜きだけでなく文字やデザイン全体にも適用できますのでこの様な雰囲気が欲しい方はぜひ記事をご覧ください!

関連記事

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

 

フォトショップで作る切り抜き画像の加工⑥ビンテージ

とても雰囲気を増すことのできるビンテージ加工の紹介です。

個人的にかなり好きな加工になります!アナログカメラとかの雰囲気も好きなんですよね。。。

このようにビンテージ加工はレトロ調のおしゃれなデザインを作ることができます!

こちらは全体に対して適用していますが、切り抜いた写真に対してのみ適用することももちろん可能です。

関連記事

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

 

フォトショップで作る切り抜き画像の加工⑦デュオトーン

2色のグラデーションを使ったデュオトーン加工の紹介です!

実はこれめっちゃ簡単なんですよね。

このように切り抜き写真に対しても適用できます!

同じやり方で、グラデーションではなくベタ塗り(1色)でも使うことができます。

関連記事

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

 

フォトショップで作る切り抜き画像の加工⑧ドット

切り抜いた写真に対してさらに加工するデザインポイントの紹介です。

切り抜き写真に小さなドットを加えることによりグッとお洒落になります!

大きなドットで加工してしまうと、蕁麻疹ぽくなってしまうのであくまで小さなドットを。

このようにポップなデザインにも大活躍。切り抜いた写真に対してぜひ小さなドットを加えてみてください。

こちらの記事ではドットを加える方法を解説しています!

一度設定してしまえば、次からドットはすぐに使えます。そんな設定方法も解説しているのでぜひ記事をご覧ください!

関連記事

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

Photoshopの切り抜き画像を使ったデザイン①:写真が文字を纏う

一部の切り抜きを使って、文字を纏わせるデザインの紹介です。

この記事の通りに行えば、下のデザインのような纏ったデザインを作ることができます!

ポイントは一部の切り抜きであること。

一部であるがために意外と簡単に作れるのです!

複雑なデザインに見えても仕組みさえ分かれば簡単に作れたりする!
関連記事

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

 

Photoshopの切り抜き画像を使ったデザイン②:超一部の切り抜きを被らせる

これも切り抜くのは一部です!ですので簡単に作ることができます。

そして、、、

一部の切り抜きを文字に被せて奥行きを生むデザインはかなり使います!

前のデザインよりこちらのが使用頻度は高いです。

プロのデザインを見るとわざわざ被らせていることが多いです。それは被せせることで奥行きが生まれるからですね。

ぜひマスターして欲しいデザインポイントになります!

関連記事

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

 

Photoshopの切り抜き画像を使ったデザイン③:図形を写真に差し込む

こちらも一部の切り抜きを使ったデザイン加工の紹介。

このように一部の切り抜きを使ったデザインって多いんですよね。

デザイナーだけでなくカメラマンとかも覚えると良いのかなと思います!

このようにワンポイントを図形を差し込むことで作ります!

結構このデザイン使ったことあります。というのも枠のデザインは背景に依存しないので使いやすいんですよね。

そんな枠を使うときに、背景写真に差し込んでみようということです。

関連記事

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

 

Photoshopの切り抜き画像を使ったデザイン④:ハサミ風の切り抜き

これはあえて雑に切り抜くことでポップにおしゃれにするデザイン加工です!

雑誌によくみられるハサミで切ったような切り取りの枠や切り抜き写真。

こちらのような枠も切り抜き写真も10秒ほどで作れるんですよね。

簡単に作れるのにおしゃれ。そんな加工は見逃すな!

ということを言いたいです。笑

 

デザ研
わりと汎用性あるデザインなので覚えて欲しい加工の1つです!

 

関連記事

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

 

Photoshopの切り抜き画像を使ったデザイン⑤:写真から切り抜いて浮かせる

少しレベルが上がります。一部の切り抜きではなく全部切り抜いて浮かせるデザイン加工です。

文字の上に切り抜き画像を配置することで迫力あるデザインを作ることができます!

人でもモノでも使えるデザインポイントになります。

こちらの写真では家を切り抜いて文字の上に配置しています!

このように写真の中の一部だけ切り抜いて浮かせる加工ですね。

この記事では他にも様々なサンプル画像を紹介しているのでぜひ記事をご覧ください。

 

デザ研
写真の中の一部だけの切り抜きですので背景デザインにも悩みません!

 

関連記事

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

 

Photoshopの切り抜き画像を使ったデザイン⑥:1色残して他白黒

切り抜きができることでこのようなデザインも作ることができます!

こんな写真加工を見たことないですか?

これは切り抜きを使ってできる加工なんです。

一色残して他白黒にする加工を記事では紹介しています。

クールなデザインが作れますね。確実に幅を広げてくれるので要チェックです!

 

デザ研
主役級の写真が作れますね!まずはフリー素材などで練習してみると良いかと思います。

 

関連記事

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

 

Photoshopの切り抜き画像を使ったデザイン⑦:非現実的な世界を表現できるコラージュ

切り抜きができることでコラージュを作ることもできます!

コラージュでは非現実的な構造だって作ることができるんです。

例えばこのデザインでは少年がありえないサイズに大きくなっています。

これは元々別の写真であり、それらを切り抜いて配置することでコラージュとなっているのです。

細かいテクニックも含めて解説しているのでコラージュに興味のある方はぜひ記事をご覧ください!

 

デザ研
コラージュはとても楽しいです!商業的デザインにも使えますし、作品として使うことももちろん可能です!

 

関連記事

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

 

Photoshopの切り抜き画像を使ったデザイン⑧:具体的なコラージュ手順

こちらも切り抜きを使ったコラージュのテクニックを紹介しています。

こちらの記事では、、、

具体的なコラージュを作る手順を解説しています!

コラージュを作ることができればデザインの主役だって作れてしまいます。

カメラマンでもなければイラストも描けない。そんな自分にとってコラージュはデザインの主役を作る一つの大きな方法でした。

何にせよ楽しい!ぜひ記事をご覧ください。

 

デザ研
こちらの記事ではコラージュで作った作品に関しても解説していますのでぜひ記事をご覧ください!

 

関連記事

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

【Photoshop】画像の切り抜きだけで終わらない!そのあとのデザイン加工まとめ

いかがでしたでしょうか?切り抜きのそのあとの加工を紹介しました。

切り抜きが使えるだけで、こんなにもデザインの幅は広がっていきます!!

全て切り抜きから始まるデザインのポイントですので、切り抜きを習得したらぜひとも全部にチャレンジして欲しいです。

写真を使ったデザインが得意になるかと思います!

 

なお切り抜き以外にもデザインを勉強したい!って方はこちらの記事に勉強方法を解説しているのでぜひ記事をご覧ください。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!デザイン特化のメディアでは国内最大級のTwitterとインスタグラムを運営しています。今回の記事ではインスタライブで頻繁に聞かれた勉強方法に関しての質問をまとめ[…]

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

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

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

CTR IMG