ことばほどき

画像の形式や操作を、
違いから理解する。

背景を透かしたい、画像を小さくしたい。保存する前に、目的に合う形式と操作を確認できます。

いまの疑問から探す ↓

画像の形式・編集の基本

ロゴの背景を透明にしたはずなのに、白い四角が出る。JPEG・PNGどちらも画像を保存する形式です。一般的なJPEGは写真を小さな容量にしやすい一方、透明部分を保存できません。PNGは透明部分を扱え、可逆圧縮で画像データを保存できます。小さなロゴを看板用に大きくしたら、輪郭がギザギザになった。ベクター・ラスターラスターは小さな画素を並べて表す画像、ベクターは線や曲線などの情報で形を表す画像です。写真と、拡大して使うロゴでは、扱いやすい作り方が異なります。正方形にしたい。写真を横から押し縮めればよい?トリミング・リサイズトリミングは画像の一部を切り取って構図を変えること。リサイズは画像の縦横の大きさを変えることです。端を切りたいのか、全体を小さくしたいのかで選びます。画像が容量制限に入らない。画質を下げるしかない?画像の圧縮画像のファイル容量を小さくする処理です。元の画像データを復元できる可逆圧縮と、一部の情報を省く非可逆圧縮があります。画像の縦横を小さくするリサイズとは、別の設定です。「同じフォントにして」と言われた。名前が似ていれば同じ?書体・フォント書体は、共通した考え方でデザインされた文字の集まり。フォントは、現在のデジタル制作では、その文字を使えるようにしたデータや文字のまとまりを指します。現場では近い意味でも使われます。

レイヤー・合成

文字だけ動かしたいのに、背景まで一緒に動いてしまう。レイヤー画像や文字などを、別々の層に分けて重ねる仕組みです。背景・写真・文字を分けておくと、変更したい部分を選んで編集しやすくなります。背景を消したあとで、髪の端を少し戻したくなった。レイヤーマスクレイヤーのどこを見せ、どこを隠すかを指定する仕組みです。画像そのものを消す代わりに表示範囲を調整できるので、隠した部分を見直しやすくなります。写真の上に置いた色の板を、少し透かしたい。不透明度選んだレイヤーを、どの程度はっきり見せるかの設定です。値を下げると下の内容が透けて見えやすくなります。画像の明るさを上げ下げする設定とは違います。同じ画像なのに、「乗算」にすると色が変わった。描画モード・ブレンドモード上のレイヤーと下の画像の色を、どのように組み合わせるかを選ぶ設定です。ただ薄く重ねるだけでなく、暗くする・明るくするなど、合成の計算方法を変えます。いったん小さくした写真を、あとでもう少し大きくしたい。スマートオブジェクトPhotoshopで元の画像などを保持しながら、拡大縮小やフィルターなどを扱うための仕組みです。中の素材と、配置・変形などの編集を分けて管理できます。

言葉から探す

画像・デザイン

JPEG・PNG

ジェイペグ・ピング

どちらも画像を保存する形式です。一般的なJPEGは写真を小さな容量にしやすい一方、透明部分を保存できません。PNGは透明部分を扱え、可逆圧縮で画像データを保存できます。

画像・デザイン

ベクター・ラスター

vector / raster

ラスターは小さな画素を並べて表す画像、ベクターは線や曲線などの情報で形を表す画像です。写真と、拡大して使うロゴでは、扱いやすい作り方が異なります。

画像・デザイン

トリミング・リサイズ

crop / resize

トリミングは画像の一部を切り取って構図を変えること。リサイズは画像の縦横の大きさを変えることです。端を切りたいのか、全体を小さくしたいのかで選びます。

画像・デザイン

画像の圧縮

image compression

画像のファイル容量を小さくする処理です。元の画像データを復元できる可逆圧縮と、一部の情報を省く非可逆圧縮があります。画像の縦横を小さくするリサイズとは、別の設定です。

画像・デザイン

書体・フォント

typeface / font

書体は、共通した考え方でデザインされた文字の集まり。フォントは、現在のデジタル制作では、その文字を使えるようにしたデータや文字のまとまりを指します。現場では近い意味でも使われます。

画像・デザイン

レイヤー

layer

画像や文字などを、別々の層に分けて重ねる仕組みです。背景・写真・文字を分けておくと、変更したい部分を選んで編集しやすくなります。

画像・デザイン

レイヤーマスク

layer mask

レイヤーのどこを見せ、どこを隠すかを指定する仕組みです。画像そのものを消す代わりに表示範囲を調整できるので、隠した部分を見直しやすくなります。

画像・デザイン

不透明度

opacity

選んだレイヤーを、どの程度はっきり見せるかの設定です。値を下げると下の内容が透けて見えやすくなります。画像の明るさを上げ下げする設定とは違います。

画像・デザイン

描画モード・ブレンドモード

blend mode

上のレイヤーと下の画像の色を、どのように組み合わせるかを選ぶ設定です。ただ薄く重ねるだけでなく、暗くする・明るくするなど、合成の計算方法を変えます。

画像・デザイン

スマートオブジェクト

Smart Object

Photoshopで元の画像などを保持しながら、拡大縮小やフィルターなどを扱うための仕組みです。中の素材と、配置・変形などの編集を分けて管理できます。

ほかの分野も見る →