画像加工の便利帳 -29ページ目

写真をいろんなカラーバリエーションに加工(Photoshop)

フルカラーの写真をいじって、
いろんなカラーバリエーションをつくってみましょう!


携帯カメラで撮った写真は、
カラーモードがRGBになってるので、
CMYKに変換します。

ティファニー


イメージ→モード→CMYKカラー

イメージ→モード→CMYKカラー


チャンネルで、
CMYKフルカラー表示にするとこんな感じです。

ティファニーCMYK


C(シアン)K(ブラック)だけだと、こんな感じです。

ティファニーCK


M(マゼンタ)とK(ブラック)だけだと、こんな感じになります。

ティファニーMK


不要な色版を削除するには?


(1)Ctrl」+「A」で画面を全選択し、
   チャンネルの「M(マゼンタ)をクリックします。

Ctrl+M選択

(「M(マゼンタ)のみに目玉 目玉マークが出る状態に)


(2)「M(マゼンタ)レイヤーが
   選択されている状態でDelete」キーを押して、
   「M(マゼンタ)版を削除します。

M→Delete


(3)チャンネルの「CMYK」をクリックすると、
   フルカラー表示されます。

YなしCMYKモード


M(マゼンタ)なしのCYK3色画像ができました。

ティファニーMなしCYK

(アメブロにUPする場合は、

もう一度RGBに戻してからじゃないと

画像フォルダで受け付けてくれないので、注意!)


このようにして、
不要な色版のみを削除することで、
2色3色の画像を作ることができます。


印刷の場合、2色だと、印刷代が安くなるので
チラシ印刷なんかに使われたりしますが、
一味違う画像のカラーバリエーション
作るのにもオススメの技です!


【関連記事】

目次

トーンカーブのしくみと色の動き方

Photoshop「レベル補正」と「トーンカーブ」の使い分け

Photoshopで、食べ物の写真をおいしそうな色に加工する

Photoshopで空の色を明るくする

加法混色と減法混色

RGBカラーとは

CMYKカラーとは?

ソフトで淡いトーンの地紋やイメージフォトをつくる

初めてでも失敗しない色調補正

フォトショップで、写真のまわりをハート型にぼかしてみよう!

イラストレータで描いたベジェ曲線をフォトショップにもってくる

イラストレータで描いたイラストをフォトショップで開く

ペットの写真をフォトショップで合成する~背景を変える~

ペットの写真をフォトショップで加工する~背景をを削除~

食べ物の写真とライティング~蛍光灯と白色電球で、こんなに色が違う!~

画像の保存形式 JPEGとGIFの使い分け

画像解像度と画素数について


フォトショップに関する記事一覧
超簡単オークション商品をキレイに撮影する方法

Photoshop Elements3.0 無料体験版ダウンロードはこちら

フリーソフト「フォトショップミニ」無償ダウンロードは、こちら

PCソフトや電子書籍をダウンロード購入すると楽天スーパーポイントが貯まる!


アドビシステムズ
Adobe Photoshop Elements 4.0 日本語版
Windows版 乗換え・アップグレード版


相互リンク随時募集!バナーの貼り方について


いつもお世話になってる相互リンクの皆様です♪


アート&デザイン系人気ブログ



トップへ戻る


トーンカーブのしくみと色の動き方

トーンカーブの曲線の
色の動き方がわからないという意見があったので、
わかりやすく説明してみたいと思います。


トーンカーブ


トーンカーブのチャンネルは、
C(シアン) M(マゼンタ)
Y(イエロー)K(ブラック)の
4つのチャンネルがあり、
それぞれ個別に色を動かすことができます。


トーンカーブ-C

トーンカーブ-M

トーンカーブ-Y

トーンカーブ-K


X軸が入力補正前の画像の色)
Y軸が出力補正後の画像の色)になります。


CMYK」を選択して動かすと、
CMYK4色が、いっぺんに動きます。

CMYK100→50


全体を100→50%に落とすと
こんなふうに色が変化します。

花

    (100%調)

花-50

    (50%調)


トーンカーブは、
もっと複雑なカーブをつくることで
ちょっとだけ青みをとったり
鮮やかにしたり、メリハリをつけたり、
微妙に色を変化させることができます。



【関連記事】

目次

Photoshop「レベル補正」と「トーンカーブ」の使い分け

Photoshopで、食べ物の写真をおいしそうな色に加工する

Photoshopで空の色を明るくする

加法混色と減法混色

RGBカラーとは

CMYKカラーとは?

ソフトで淡いトーンの地紋やイメージフォトをつくる

ペンツールで三角形を描く

初めてでも失敗しない色調補正

