マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBデザイン

【これから始めるWEB制作】adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その2~

投稿日:2015年1月8日 更新日:

あけましておめでとうございます。
ひよっこWEB制作者のMです。
9連休、上京してから史上最長の帰省でしたが
実家にあたらしくやってきた家族(ワンちゃん、0歳)に
ちゃんと覚えてもらえたことが嬉しかったです。
次に帰省するときまでに忘れ去られていないことを切に願います。
余談はさておき、本年もマーカーネットを宜しくお願い致します。

Contents

adobeとはなんぞや? ~前回のおさらい~

今更だけど、adobe製品ってなにができるソフトなの?
フォトショとかイラレとかよく聞くけど……?? カ、カタカナムズカシイ
そもそも、なんて読むんだ?『あどべ??』 (これは3年前の私ですね)

・・・・・・思い出していただけましたでしょうか。

———————————————————————————————-
前回は
adobeの基礎知識
①WEB(主にWEBサイトの素材制作・サイト設計)に属する
Fireworks、Dreamweaver、Flashについて説明させていただきました。

記事はこちら↓
【これから始めるWEB制作】adobe?フォトショ??イラレ???adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その1~
———————————————————————————————-

本日は、
②デザイン(主に出版物のデザイン(DTP)・レイアウト・イラスト制作)に属する
Illustrator、inDesignについてご説明いたします。

Illustrator

進化し続けるベクトルグラフィックツール
(1987年1月にver.1.0誕生、現在CS6)

Adobe Illustrator(アドビ イラストレーター)は、アドビシステムズが販売するベクターイメージ編集ソフトウェア(ドローソフト)である。イラスト制作は勿論のこと、ロゴタイプや図面、広告、パッケージなどをデザインする描画ツールソフトとして、印刷業界などあらゆる分野で使用されている。特にDTP業界においては印刷物(チラシや小冊子)制作ソフトとしてはデファクトスタンダードとなっていて、デザイナーはAdobe Photoshopと併せて使用する場合も多い。また、プラグインを追加することで、CADや3D CG機能などを拡張することもできるので、様々な分野のクリエイターが使用している。

adobe製品の代表ともいえるPhotoshopとIllustrator。それぞれフォトショ、イラレと略されることが多いです。この2製品、違いと役割を混同してしまう方が多いですが全く異なる製品です!簡単に言うと、Photoshopが『写真の自由な加工』が専門分野であるのに対しIllustratorは『データ・レイアウトの正確な作成』が専門分野であるということです。

イラレは画像を数値や式として表現する『ベクターイメージ』を作成・編集するソフトで、直線や曲線、円などの図形を組合わせて制作を行います。画像を劣化させることなく拡大・縮小・変形が容易にできるため、大きさを問わない様々な媒体への利用が可能なことが最大の特長です。

Illustratorの基本は兎にも角にも、“パス”!何を描くにしても、とにかくパスを描かなくては何もはじまりません。が、慣れるまではとっても難しいんですよね。こればっかりは、トレース(なぞる)練習を積み重ねてコツをつかむほかありません。私もまだまだ使いこなせていません!毎日少しずつでも練習して綺麗な曲線を描けるようになりたいです。頑張りましょう!

Illustratorに関連する記事一覧

こちらより製品の詳細を知る・体験版のダウンロードができます。

Indesign

印刷および電子出版のためのページデザインとレイアウト
(1999年8月にver.1.0誕生、現在CS6)

Adobe InDesignは、ページレイアウトソフトです。IllustratorとInDesignのどちらのアプリケーションを使用しても、印刷用のドキュメントを制作することは可能です。しかし、大きく異なるのは、InDesignがページレイアウトを行うアプリケーションであるということです。Illustratorには、ノンブルや柱といったページ物に欠かせないアイテムを作成する機能はありません。また、ページをまたいでテキストが流れるようなドキュメントは基本的に作成することができません(Illustratorのマルチプルアートボード機能を使用すれば可能ですが、すべて手動で設定等を行うため、統一したレイアウトを作成するのには非効率となります)。
他にも、表組みや特色の掛け合わせ、目次や索引等、Illustratorには搭載されていない機能も多く、操作性や機能性を考えた場合、やはりページ物制作にはInDesignを使用した方が効率的に作業できるのは間違いありません。

