creatersnest48

選択範囲を上手く作成するために読みたい記事30選


Photoshopで選択範囲を作成する際、
気付いたら一部分が入っていなかったということや
想像と違う出来栄えだった…なんてことが良くあります。

まぁ、こんなものかと諦める前に
読んでほしい記事をご用意したので参考にしてみては
いかがでしょうか。

HTML5でサイトをつくろう

1

 

 

 

 

 

 

 

 

 

 

http://www.html5-memo.com/webtips/photoshop-tips01/

Photoshopでの操作をとても分かりやすく書いているサイトです。
初心者の方にも理解しやすい記事です。

 

Photoshop 色調補正ゼミナール

2

 

 

 

 

 

 

 

 

 

 

http://shuffle.genkosha.com/software/photoshop_navi/color/8669.html

パスを使った選択範囲の作り方を説明しているページです。
パスでの範囲作成が面倒と感じている方もいるかもしれませんが
簡単に出来る方法を紹介しています。

 

Photoshop 色調補正ゼミナール

3

 

 

 

 

 

 

 

 

 

 

http://shuffle.genkosha.com/software/photoshop_navi/color/8696.html

こちらは上記記載の応用編になります。
更に高度なやり方を説明しています。

 

Photoshop 色調補正ゼミナール

4

 

 

 

 

 

 

 

 

 

 

http://shuffle.genkosha.com/software/photoshop_navi/color/8793.html

上記記載のサイトでの別記事にあたる、
クイックマスク、クイック選択ツール、焦点領域を使用した
説明文です。

 

Webスタ

5

 

 

 

 

 

 

 

 

 

 

http://web-style.info/photoshop_create_selection_channel/

カラー情報チャンネルから選択範囲を作成する方法を
紹介しています。
初心者向けの説明となっています。

 

Photoshop養成ギブス

6

 

 

 

 

 

 

 

 

 

 

http://psgips.blog24.fc2.com/blog-entry-391.html

パスから選択範囲を作成する方法を図や動画を用いて
説明しているサイトです。

 

Web Desien Library

7

 

 

 

 

 

 

 

 

 

 

http://www.webdesignlibrary.jp/2009/12/the_pen_tool.php

ペンツールから選択範囲を選択する方法を説明しています。
こちらもステップごとに説明してあるので分かりやすいです。

 

jittodesign

8

 

 

 

 

 

 

 

 

 

 

http://jittodesign.org/post-2765-2765/

サムネイルには映っていませんが、選択範囲作成に使用する
項目なども詳しく説明されています。

 

Winスクールオンライン

9

 

 

 

 

 

 

 

 

 

 

http://www.winonline.jp/demo/PS_CS6/4/4-4-1.html

Winスクールのオンラインサイトで説明されている
選択範囲の作成の仕方です。
実は私もこちらの学校で勉強いたしました。
とても懐かしく感じます。

 

GRANFAIRS

10

 

 

 

 

 

 

 

 

 

 

http://www.granfairs.com/blog/staff/selectionrange-tool

GRANFAIRSのスタッフさんが書いているブログ記事です。
ぴったりサイズの選択範囲を作ることはとても難しいので
是非参考にしたいですね。

 

WebProgrammingPrimer

11

 

 

 

 

 

 

 

 

 

 

http://wp-p.info/tpl_rep.php?cat=photoshop-biginner&fl=r14

Photoshopは何ぞや?というところから始まる
基礎の基礎が学べます。
もちろん選択範囲の作成についても詳しく記載されています。

 

東京の求職者支援訓練

12

 

 

 

 

 

 

 

 

 

 

http://www.tokyo-hellowork.net/?p=2721

求職者支援訓練校の講師の方が運営するブログです。
さすが先生なので、分かりやすく説明されています。

 

Retouch Weblaboratory

13

 

 

 

 

 

 

 

 

 

 

 

http://retouch-weblab.com/photo/hanni1/

「選択範囲を制する者が、フォトショップを制す。」という
何ともキャッチーな言葉で始まるこちらのサイト。
こちらも選択範囲の説明や、ツールの使い道など
詳しく説明されているので分かりやすい構成となっています。

 

<>TECHACADEMY

14

 

 

 

 

 

 

 

 

 

 

http://techacademy.jp/magazine/1330

こちらのサイトでは、クイック選択ツールを使用した選択範囲の
作成を説明しています。

 

Web Designe RECIPES

