おすすめ情報

おすすめ情報

2016年9月18日

illustratorとPhotoshopの違い

the-difference-between-illustrator-and-photoshop
Bigmacに入社し、illustrator(イラストレーター)やPhotoshop(フォトショップ)を使用するようになりました。

入社するまではPhotoshopは画像の色を変えたり、
トリミングなど画像の大きさの調整のためだけにしか
使用していませんでした。
illustratorに関しては全く触っていませんでした。
いまだにあまり使えていない私ですが、簡単に違いをご紹介。

まずはAdobe CCについて

『Adobe CC』とはAdobe Creative Cloudの略称です。
クラウド上でAdobe商品のインストールやアップデートを
することができます。
今までのバージョンは、バージョンごとに販売されていたので
Photoshopやillustratorなどそれぞれのツールが
独立していました。
最新にするためにはその都度新しいツールを
買い揃える必要がありました。
その煩わしさをなくし、最新製品を月額で
利用できるようになりました。

Photoshop

入社する前は写真編集くらいしかできないソフトだと
思っていました。使い始めて写真編集だけではないと知り、
今回記事にしようと思って調べてみると、
かなりすごいソフトだと思いました。

Photoshopでできること

・電線や人、その他不要なものを自然な形で除去
・ぼかし機能を使い写真に躍動感を持たせる
・数枚の画像を連結させてアニメーションの作成・編集ができる
・3Dコンテンツの作成・編集ができる
・webデザイン

後半部分に関しては私が使うことはなさそうな気がする…が
入社するまでは写真を綺麗にするイメージしかなかった
Photoshop…調べてさらに優秀ソフトだと感じました。

環境設定(編集→環境設定)

最初に作業しやすいよう環境を行いましょう。
▼単位の設定
Photoshopの初期の状態は定規がmm文字がpointになっているので
使用するものに合わせて変更しておくことをお勧めします。
webデザインの場合はpixclに変更。

▼グリッド線
グリッド線とはPhotoshop上にマス目を表示させます。

▼ファイルのバックアップ
Photoshop CCの場合、初期の状態で10分ごとにファイルが
保存されるよう設定されているみたいですが5分〜1時間、
自動なしと設定を変更出来ます。

illustrator

▼illustratorでできること
・印刷物制作
・ロゴや広告、アニメキャラなどイラストの作成
・グラフィックデザインの作成
・web/モバイルデザイン(アイコン作成/合成フォント)

環境設定

こちらもPhotoshop同様単位/グリット線の設定を行うと
作業時困らないと思います。
プロファイル選択時作業に適した単位が設定されます。

二つのソフトを比較してそれぞれのソフトに向いている作業

▼Photoshop
webデザイン
写真加工

▼illustrator
ロゴデザイン
イラストデザイン
ワイヤーフレーム
ポスター制作

▼イラストレーターでwebデザインを作成する場合の注意点

印刷物制作時によく使用されるイラストレーター。
web制作で使用するときはカラー形式の設定に注意しましょう!!

カラー形式には2種類あります。

▼CMYK(色料の三原則)
C→Cyanシアン
M→Magentaマゼンタ
Y→Yellowイエロー
K→Key Plateブラック

印刷物がこの形式です。
混ぜると色が暗くなり、黒に近くなります。

▼RGB(光の三原色)
R→Red赤
G→Green緑
B→Blue青

テレビやパソコン、デジカメがこの形式です。
混ぜると色が明るくなり、三色合わせると白になります。

RGBのデータをCMYKに変換する際はPhotoshopの
イメージ→モードで変換ができます。
(RGBをCMYK画像にした場合モニター上で
色が暗くなる場合があります。)

illustratorとPhotoshopの違い

・クリッピングマスク機能においてはillustratorでは
オブジェクトの上にマスキングされ、Photoshopでは
オブジェクトの下にマスキングされます。

・前の作業に戻るショートカットキー
Ctrl + z。
illustratorでは複数戻ることができますがPhotoshopでは
一つ前までしか戻れません。
・illustratorではワークスペース以外の場所にパーツを
配置したり素材を置いて作業ができますがPhotoshopでは
ワークスペースの中でのみ作業可能です。
・ファイルの保存速度はillustratorは早くて
Photoshopでは遅くなりがちです。
・Photoshopはラスタ画像と呼ばれる、ドット絵のような
四角形の集まりで画像を表現します。
そのため拡大すると、荒い表示になります。
illustratorはベクター画像と呼ばれる。
点座標や線の方程式で画像を表現しています。
ビットマップ画像と違い拡大しても荒くなることはありません。
Photoshopで作る場合あまり拡大するとギザギザの画像に
なってしまうので原寸大で作成することをお勧めします。

その他Adobe製品の紹介

■Lightroom
デジタル一眼レフカメラなどで撮影した写真を
管理・編集するツール。

■Acrobat DC
PDFの閲覧・作成を行うツール。

■Dreamweaver
webサイトやモバイルコンテンツを構築できる
ホームページ作成ソフト。

■After Effects
動画編集ツール。

Adobeは体験版がでているのでまずは体験版を
使用し使ってみることをお勧めします。

Photoshop&illustratorに関する資格

▼Photoshopクリエイター能力認定試験
画像の編集・調整加工能力を認定する試験。
スタンダード・エキスパートの2種類あり、
スタンダードではPhotoshopの基本操作や
指示通りに作業できるかが中心。
エキスパートではwebデザインの基本的な知識が
あるかどうか、目的に対して創造的な制作が
できるかどうかが判断基準となっている。

▼illustratorクリエイター能力認定試験
illustratorを使用し、提示されたテーマ・素材から仕様に従い
コンテンツを制作する能力を認定する試験。
こちらもPhotoshopクリエイター能力認定試験同様、
スタンダード・エキスパートの2種類あり、
スタンダードはillustratorの基本操作や
指示通りに作業できるかが中心。
エキスパートではDTP/webデザインに関する
基本知識があるかどうか、
デザインコンセプトや目的に応じて
表現できるかが判断基準となっている。

▼アドビ認定アソシエイト
アドビシステム社が行ってる資格認定制度。
この試験に合格すると世界共通の認定証が発行されるので
就職や転職、仕事でのスキルアップに有利になるため人気の資格。

まとめ

いままでよくわからなかったこの二つのソフトですが、
状況に応じて両方のソフトを使えることが望ましいと思いました。
両方覚えるのはとても大変そうですが
それぞれの特化した部分から理解していけたらなーと…。

今現在webに関するものはPhotoshop、DTPはillustratorを
使用するという感じで使ってきましたが、時間があるときに一度、
illustratorでのwebデザインをしてみたいなと思いました。

このエントリーをはてなブックマークに追加
メルマガ登録