イラストレータでいろんな形のマスクを作成し、飾り罫をつける

フォトショップで、写真のまわりをハート型にぼかしてみよう!

イラストレータで描いたイラストをフォトショップで開く

ペットの写真をフォトショップで合成する~背景を変える~

ペットの写真をフォトショップで加工する~背景をを削除~

食べ物の写真とライティング~蛍光灯と白色電球で、こんなに色が違う!~

画像解像度と画素数について


フォトショップに関する記事一覧
超簡単オークション商品をキレイに撮影する方法

Photoshop Elements3.0 無料体験版ダウンロードはこちら

フリーソフト「フォトショップミニ」無償ダウンロードは、こちら

PCソフトや電子書籍をダウンロード購入すると楽天スーパーポイントが貯まる!


アドビシステムズ
Adobe Photoshop Elements 4.0 日本語版
Windows版 乗換え・アップグレード版


バナー

相互リンク随時募集!バナーの貼り方について


いつもお世話になってる相互リンクの皆様です♪


アート&デザイン系人気ブログ



トップへ戻る


レベル補正とトーンカーブ

レベル補正」と「トーンカーブ」の使い分けが難しい」
というコメントがありましたので、
今日は「レベル補正」と「トーンカーブ」の
使い分けについて、書いてみたいと思います。

画面のいちばん明るいところと暗いところを
設定する
のがレベル補正」です。


80~0
 ↑                ↑

100%一番暗い) (0%一番明るい


この画像では、
0~80%の領域で構成されています。

▲の位置を移動することで、
画面の一番暗い部分100%ととして認識させます。


レベル補正スライダ矢印移動
    ↑

   ▲移動後は、この位置が100%一番暗い色になる)


トーンカーブは、
中間のトーンを増やしたり減らしたりします

C50-15

カーブを ↑上に引っぱると増える

      ↓下に引っぱると減る

トーンカーブ100%50%に設定する場合、
レベル補正のヒストグラムの山を
全体に半分に減らして低くするようなイメージですね。


CMYK100→50


レベル補正のヒストグラムを左右反転して、
トーンカーブの曲線と並べると、
相関関係がわかりやすいかもしれません。

トーンカーブとレベル補正

(「レベル補正」では左が100、右が0になるため、
左が0、右が100になるように反転してみました)

レベル補正」のヒストグラムは、
0~100%の網点が
どのように分布しているか
示します。

このヒストグラムからは、
中間~ライト側の色が
画面の大部分を占めることが読み取れると思います。



【関連記事】
目次

Photoshopで、食べ物の写真をおいしそうな色に加工する

Photoshopで空の色を明るくする

加法混色と減法混色

RGBカラーとは

CMYKカラーとは?

ソフトで淡いトーンの地紋やイメージフォトをつくる

初めてでも失敗しない色調補正

食べ物の写真とライティング~蛍光灯と白色電球で、こんなに色が違う!~


フォトショップに関する記事一覧
超簡単オークション商品をキレイに撮影する方法

Photoshop Elements3.0 無料体験版ダウンロードはこちら

フリーソフト「フォトショップミニ」無償ダウンロードは、こちら

PCソフトや電子書籍をダウンロード購入すると楽天スーパーポイントが貯まる!


アドビシステムズ
Adobe Photoshop Elements 4.0 日本語版
Windows版 乗換え・アップグレード版


バナー

相互リンク随時募集!バナーの貼り方について


いつもお世話になってる相互リンクの皆様です♪


アート&デザイン系人気ブログ



トップへ戻る


空の写真を明るく補正する

朝の空を携帯カメラで撮った画像ですが、
自動レベル補正だと、色が濃くなってしまい、
朝の空のさわやかなイメージが出ません。


元画像と自動補正後

    (補正前)    (自動レベル補正後)


…というわけで、
今日は「レベル補正」と「トーンカーブ」を使って
空の写真の色調補正をやってみます。


(1)RGBをCMYKに変換します。

イメージ→モード→CMYKカラー

    イメージ→モード→CMYKカラー


(2)「情報」で、雲の色のCMYK濃度を見ます。

補正前情報


(3)レベル補正をします。

イメージ→色調補正→レベル補正

   イメージ→色調補正→レベル補正


レベル補正

左端の黒い▲を、
棒グラフ群の左端部分に接する位置へ、
真ん中のグレーの△印を左側に移動します。


黒い▲マークの位置は
画面のいちばん濃い部分になります。


レベル補正スライダ矢印移動
(入力レベルの真ん中の数値が1.0から1.8に変化)

人間の目は、
中間からライト側の階調を見分けやすく、
黒に近い方の階調差は、
認識しにくくなっています。


