2005-11-11 10:49:59

画像・色彩に関する基礎知識 INDEX

テーマ:画像・色彩に関する基礎知識&Tips

【画像に関する基礎知識】

解像度をあげる、解像度をおとす New!

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

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

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


【色彩に関する記事】

加法混色と減法混色

RGBカラーとは

CMYKカラーとは?

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

【フォトショップ(色変換・半調)】

モノクロの写真をセピア調に加工する

Photoshopでカラー写真をモノクロに変換する

Photoshopで2色、3色のカラーバリエーション画像をつくる

Photoshopでモノクロ写真のネガポジを反転してみる

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


【フォトショップ基本操作】

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

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

超簡単オークション商品をキレイに撮影する方法

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

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

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


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


バナー

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


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


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



トップへ戻る


AD
いいね!した人  |  コメント(0)  |  リブログ(0)
2005-11-11 10:29:59

解像度をあげる、解像度をおとす

テーマ:画像・色彩に関する基礎知識&Tips

そろそろ年賀状どうしようかなあ…と
考え始めている人も、多いんじゃないでしょうか?


今日は、年賀状制作に最低限必要な
画像の解像度について、
詳しく説明してみたいと思います。


年賀状など、はがきを作る場合は、
紙に印刷するわけですから、
使用する大きさ(実物大)で、解像度300dpi必要です。


まず、画素数はそのままで
解像度を上げる場合について、説明します。


解像度は、フォトショップで
イメージ→画像解像度 を見ると、確認できます。

イメージ→画像解像度


(1)たとえば、72dpiで、
   A4サイズの画像データがあったとします。

A4-72dpi


ピクセル数は、幅595×高さ842pixel、
画像の寸法は、幅210×高さ297.05mm
です。


(2)これを、300dpiに変更します。

※「画像の再サンプル」は、必ずチェックはずしてください!

A4→×再サンプル300dpi

ピクセル数は、幅595×高さ842pixel、(1)と同じです。
画像寸法は、幅50.38×高さ71.29mm
密度が濃くなって、画像の寸法は小さくなりました。


「画像の再サンプル」のチェックをはずす
画素数(ピクセル数)は、そのまま
密度(解像度)だけを変えることができます。


次に、画素数をすくなくして、
データ容量を小さくする場合について、説明します。


(3)たとえば、300dpi
   A4サイズの画像データがあったとします。

A4-300dpi

ピクセル数は、幅2480×高さ3510pixel、
画像の寸法は、幅 210×高さ 297.18mmです。


ハガキサイズは100×148mmですから、
A4サイズ(210×297mm)では、大きすぎますね。
容量も、33.2Mでは、重すぎます。


(4)今度は「画像の再サンプル」にチェックを入れて
   幅を100mmに変更します。

A4→○再サンプル幅100

ピクセル数は、幅1181×高さ1672pixelに、
画像の寸法は、幅100×高さ141.53mmになりました。


このように、
「画像の再サンプル」にチェックを入れる
画素数(ピクセル数)を間引いて
容量を小さくすことができます。


「画像の再サンプル」っていうのは、
そのドキュメントの大きさに合わせて、
ピクセルを作り直すってことなのです。


では、低解像度の画像データの
解像度を上げ
ことは、できるか?


画像の面積を小さくすれば、

解像度を上げることはできます。


画像の面積はそのままで解像度だけ上げるというのであれば、

数値上のつじつまを合わせることは可能ですが、
粗い画像を、それ以上細かくすることは、できません。


(5)たとえば、72dpiで
   1×1inchの正方形があったとします。

1×1inch-72dpi

dpi(ドットパーインチ)とは、
1ピクセルあたりのピクセルの数です。

1×1inch正方形解像度

1×1inchの正方形は、
幅72×高さ72pixelで、構成されているというわけです。


(6)この正方形の解像度を、300dpiにしてみます。

「画像の再サンプル」には、チェックを入れて
解像度を300に変更すると、
幅300×高さ300pixelに、数値は変わります。

1×1inch○再サンプル300dpi


しかしこれは、
1つの正方形が、25分割になったようなもの。
水増しされただけなんですね。

1×1inch正方形5×5正方形

