ポートフォリオの作り方をゼロから徹底解説

【Photoshop】フォトショの特徴とDTPの基礎知識について詳しく解説

この記事を読むのに必要な時間は約 9 分です。

こんにちは、「ゼロから始めるPhotoshop」略して「ゼロイフォト」講座を始めます。

当講座は具体的なPhotoshop (フォトショップ) の使い方の前に、ざっくりとPhotoshopの特徴やDTPの基本知識の概要を説明します。

では早速始めていきましょう!

Photoshop(フォトショップ)ってどんなソフト?

Photoshopを導入しましょう
当記事の内容を実践するにはPhotoshop(フォトショップ)が必須です。
まだPhotoshopが未導入の方はAdobe公式サイトから入手しておきましょう。
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

Adobe Photoshop(アドビ フォトショップ) とは、印刷、Web、モバイル、ビデオなどの幅広い用途で活用できる、業界標準の強力なグラフィックソフトウェアです。
Photoshopには、高度な描画ツール、豊かで自然な表現を可能にするブラシツール、作業時間を短縮する様々な機能が備わっています。

DTPデザイナー、WEBデザイナー、 絵描き、CGデザイナー、プロダクトデザイナー…、様々な職種で使われています。

DTPソフトウェアの分類と特徴

※DTPとは(Desktop publishing、デスクトップパブリッシング)の略称です。
日本語で卓上出版を意味し、書籍、新聞などの編集に際して行う割り付けなどの作業をパーソナルコンピュータ上で行い、プリンターで出力を行うことです。

DTPソフトウェアは大きく下記のように分類されます。

分類 ソフトウェア例 特徴・用途

ペイント系
(ビットマップ系)

Photoshop
CLIPSTUDIO PAINT
Sai
写真やイラストといった連続諧調の画像に適している拡大、変形により画像が劣化するため、あらかじめ使用目的やサイズに合わせた解像度で作成する必要がある

ドロー系
(オブジェクト系)

Illustrator

拡大・縮小、変形が自由(サイズ、形状を作成した後でも自由に変更が可能)
線画、ロゴ、文字など、はっきりとしたグラフィックを作成するのに適している

レイアウトソフト
(ページジオメトリ)

InDesign
Quark Xpress

写真やイラスト、テキストをレイアウトするためのソフトウェア。複数ページを作成し、組版処理に特化している。マスターページ、スタイルシートといった独自の機能がある。

当講座ではビットマップ系に該当するPhotoshopについて詳しく解説を行います。

ビットマップ画像、ベクターデータ

Photoshop(フォトショップ)に代表されるペイント系ソフトウェアは、ピクセルという色の情報を持った点の集合で画像が構成されている為、拡大すると画像が劣化します。

対してIllustrator(イラストレーター)に代表されるドロー系ソフトウェアは、図形や文字を数学的に記述しているベクター(ベクトル)データです。個々の図形は輪郭線の位置形状、色などを数式で管理している為、拡大や変形を行っても画像が劣化しません。

この画像には alt 属性が指定されておらず、ファイル名は illustrator_01_01.png です
引きの絵だと変わりはありませんが、拡大すると一目瞭然ですね。

カラーモードのついて

RGBカラー

RGBとは、光の三原色のことです。 R(赤)、G(緑)、B(青)の、光の3原色を組み合わせてさまざまな色を表現します。液晶ディスプレイやスキャナーなどで使用されています。

この3色は混ぜるほど明るい色になり、白に近づきます。
そのため、「加法混合」「加法混色」とも呼ばれます。

CMYKカラー

CMYKとは、色料の三原色のことです。C(シアン)M(マゼンタ)Y(黄)K(黒)のそれぞれの頭文字をとっています。

データを紙に印刷した場合などに、この三原色が利用されています。この3色は混ぜるほど暗い色になり、黒に近づきます。
そのため、「減法混合」「減法混色」とも呼ばれます。
しかし、正確には濁った灰色で、純粋な黒色にはなりません。

印刷の時は、このCMYにKを加えた4色(プロセスカラー)を使ってフルカラーを表現しています。

色の再現域について