グレーの△マークを左にずらすことによって、
ライト側の階調差の段階を幅広くとります。


この写真の場合、
CMYK50%以下の部分の面積が大なので、
こうしてレベル補正することで
中間~ライト側の微妙な階調差が表現しやすくなります。


(4)レベル補正後の画像の
   雲の部分のCMYK濃度を見てみましょう。

レベル補正後情報


(5)イメージ→色調補正→トーンカーブ

CMYK40→30

CMYK40%の部分を30%まで下げます。
(グラフを下に引っ張るか、数値入力で)


トーンカーブで補正した後の画像は、
こんな感じになります。

空-補正済





【関連記事】

目次

Photoshopで、食べ物の写真をおいしそうな色に加工する

加法混色と減法混色

RGBカラーとは

CMYKカラーとは?

ソフトで淡いトーンの地紋やイメージフォトをつくる

初めてでも失敗しない色調補正

フォトショップで、写真のまわりをハート型にぼかしてみよう!

イラストレータで描いたベジェ曲線をフォトショップにもってくる

イラストレータで描いたイラストをフォトショップで開く

ペットの写真をフォトショップで合成する~背景を変える~

ペットの写真をフォトショップで加工する~背景をを削除~

食べ物の写真とライティング~蛍光灯と白色電球で、こんなに色が違う!~

画像解像度と画素数について


【関連書籍】

早川 広行
早川広行のPhotoshop CSプロフェッショナル講座 (色補正編)
Jet_Company
Photoshop & Illustratorフォトレタッチ・素材作成―Webページ作るならこれで完璧!!
市川 政樹
Photoshop Elementsでカンタンフォトレタッチ for Windows―初めての人でもパソコン写真加工術の達人に
フォトショップに関する記事一覧
超簡単オークション商品をキレイに撮影する方法

Photoshop Elements3.0 無料体験版ダウンロードはこちら

フリーソフト「フォトショップミニ」無償ダウンロードは、こちら

PCソフトや電子書籍をダウンロード購入すると楽天スーパーポイントが貯まる!


アドビシステムズ
Adobe Photoshop Elements 4.0 日本語版
Windows版 乗換え・アップグレード版


バナー

相互リンク随時募集!バナーの貼り方について


いつもお世話になってる相互リンクの皆様です♪


アート&デザイン系人気ブログ



トップへ戻る


加法混色と減法混色

減法混色は、
絵の具を混ぜた時と同じように
色が変化します。

CMYK

Y(イエロー)M(マゼンタ)R(レッド)
Y(イエロー) C(シアン) G(グリーン)
C(シアン) + M(マゼンタ)B(ブルー)


Y(イエロー)M(マゼンタ)C(シアン)
全部の色を混色すると
色が打ち消しあって、黒になります。
(だから、減法混色


印刷物の色は、
CMYKのかけあわせによって表現されます。


ちなみに
の補色は
の補色はオレンジ
黄色の補色は


このへんの基本はおさえときたいトコです。



加法混色は、光の三原色の混色法です。

RGB-2

B(ブルー)G(グリーン)C(シアン) 
R(レッド)B(ブルー)  =M(マゼンタ)
R(レッド)G(グリーン) =Y(イエロー)

スポットライトが集まった時のように
R(レッド)G(グリーン)B(ブルー)
光が全部重なると、白くなります。


モニターのディスプレイは、
光の三原色RGBによって表現されています。


【関連記事】

目次

加法混色と減法混色

CMYKカラーとは?

初めてでも失敗しない色調補正

パソコン画面を画像化して活用~スクリーンショット~

食べ物の写真とライティング~蛍光灯と白色電球で、こんなに色が違う!~

画像解像度と画素数について


フォトショップに関する記事一覧
超簡単オークション商品をキレイに撮影する方法

Photoshop Elements3.0 無料体験版ダウンロードはこちら

フリーソフト「フォトショップミニ」無償ダウンロードは、こちら

PCソフトや電子書籍をダウンロード購入すると楽天スーパーポイントが貯まる!


アドビシステムズ
Adobe Photoshop Elements 4.0 日本語版
Windows版 乗換え・アップグレード版


バナー

相互リンク随時募集!バナーの貼り方について


いつもお世話になってる相互リンクの皆様です♪


アート&デザイン系人気ブログ



トップへ戻る


RGBカラーとは

は、光の三原色


R=Red
G=Green
B=Blue
…の略です。

RGB

RedGreenが重なるとイエロー
GreenBlueが重なるとシアン
BlueRedが重なるとマゼンタになります。

Redの補色はシアン
Greenの補色はマゼンタ
Blueの補色はイエローです。


三色が重なると白になります。
R=255 G=255 B=255の場合)