小さなタイルを敷きつめて1インチ角にしても、
大きいタイル1枚で1インチ角にしても、
見た目上は、変わりありません。


ですから、紙に印刷する場合は、
最初から、「使用サイズで300dpi」
画像データを用意する必要があるのです。


画面できれいに見える解像度(72dpi)
紙に印刷してキレイな解像度(300dpi)は、
違うっていうことを、頭に入れて、使用する画像は準備しましょう!



【画像に関する基礎知識】

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

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

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


超簡単オークション商品をキレイに撮影する方法

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

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


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


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


バナー

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


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


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



トップへ戻る


AD
いいね!した人  |  コメント(4)  |  リブログ(0)
2005-09-21 14:02:07

加法混色と減法混色

テーマ:画像・色彩に関する基礎知識&Tips

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

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版 乗換え・アップグレード版


バナー

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


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


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



トップへ戻る


AD
いいね!した人  |  コメント(0)  |  リブログ(0)
2005-09-20 10:38:20

RGBカラーとは

テーマ:画像・色彩に関する基礎知識&Tips

は、光の三原色


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ソフトや電子書籍をダウンロード購入すると楽天スーパーポイントが貯まる!


バナー

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


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


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



トップへ戻る


いいね!した人  |  コメント(1)  |  リブログ(0)
2005-09-18 00:08:36

CMYKカラーとは

テーマ:画像・色彩に関する基礎知識&Tips
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版 乗換え・アップグレード版
いいね!した人  |  コメント(4)  |  リブログ(0)
2005-08-29 11:41:15

パソコン画面を画像化して活用

テーマ:画像・色彩に関する基礎知識&Tips

スクリーンショットは、
覚えておくと便利な機能です。


スクリーンショット画面


Windowsなら
キーボードのテンキーの左上あたりに
「print Screen」というボタンがあると思います。
これをクリックすると
パソコンの画面をそのまま画像化してくれます。


Macの場合は
「りんごマーク」「Shift」「3」を同時にクリック。


これはそのままイラストレータなどにも貼れます。

Windowsなら、
スタートメニューすべてのプログラムアクセサリペイントを開いて、貼付。


ペイント


これを使えば、
例えば他のHPの紹介記事などにも使えますね。


ブログ紹介

☆VIP画像宝庫☆で紹介していただきました

あと、賢い使い方としては、
バックアップをとる時!


ファイル名の一覧がわかる画面を
プリントアウトしてラベルにすれば、
後でバックアップデータを探す時に、便利!


写真をCD-ROMに焼く場合も

画像一覧のインデックスプリントを作っておくと

後で写真が探しやすくて便利です☆


【関連記事】

RGBカラーとは

CMYKカラーとは?

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

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



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

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

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

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


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


バナー

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


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


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



トップへ戻る


いいね!した人  |  コメント(2)  |  リブログ(0)
2005-08-28 11:28:51

食べ物の写真とライティング

テーマ:画像・色彩に関する基礎知識&Tips
05-08-28_11-22.jpg


        (蛍光灯で撮影) (白色電球で撮影)


蛍光灯がついた室内で撮った写真って、
なんだか緑色っぽくなると
感じたことはありませんか…?

光を分解すると
虹のように七色になります。

青い色は波長が短く
夕日の赤色は、波長が長い。

光の色合いによって、
色温度が違ってくるわけです。

同じトレー・同じ皿にのせた
うどんと梅干しを
ひとつは蛍光灯の下で、
もうひとつは白色電球(いわゆる裸電球)

の下で撮ってみました。

光源が蛍光灯のものは、
明るい部分が青白くなり、
光源が白色電球のものは、
暖かみのある色調バランスに☆

食べ物なんかを撮る時は、
ちょっと赤みのある
白色電球の下で撮ったほうが、
おいしそうな色合いに仕上がります!

携帯カメラで撮る写真も、
こんなふうに
ライティングをちょっと変えるだけで
仕上がりが一味ちがってきますよ!




【関連記事】
Photoshopで、食べ物の写真をおいしそうな色に加工する


接写モード

撮影には光も大事



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

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

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



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


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


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


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