RGBで作成したデータCMYKに変換すると、色が変わってしまう場合があります。
鮮やかな色味は顕著にその影響が見られます。

下図はCIExy色度図で、人間が認識できるすべての色を現した図です。

この図の中で、印刷で表現できる色とモニタで表現できる色の範囲を比べてみると、印刷で表現できる色の範囲はモニタで表現できる範囲に比べて色の再現域が狭い事がわかります。

色再現域の違いがRGBからCMYKへ変換した際に生じる色の変化です。

Photoshopで作業を進める前に、最終仕上がりのモノがどういった目的に使われるかを想定し、カラーモードを設定して作業を行う必要があります。

DTPの単位系について

文字の大きさを指定する場合はポイントや級を、用紙のサイズや図形の大きさを指定する場合は、mmやcmを使用します。
webで扱う画像ではpxで指定するように、様々な単位系が存在します。

それぞれにの用途に合った単位を使い分けて作業します。

キーボードショートカットについて

作業効率を高める為に必須のキーボードショートカットです。

使い始めの頃はツール一覧を覚えるだけで一苦労だと思います。
しかし慣れてくるとパレットからツール選んで…という操作が面倒くさくなってきます。
そこで下記のショートカットが活躍します。

使用頻度の高いショートカットを厳選しました。

操作は全てツールやメニューの切り替えで行うことができます。
全てのショートカットを覚える必要はありませんが、頻繁に使うショートカットを覚えるだけでも作業の効率化に繋がります。

なお下記にフォトショのショートカット一覧の記事を掲載しています。

【Photoshop】フォトショのショートカット総まとめ

ワンランク上のテンプレート素材

Photoshopの学習をする上で、プロが作成した生データを研究する事は重要です。
普段からデザイン業務をされている方にとって自分以外のプロのクリエイターが作成したデータを見る事は日常茶飯事ですが、そうでない方は見る機会がありません。

AdobeStockのテンプレート素材はプロによる高品質な作品ばかり!
全て商用利用可能なので、テキストを変えるだけでそのまま使えます。

制作の手間を格段に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。


デザイン制作の勉強としての導入にオススメの名刺デザイン。
想像だけで作るとイマイチな仕上がりになりがちですが、良質なサンプルを参考に作ると吸収できる情報の質が段違いです。
相手に舐められない名刺テンプレート50選


バナーもフォトショップの練習をする上で良質な教材です。
想像だけ・中途半端な素材を参考にするのは有効な学習方法とは言えませんよ。
ハイクオリティなバナーテンプレート50選


例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートでレイアウトや余白、文字サイズを簡単に研究可能。内定獲得の可能性が格段にアップします!
厳選!ポートフォリオ用テンプレート34選


ゲームUIの制作は素材制作にはツールの深い知識が必要です。
テンプレートはまさに制作ノウハウの宝庫!
どれも最高の素材ばかりです。
ゲームUIに使えるテンプレート48選


単なる白黒の文字オブジェクトを一瞬で全く別モノへ大変身させるエフェクト52選です。
文字に高品質なエフェクトを追加するモックアップ


写真をはじめとした素材を「あっという間」に全く違うグラフィックへ大変身させるエフェクトです。
時短と品質の向上をされたいかたに超オススメ!
写真を全く違うグラフィックに変える事が出来る高品質なエフェクト50選


良質な素材をもっと見る
上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください!

おわりに

一緒にしがちなPhotoshopとIllustrator、実は全く違ったグラフィックソフトウェアです。
両ソフトの違いを理解し、適切な使い方をしましょう^^

おつかれさまでした。

次回から実際にPhotoshopを立ち上げて操作を始めてみましょう。

【Photoshop】パネルとツールの名称を徹底解説
Illustratorは活用されていますか?
Photoshopだけでなく、Illustratorも活用されているでしょうか?
まだIllustratorを導入されていない方はAdobe公式サイトから入手できます。
なお、学生や教職員の方は公式サイトの学割コンプリートプランが最強にお得!
Illustratorの使い方はゼロから始めるIllustratorで徹底解説しています。
目次一覧
ゼロから始めるシリーズ

現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!