RGB-白


R=0 G=0 B=0の場合は黒になります。

RGB-黒


モニター画面の色彩表示は、
による光の三原色でつくられています。






【関連記事】

目次

CMYKカラーとは?

初めてでも失敗しない色調補正

パソコン画面を画像化して活用~スクリーンショット~

食べ物の写真とライティング~蛍光灯と白色電球で、こんなに色が違う!~

画像解像度と画素数について



フォトショップに関する記事一覧
超簡単オークション商品をキレイに撮影する方法

Photoshop Elements3.0 無料体験版ダウンロードはこちら

フリーソフト「フォトショップミニ」無償ダウンロードは、こちら

シーズ
Web配色事典 フルカラー編 改訂版

アドビシステムズ
Adobe Photoshop Elements 4.0 日本語版
Windows版 乗換え・アップグレード版

PCソフトや電子書籍をダウンロード購入すると楽天スーパーポイントが貯まる!


バナー

相互リンク随時募集!バナーの貼り方について


いつもお世話になってる相互リンクの皆様です♪


アート&デザイン系人気ブログ



トップへ戻る


CMYKカラーとは

CMYKとは・・・?

CMYK


C=シアン

C


M=マゼンタ

M


Y=イエロー


Y



K=ブラック

K

黒がどうして「K」かって?
「KURO」の「K」っていう人もいますが。。。

フォトショップはもともと英語圏のソフトですから、
「Black」の「K」でしょうね。
(「B」だと「Blue」の頭文字とまぎらわしいし)

紙媒体の印刷物は、基本的に、
イエローマゼンタシアン・ブラックの
4色のインクのかけあわせにより、
フルカラーを表現しているわけです。



【関連記事】

目次
RGBカラーとは

ソフトで淡いトーンの地紋やイメージフォトをつくる

初めてでも失敗しない色調補正

食べ物の写真とライティング~蛍光灯と白色電球で、こんなに色が違う!~

画像解像度と画素数について




フォトショップに関する記事一覧
超簡単オークション商品をキレイに撮影する方法

Photoshop Elements3.0 無料体験版ダウンロードはこちら

フリーソフト「フォトショップミニ」無償ダウンロードは、こちら


バナー

相互リンク随時募集!バナーの貼り方について


いつもお世話になってる相互リンクの皆様です♪


アート&デザイン系人気ブログ



トップへ戻る


PCソフトや電子書籍をダウンロード購入すると楽天スーパーポイントが貯まる!


渋川 育由, 高橋 ユミ
カラー・チップ事典―切りとり式・色指定マニュアル〈PART2〉

アドビシステムズ
Adobe Photoshop Elements 4.0 日本語版
Windows版 乗換え・アップグレード版

ソフトで淡いトーンの地紋やイメージフォトをつくる

花の写真の色を、全体に薄くして、
ソフトな地紋のような画像を作ってみましょう!

花


(1)RGBCMYKに変換します。

※注)作者が印刷業界でフォトショップを覚えたので、
CMYKモードでしか、色の動き方がわからないのです。
RGBカラーそのままで補正できる知識がある人には不要です。

   イメージ→モード→CMYKカラー

RGB→CMYK


(2)イメージ→色調補正→トーンカーブ

トーンカーブ

   C(シアン)M(マゼンタ)Y(イエロー)K(黒)を個別に動かすことも可能ですが、
   今回はCMYK(フルカラー)を選択します。


(3)グラフの右上をクリック&ドラッグして、
   100%を50%まで下ろします。

CMYK100→50

    ↑

左下の数値が、入力100% 出力50%に変化します。
(この部分に直接数値入力してもOKです!) 

花-50

50%調(半調)にすると、こんな感じになります。


   グラフの右上をクリック&ドラッグして、
   100%を30%まで下ろします。

CMYK100→30

    ↑

左下の数値が、入力100% 出力30%に変化します。
(この部分に直接、数値入力してもOKです!) 

花-30

CMYK30%にすると、こんな感じになります。

(50%調のものと、色の濃さを比べてみてください)


こういうふうにして、全体が淡いトーンの地紋や
ソフトなイメージフォト風に加工することができます。

   


【関連記事】

目次

RGBカラーとは

CMYKカラーとは?

初めてでも失敗しない色調補正

フォトショップで、写真のまわりをハート型にぼかしてみよう!

イラストレータで描いたベジェ曲線をフォトショップにもってくる

イラストレータで描いたイラストをフォトショップで開く

ペットの写真をフォトショップで合成する~背景を変える~