15

 

 

 

 

 

 

 

 

 

 

http://webdesignrecipes.com/photoshop-some-clipping-technic/

選択範囲作成の仕方で、結局どれがいいの?というように
状況によって変化する作成の仕方を説明しています。

 

WEBクリTIPS

16

 

 

 

 

 

 

 

 

 

 

http://web-creators-tips.com/lectures/photoshop/photoshop-030-cs5.html

14分29秒の動画の中で選択範囲作成について
説明しています。

 

NAVERまとめ

17

 

 

 

 

 

 

 

 

 

 

http://matome.naver.jp/odai/2142519512809364501

選択範囲の作成方法をまとめた記事です。
色々なツールで作成する方法を説明しています。

 

Web覚書ノート

18

 

 

 

 

 

 

 

 

 

 

http://www.yocchi01.mydns.jp/webnote/archives/200

私自身、こんなやり方があるんだ!と知った
勉強になる選択範囲作成の仕方です。

 

デザイン雑学

19

 

 

 

 

 

 

 

 

 

 

 

http://ggdesign.blog48.fc2.com/blog-entry-75.html

CS5からの機能にはなりますが、これこそ上手に選択範囲を
作成する方法だと感じた記事です。

 

Photoshopちうとりある

20

 

 

 

 

 

 

 

 

 

 

 

http://www.bornfromegg.net/colo/ps_cnl01.html

アルファチャンネルを使用した選択範囲の設定について
説明されています。

 

MdN DESIGN INTERACTIVE

21

 

 

 

 

 

 

 

 

 

 

http://www.mdn.co.jp/di/articles/553/?page=13

Photoshopの超基本のテクニックを紹介するページ。
簡単な作成方法を紹介しています。

 

2Dグラの復習

22

 

 

 

 

 

 

 

 

 

http://nanpuudo.sakura.ne.jp/dhu/phs/phs3.html

たくさんの種類がある選択範囲の作成方法を
ひとつひとつ丁寧に説明しています。

 

Webスタ

23

 

 

 

 

 

 

 

 

 

 

http://web-style.info/photoshop_magnetic_lasso_tool/

マグネット選択ツールを使った選択範囲の取り方を
説明しています。

 

FC2 ノウハウ

24

 

 

 

 

 

 

 

 

 

 

http://a.know-how.fc2.com/ja/29230/

選択範囲を作成する上で難しい髪の毛を切り抜く方法を紹介しています。

 

monoblog

25

 

 

 

 

 

 

 

 

 

 

 

http://monobu.com/photoshop-hair-kirinuki/

こちらでも髪の毛を上手に選択する方法が紹介されています。
やはり細かい部分を選択出来るようになった方が強いですね。

 

名人会

 

26

 

 

 

 

 

 

 

 

 

 

 

http://photoshop-illustrator-meijinkai.info/photoshop-train/自動選択ツールを使って、画像の色と濃度を/

自動選択ツールを使い、近似色を選択範囲とする方法を説明されています。
こんなに簡単に出来るのかというくらい、あっさり行っていますよ。

 

Affiliate Japan

27

 

 

 

 

 

 

 

 

 

 

http://affiliate-jpn.com/archives/5177

人物を切り抜く方法をクイック選択ツールを使用して説明しています。

 

Find Job! Startup

28

 

 

 

 

 

 

 

 

 

http://www.find-job.net/startup/photoshop-40s-haircut

女性誌デザイナーの技術を細かく解説。
背景がある場合、ない場合の2通りを説明されています。

 

Photoshopテクニックス

29

 

 

 

 

 

 

 

 

 

 

http://photoshop76.blog.fc2.com/blog-entry-25.html

選択範囲を指定し、その後の境界線の調整まで説明しています。
境界線の調整でキレイに選択出来ることが分かりますよ。

 

sitebook

30

 

 

 

 

 

 

 

 

 

 

 

http://sitebk.com/photoshop/hair-clippings/

こちらでも細かい部分まで選択する方法が紹介されているので、
とてもタメになります。

 

おわりに…

選択範囲の作成にも、様々な方法があることが分かりましたね。
人それぞれ、やりやすい方法があります。
今回紹介させていただいた30個のサイトにも、
もちろん同じ選択範囲の作成の仕方がありますが、
その中で一番やりやすい方法を探してみてください。

 

 

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


Next Article【Photoshop】逆光で撮った写真を色調補正で修正してみよう