「Illustrator 講習会」の版間の差分

提供：マルチメディア工房
ナビゲーションに移動 検索に移動
 
(同じ利用者による、間の8版が非表示)
57行目: 57行目:


=== 練習問題 ===
=== 練習問題 ===
以下のような図形を描いてみましょう。
# 以下のような図形を描いてみましょう。<br />[[File:ai_ex1.png]]
 
# 描いたら、並び順を逆にして、紫を一番手前〜赤を一番奥、と変更してみましょう。
[[File:ai_ex1.png]]
# 上と同じ色を使って、以下のような図形を描いてみましょう。<br />[[File:ai_ex2.png]]
 
描いたら、並び順を逆にして、紫を一番手前〜赤を一番奥、と変更してみましょう。


== レイヤーパレット ==
== レイヤーパレット ==
84行目: 82行目:
* アンカーポイントで滑らかに繋がらないようにするには、アンカーポイント切り換えツールでコントロールポイントをドラッグ
* アンカーポイントで滑らかに繋がらないようにするには、アンカーポイント切り換えツールでコントロールポイントをドラッグ
* ペンツールを使っているときに option キーを押すとアンカーポイント切り換えツールに切り替わる
* ペンツールを使っているときに option キーを押すとアンカーポイント切り換えツールに切り替わる
=== 練習問題 ===
=== 練習問題 （余裕があれば）===
http://sumi.riise.hiroshima-u.ac.jp/mfac/ai-pen.zip (7.3MB) をダウンロード、展開して下さい。
http://sumi.riise.hiroshima-u.ac.jp/mfac/ai-pen.zip (7.3MB) をダウンロード、展開して下さい。
# pen1.ai, pen2.ai の図を描いてみましょう。
# pen1.ai, pen2.ai の図を描いてみましょう。
# 長方形ツール、楕円形ツール、ペンツール、などを使ってドラえもんを描いてみましょう。
# 長方形ツール、楕円形ツール、ペンツール、などを使ってドラえもんを描いてみましょう。
== 図形の変形・分割 ==
* 拡大縮小ツール[[File:tool_resize.png]]と回転[[File:tool_rotate.png]]ツール
** クリックで変形の原点を移動
** ドラッグで変形
** Optionクリックで数値入力
* はさみツール[[File:aitools6.png]]で、図形の輪郭線（パス）上をクリックすると、そこで切れる。二カ所を切ると、図形が切り離せる。<br />[[File:ai_scissors.png]]
* 二つの（オープンな）アンカーポイントを選んで、メニューの「オブジェクト』→「パス」→「連結」とすると、つながる。<br />[[File:ai_join.png]]
=== 練習問題 ===
以下のような図形を描いてみましょう。
[[File:ai_ex3.png]]


== テキストツール ==
== テキストツール ==
111行目: 122行目:


[[File:time.png]]
[[File:time.png]]
== ファイル形式 ==
* AI 形式が基本
* 用途に応じて
** PDF として保存→Illustratorを持ってない人とのデータ共有、Officeへの貼付け
** PNG, JPEG 等に書き出す→ Webに掲載する

2010年10月4日 (月) 12:02時点における最新版

この講習会の目標

はじめて Adobe Illustrator を扱う方を対象に、Illustrator の基本操作を習得することを目標とします。具体的には以下ができるようになることが目標です。

  1. Photoshop と Illustrator で扱う対象の違いを言うことができる
  2. 長方形ツール、楕円形ツール、ペンツールを使って、簡単な線画ならば自由に書くことができる
  3. 選択ツールとダイレクト選択ツールの違いを言うことができる
  4. ポイントテキストとテキストボックスの違いを言うことができる

必要としている前提知識は特にありません。

基本知識

  • ラスタ画像とベクタ画像
    • 画像をデジタル化
    • デジタル化=>文字、数値であらわすことができればよし
    • ラスタ画像：画像をマス目で区切り、各マス目の色を記録する：写真
    • ベクタ画像：円や四角などの図形を描く手順を記録する：グラフ
    • Illustrator はベクタ画像を扱う代表的なソフト
    • ラスタ画像をグラフィック要素として扱う事もできる
  • 色の数値表現
    • RGB方式：加法混色。光の三原色。赤(R)と緑(G)と青(B)をまぜる
    • 他にCMYK方式、Lab方式などがある
    • CMYK方式は印刷に使うので、RGBの画像を印刷する際にはどこかでCMYK方式に変換される
    • 表す事のできる色の範囲が異なっており、変換は一意ではない

新規ファイル作成

Aiscreen1.png

  • アートボード（≒出力する紙）の大きさ、カラーモードなどを指定
  • 書類ウィンドウの操作
    • ウィンドウの消去、最小化、最大化、大きさ変更
    • タブ
    • 表示倍率をポップアップメニューから選ぶ。cmd-0 と cmd-1

Aiscreen2.png