( InDesign CC入門ガイド より引用 )

ほおぉ~なるほど~!!興味はあったものの、恥ずかしながら今までIndesignを使用したことが無かった私はざっくりとしか認識しておらず……一人でふむふむ、と唸ってしまいました。公式の help を読むだけでワクワクしますね(笑)

DTP(Desk Top Publishingの略。出版物のデザインやレイアウトをPCで行い、データを印刷書に渡し出版する事)三大ソフトと呼ばれるIndesign、Photoshop、Illustrator。これらは非常に仲が良く、連携がドラック&ドロップで可能なほどの密接関係にあります。Indesignの一番の強みは、日本語の組版に力を入れた点。アメリカで販売されているものを一から日本語に最適化しているだけあって、日本語独特の文書処理が非常に強力です。縦書きに強いレイアウトソフトとして普及していきました。

こちらより製品の詳細を知る・体験版のダウンロードができます。

 

IllustratorとIndesign、こうしてみると全く違う製品だということがよく分かりますね。ページ数の多い冊子や書籍ではIndesign、数ページのパンフレットやチラシ、ポスターなどではIllustratorなどと、それぞれの強みを生かして正しい使い分けが出来れば作業効率が格段にあがりそうです。

 

ということで、
adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その2~でした。

 

最後は
③写真・映像(主に写真の加工・映像やビデオの制作・編集)に属する
Photoshop、Photoshop Lightroom、After Effects
についてご説明いたします。

 

マーカーネットでは、このようなソフトを駆使して日々WEB制作に励んでおります。

マーカーネットにホームページ制作・WEB制作の依頼をお願いしたい方は是非こちらからどうぞ!

 

———————————————————————————————-
adobeの基礎知識
①WEB(主にWEBサイトの素材制作・サイト設計)に属する
Fireworks、Dreamweaver、Flashについて


記事はこちら↓
【これから始めるWEB制作】adobe?フォトショ??イラレ???adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その1~
———————————————————————————————-
②デザイン(主に出版物のデザイン(DTP)・レイアウト・イラスト制作)に属する
Illustrator、inDesignについて

記事はこちら↓
【これから始めるWEB制作】adobe?フォトショ??イラレ???adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その2~

———————————————————————————————-
③写真・映像(主に写真の加工・映像やビデオの制作・編集)に属する
Photoshop、Lightroom、After Effectsについて

記事はこちら↓
【これから始めるWEB制作】adobe?フォトショ??イラレ???adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その3~
———————————————————————————————-

東京のWEB制作会社 マーカーネット株式会社 公式WEBサイトへ

-WEBデザイン

関連記事

【デザイナーをお助け!vol.2】まずは真似から!○○に特化したWEBサイトまとめサイト

「ピンとこない、なんか違う、と迷いすぎて時間がどんどん無くなっていく!効率悪っ!」 「デザインがパターン化されていつも似たようなサイトに・・・。この負のスパイラル、払拭したい!」 「そもそも私初心者な …

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

WEBサイトのデザイン素材を紙媒体に使うとき、ベクターのデータがなくて困ったことありませんか? ペンツールでトレースするのも時間がかかるし、Photoshopでパスを作成したら境界がギザギザになってし …

知らなかった!じゃ済まされない。フラットデザインの落とし穴

こんばんわ!WEBデザイナー歴10年目に突入間近のHです! 以前、2015年に流行るWEBデザインのトレンドを3つ、ご紹介させて頂きました。 ①フラットデザインの更なる普及 ②クリックを出来るだけ減ら …

【デザイナーをお助け!】○○に特化したフリー素材サイト5選

【デザイナーをお助け!】○○に特化したフリー素材サイト5選

なるべく早く作ってほしい!! 今週末までに提出お願い!! ・・・・・・ヤバイ、時間がない。 こんな急ぎの依頼が来たときに、デザイナーさんの手助けをしてくれる素材サイト。 今回は、特定のジャンルに特化し …

WEBトレンド!?パーツの動きに注目!!~素敵サイトの旅 その2~

明けましておめでとうございます。web初心者のKです! 本年もどうぞよろしくお願いいたします。 みなさま、お正月はいかがお過ごしでいたでしょうか? 私はあまりに寒すぎて冬眠できないかな~、と、 食いだ …