ペットの写真をフォトショップで加工する~背景をを削除~


フォトショップに関する記事一覧
超簡単オークション商品をキレイに撮影する方法

Photoshop Elements3.0 無料体験版ダウンロードはこちら

フリーソフト「フォトショップミニ」無償ダウンロードは、こちら

PCソフトや電子書籍をダウンロード購入すると楽天スーパーポイントが貯まる!


アドビシステムズ
Adobe Photoshop Elements 4.0 日本語版
Windows版 乗換え・アップグレード版


バナー

相互リンク随時募集!バナーの貼り方について


いつもお世話になってる相互リンクの皆様です♪


アート&デザイン系人気ブログ



トップへ戻る


ペンツールで三角形を描く

三角形も描けなかったというコメントがあったので、
ベジェ曲線三角形を描く方法について書いてみます。


(1)ペンツールを選択、1点目をクリックします。


ペン始点





          クリックすると、点ができます。



三角形一点目




(2)2点目を、右下に描きます。


右ペン


                      ↑


まず右下にカーソルを置いて、ここでクリックします。


三角形2点目


クリックした位置に点が打たれて、線が描けます。




(3)3点目を、左下に描きます。


左ペン
三角形3点目


   この時、Shiftキーを押しながらクリックすると、

   右に打った点と同じ高さに点が打てます。




(4)最初に描いた点の上にカーソルを持っていくと、

   ○印が出たペンツールペン○
が出てきます。

   ○印終点


   ここでクリックすると、

   図形が閉じた形の三角形になります。


閉じた三角形



【関連記事】

目次

三角形をハート形に変える(3)アンカーポイントの位置とベジェ曲線の調整
三角形をハート形に変える(2)直線からカーブをつくる
三角形をハート形に変える(1)アンカーポイントの追加と削除
ベジェ曲線でひよこの絵を描く(後編)
ベジェ曲線でひよこの絵を描く(前編)

【関連書籍】

中村 高之
改訂二版〈Illustratorで学ぶ〉「ベジェ曲線」習熟ドリル
広田 正康
Illustratorベジェ曲線トレーニングブック
エクスメディア
Illustratorベジェ曲線ワークブック―初心者の壁はこれで越える!

Adobe Illustrator CS2 無料体験版ダウンロードはこちら


PCソフトや電子書籍をダウンロード購入すると楽天スーパーポイントが貯まる!



バナー

相互リンク随時募集!バナーの貼り方について


いつもお世話になってる相互リンクの皆様です♪


アート&デザイン系人気ブログ



トップへ戻る


初めてでも失敗しない色調補正(Photoshop)

携帯カメラで撮った画像が
なんだか暗い・・・ってコト、ありますよね?

ペアテディ


そんな時に、
手っ取り早くて失敗しない
色調補正の仕方といえば、コレ!


イメージ→色調補正→自動レベル補正

自動レベル補正

ペアテディ自動レベル補正済

実行後、全体の明るさのバランスが良くなりました!


画像の色調補正は、

手順が多くなると、

それだけ画質がだんだん落ちていくので、

不慣れな初心者には、

すくない手数で無難に色調補正できる

自動レベル補正」がオススメです!



【関連記事】

目次

Photoshopで空の色を明るくする

RGBカラーとは

CMYKカラーとは?

フォトショップで、写真のまわりをハート型にぼかしてみよう!

イラストレータで描いたイラストをフォトショップで開く

ペットの写真をフォトショップで合成する~背景を変える~

ペットの写真をフォトショップで加工する~背景をを削除~

食べ物の写真とライティング~蛍光灯と白色電球で、こんなに色が違う!~

【関連書籍】

早川 広行
早川広行のPhotoshop CSプロフェッショナル講座 (色補正編)
Jet_Company
Photoshop & Illustratorフォトレタッチ・素材作成―Webページ作るならこれで完璧!!
市川 政樹
Photoshop Elementsでカンタンフォトレタッチ for Windows―初めての人でもパソコン写真加工術の達人に

フォトショップに関する記事一覧
超簡単オークション商品をキレイに撮影する方法

Photoshop Elements3.0 無料体験版ダウンロードはこちら

フリーソフト「フォトショップミニ」無償ダウンロードは、こちら

PCソフトや電子書籍をダウンロード購入すると楽天スーパーポイントが貯まる!


アドビシステムズ
Adobe Photoshop Elements 4.0 日本語版
Windows版 乗換え・アップグレード版


バナー

相互リンク随時募集!バナーの貼り方について


いつもお世話になってる相互リンクの皆様です♪


アート&デザイン系人気ブログ



トップへ戻る