四角と丸を描く

  • ツールパレットから「長方形ツール」もしくは「楕円形ツール」
    Aitool1.png
    • ドラッグで描画。対角線を指定する。
    • optionキーを押しながらドラッグで、中心から描画。
    • shiftキーを押しながらドラッグで、正方形もしくは正円を描画。
    • ドラッグでなくてクリックすると、寸法を数値入力して描ける。
      Aitool4.png
  • 塗りと線
    Aitool2 0.png
    • それぞれの色の指定、「なし」の指定
    • 線の太さ、破線指定
    • スポイトツール Aitool5.png で、既に描いた図形から色等の属性をコピーできる。コピーするものは、ツールをダブルクリックで取捨選択可能。
  • オブジェクトの操作
    • 選択ツール Tool-select.png でクリックして選択。
    • 選択すると、8個のハンドルが表示される。これで拡大・縮小・回転ができる
      Aiselectino.png
    • shift キー押しながらクリックで複数選択。もしくは、何もないところをドラッグして矩形を作り、かかるものを選択。
    • deleteキーで削除。メニューの「編集』→「カット／コピー／ペースト」
    • option キー押しながらドラッグで、複製を作って移動
  • 前後の入れ替え
    • メニュー「オブジェクト」→「重ね順」

練習問題

  1. 以下のような図形を描いてみましょう。
    Ai ex1.png
  2. 描いたら、並び順を逆にして、紫を一番手前〜赤を一番奥、と変更してみましょう。
  3. 上と同じ色を使って、以下のような図形を描いてみましょう。
    Ai ex2.png

レイヤーパレット

Aitools3.png

  • すべての図形要素が表示される。
  • ここでも図形の前後（重ね順）を変更できる
  • 動かしたくないものはロック
  • とりあえずいらないものは不可視
  • 名前もつけられる

図形の選択

  • 選択ツール Tool-select.png とダイレクト選択ツール Tool-directselect.png がある
  • 選択ツールで選択すると、オブジェクト全体やグループ全体が選択される。8つのハンドルが表示される。拡大、縮小、回転が可能
  • ダイレクト選択ツールでは、オブジェクトの部品、すなわち部分パスかアンカーポイントを選択できる
  • どちらのツールでも、shiftキーを押しながらクリックで選択追加、削除

ペンツール

Tool-pen.png Curve.png

  • Adobe講師によると習得に5年かかるらしい :-p
  • クリックでコントロールポイントのないアンカーポイント作成
  • クリック＆ドラッグで、アンカーポイントを作成＆コントロールポイント調整
  • 描画済みのアンカーポイント、コントロールポイントの位置は、ダイレクト選択ツールで調整
  • アンカーポイントで滑らかに繋がらないようにするには、アンカーポイント切り換えツールでコントロールポイントをドラッグ
  • ペンツールを使っているときに option キーを押すとアンカーポイント切り換えツールに切り替わる

練習問題 （余裕があれば）

http://sumi.riise.hiroshima-u.ac.jp/mfac/ai-pen.zip (7.3MB) をダウンロード、展開して下さい。

  1. pen1.ai, pen2.ai の図を描いてみましょう。
  2. 長方形ツール、楕円形ツール、ペンツール、などを使ってドラえもんを描いてみましょう。

図形の変形・分割

  • 拡大縮小ツールTool resize.pngと回転Tool rotate.pngツール
    • クリックで変形の原点を移動
    • ドラッグで変形
    • Optionクリックで数値入力
  • はさみツールAitools6.pngで、図形の輪郭線（パス）上をクリックすると、そこで切れる。二カ所を切ると、図形が切り離せる。
    Ai scissors.png
  • 二つの（オープンな）アンカーポイントを選んで、メニューの「オブジェクト』→「パス」→「連結」とすると、つながる。
    Ai join.png

練習問題

以下のような図形を描いてみましょう。

Ai ex3.png

テキストツール

  • ポイントテキストとテキストボックスがある
  • 文字ツールでクリック→ポイントテキスト
  • 文字ツールで矩形ドラッグ→テキストボックス
  • 文字種の設定、段落の設定は通常のワープロと同じようなもの
  • ルーラもある

揃える！

揃えるべきところをきちんと揃えるのがレイアウトの基本です。

  • オブジェクトの整列と分布
    • メニューの「ウィンドウ」→「整列」
    • 複数オブジェクトを選択して、整列ボタンをクリック
  • ガイド
    • 定規から引っ張りだす
    • オブジェクトをガイドにする：メニューの「表示」→「ガイド」→「ガイドの作成」

練習問題

Wikimedia で偉い人の写真を拝借してきて、Time Magazineの表紙みたいなのを作ってみましょう。題字のフォントは Trajan を使うとそれっぽいです。

写真を長方形にはめこむには、Illustrator で「クリッピングマスク」機能をつかうか、もしくは Photoshop で大きさの調整を行います。

Time.png

ファイル形式

  • AI 形式が基本
  • 用途に応じて
    • PDF として保存→Illustratorを持ってない人とのデータ共有、Officeへの貼付け
    • PNG, JPEG 等に書き出す→ Webに掲載する
「https://ult.riise.hiroshima-u.ac.jp/mfac/index.php?title=Illustrator_講習会&oldid=185」から取得