トップへ戻る


いいね!した人  |  コメント(2)  |  リブログ(0)
2005-08-26 10:34:48

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

テーマ:画像・色彩に関する基礎知識&Tips

ぴーた ひよこ


  JPEG向き       GIF向き

(階調のある写真) (ベタ面の多いイラスト)


JPEGGIFも圧縮の一形式。


では、JPEGGIFの違いはというと…?


JPEGは、写真のように
階調のある画像の圧縮に向いてます。

(携帯カメラで撮った画像は
JPEG形式になっているようです。)


GIFは、アニメっぽいイラストとか、
ベタ面で塗ってあるようなものに向いています。


アメーバブログは
UPできる画像の容量に制限がありますから、
画像の性質に合った圧縮形式を選ぶと良いですね!

GIFの方が容量が小さくなる場合もあるので☆)


しかしmixiなど他のサイトでは

JPEG画像しか使えないところもあるので

保存形式については、知っておきたいところ☆



GIFアニメーションが作れる面白ソフトの紹介です♪


ウゴツール(社会人1年目の日記)


【関連記事】

RGBカラーとは

CMYKカラーとは?

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


フォトショップに関する記事一覧

フォトショップでデジカメ画像の解像度を一気におとすバッチ、、
超簡単オークション商品をキレイに撮影する方法

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

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



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


バナー

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


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


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



トップへ戻る


いいね!した人  |  コメント(6)  |  リブログ(0)
2005-08-25 12:41:53

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

テーマ:画像・色彩に関する基礎知識&Tips

ピクセル説明

画像解像度とは=1インチあたりのピクセル数です。

ピクセルとは、画面の最小単位。
(点のようなものをイメージしてください)


画面を拡大すると、
小さな四角形の連続で、
画面が構成されているのがわかると思います。

この1個1個の四角形を「ピクセル」と呼びます。


ちなみに
パソコンの画面の解像度は、
72dpi(dpi=ドット パー インチ)
1インチあたり
72個のピクセルという密度で構成されています。


紙にプリントアウトする場合は、
250~300dpiは必要です。


画面で見てキレイに見える解像度と、
紙に印刷してみて、ギザギザが目立たなく
キレイに仕上がる解像度は、違うんですね☆


では、画素数とは?


一般的にデジカメでは、
A6(ポストカードサイズ)にプリントして
キレイに仕上がる解像度を基準にしています。
(フツー、サービスサイズか
ポストカードサイズくらいで使うことが多いですよね?)


A6 = 105×148.5mm

1inch = 25.4mm ですから、
A6 ≒ 4×6inch になります。


解像度300dpiだとすると、

短辺=4×300pixel=1,200pixel
長辺=6×300pixel=1,800pixel

短辺×長辺=1,200×1,800pixel=2160,000pixel

…216万画素って計算になりますね~☆


というわけで、

解像度画素数の数値が大きければ大きいほど

きめ細かな画面になるというわけです。



こちらのブログも、解像度についてわかりやすく説明してあって、オススメ、!


フォトショップ5.5デジコミ講座「解像度1」

フォトショップ5.5デジコミ講座「解像度2(中級編)


【関連記事】
RGBカラーとは
CMYKカラーとは?
画像の保存形式 JPEGとGIFの使い分け
解像度をあげる、解像度をおとす

フォトショップに関する記事一覧


バナー

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


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


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



トップへ戻る


フォトショップでデジカメ画像の解像度を一気におとすバッチ、、
超簡単オークション商品をキレイに撮影する方法

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

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

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


アドビシステムズ
Adobe Photoshop Elements 4.0 日本語版
Windows版 乗換え・アップグレード版
いいね!した人  |  コメント(7)  |  リブログ(0)

AD

メルマガ購読・解除
 

ブログをはじめる

たくさんの芸能人・有名人が
書いているAmebaブログを
無料で簡単にはじめることができます。

公式トップブロガーへ応募

多くの方にご紹介したいブログを
執筆する方を「公式トップブロガー」
として認定しております。

芸能人・有名人ブログを開設

Amebaブログでは、芸能人・有名人ブログを
ご希望される著名人の方/事務所様を
随時募集しております。