自分の家、または、自分の会社（実在する場所という意味）の位置を示す地図を作る
ポイント
なるべくシンプルな地図作りを心がける
なるべく道路は、長方形として作るのではなく、ケイとして作り、ケイを太くする
道路は多くても3種類（少ない方がよい）の太さに統一、シンプルにする
目的の場所を分かり易く表示する
サンプル
下記画像を見て、Illustratorで同じようなものの、DTPフィニッシュデータを作る
用意されたコピー（文字原稿）………練習-6–文字原稿
写真2点…………………………… サッカー写真A、サッカー写真B
条件
仕上りサイズ………A4タテ（サイズは自分で調べる）
刷り色数……………4C（4色刷りということ）
いつも、以下のことを意識してDTPフィニッシュデータを作る
基本
文字
写真
レイアウト
仕上げ
★★★
画像の中の文字を消去して、きれいにする。あらゆる技術を駆使する
★★★
A4の仕上がり線を、アートボードのほぼセンターに作り、10ミリの空きの版面（はんずら）ラインを作る
A4の仕上がり線に対しての、縦、横のセンターのガイドラインを作る
センターのガイドラインについて
レイアウトの前に天地左右のセンターの位置を割り出しておくと便利
1.アウトライン画面にする
2.仕上がり線のセンターのポイントに対して、ガイドラインを引く（画面を拡大すると正確である）
デザインをするための基本である。
ここからデザイン制作をスタートさせる
★★★
段組みとは、「文字のリンク」のことである
段組みの段を作る。均等な長方形を数個作る
ポイントAが Bより広い…………ベスト
AとB が同じ広さ……ベター
AよりBが広いこと……ワースト
Bの広さは、本文の2〜3字分の空き
★★★
ひとつの長方形の中に、幅20ミリの5段の表組を作る
表組上、仕切りとなるケイ線を太くする
表組上、仕切りとなるオビに色をつける
表組用のテキスト打ち
解説デザイナーがレイアウトしやすいような順に打つ。デザイナーがレイアウトしやすいような順とは、
ポイント制約、条件によっては、何かが犠牲になることもある。
上記、例の表組を下記の条件の表組にレイアウトする
条件文字の大きさを10otにして、表組の大きさは、成り行き
美しく組む
手順
文字データ資料12-3の原稿を表組にレイアウトする
</head>前にいれる
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
スマホだったら（480px以下）だったらmobile.css、ipad（481～900ｐｘ）だったらtablet.cssを読み込む
<link rel="stylesheet" media="screen and (max-width: 900px)" href="<?php echo get_stylesheet_directory_uri(); ?>/css/tablet.css">
<link rel="stylesheet" media="screen and (max-width: 480px)" href="<?php echo get_stylesheet_directory_uri(); ?>/css/mobile.css">
スマートフォン用cssにいれとく
* {
word-break: break-all;
-webkit-touch-callout:none;
-webkit-tap-highlight-color:rgba(255,255,0,0.4);
-webkit-text-size-adjust:none;
}
body {
font-size: 15px;
line-height: 1.3;
font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; /* iPhoneバンドル */
-webkit-text-size-adjust: none; /* 文字の拡大縮小を防ぐ */
}
style.cssの一番下に貼り付け、サイトの幅が767px以下なら読み込む
@media(max-width:767px){ }
ルートディレクトリに.htaccessを作り下記を記述しアップロード
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC]
RewriteCond %{QUERY_STRING} !mode=pc
RewriteRule ^$ /sp/ [R,L]
</IfModule>
もしwordpressサイトなら# BEGIN WordPress の前に記述 スマホユーザーがPCサイトを見たい時のためにPC用ページへのリンクを加えておく
<a href="http://www.example.com/?mode=pc">PC用サイトはこちら</a>
スマホサイトはインデックスさせないならhead内（との間に）に下記を記述
<meta name="robots" content="noindex" />
9-1seo対策「検索ロボットの制御」を参考に
★★★
ポイント自動的にレイヤーが増える
★★★
アナログの時代は、「画像修正」はデザイナーが「印刷・製版」に指定のみをして、修正は「印刷・製版」がしていたが現在はグラフィックデザイナーがすることが多い
しかし、デザイナーに大切なことは、「何々を、したい」と思うこと。どこをどう修正すればいか、
写真の悪いところを見抜く目を養うことが重要である。
以下の写真修正は、デザイナーの立場から「写真を見る目」を養う観点からも、学ぶ
ほとんどのデザイナーは、基本の4つ程度の中から、3つ程度、自分で使いやすい方法を見つけている
注意この練習では過度にしてよいが、実践では全体的に修正を、過度にしないこと
露出アンダーな写真を明るくしたい。露出オーバーな写真を暗くしたい
濃淡の差をつける。
注意難しいのであまり触らない
画像をくっきりさせる。輪郭を強調して、シャープに見せかける。わかりやすいように写真を拡大しておく
本来の色に対して、他の色の影響がおよんでいること
注意急に色味が変わると不自然なので、境界をぼかすことが必要なときもある
選択したあとで → メニューバー → 選択範囲 → 選択範囲を変更 → 境界をぼかす → 数値、5〜20
色の濁りを取って、鮮やかにする。色を鮮やかにする、反対色をおさえる
ポイント背景をコピーして加工、比べてみる
画像全体、または一部ををぼかす
ポイントほかの種類の「ぼかし」も各自で試してみること
傷や汚れの消し方にはさまざまな方法がある。代表的な方法を学ぶ
ポイントブラシツールを選択している状態でAltを押すとスポイトツールになる
注意スポイトツールが背景色に反映されて困る場合はカラーパレットから描画色を選択する
絵柄をコピーして傷等を消す
ポイント オプションバー複製先を選択すると、選択したところの色を移動する
注意選択範囲を削除しないと、次の作業ができない。
削除し忘れに注意Ctrl＋D
絵柄をコピーして傷等を消す
★★★
画像データにくわしくない人が、自分が得意なアプリケーション(ワード、エクセル、パワーポイントなど）に貼付け、写真データ原稿とすることがある
その画像データをIllustratorやphotoshopで画像データとして使用する方法
注意この方法だと、写真はすべて「埋め込み」になる
ポイント画像をコピーしている状態で新規作成するとその画像の情報（サイズや解像度）になる
クライアントから見たこともないような拡張子の画像データがきても、とにかく上記の方法で試したり、フォトショップで開いてみる。
開かなければ、「開かない」と、はっきり伝える。
適正な文字原稿、写真原稿をもらってデザインをするのが、デザイナー本来の仕事であり、適正な材料を用意するのは、クライアントにお願いするしかない。
★★★
デザインチェック用に、他の人にデータを渡しても、アプリケーション「イラストレータ」はたいていの人が持っていないので誰でも見れるデータにする
「aiデータ」または「psdデータ」を「pdfデータ」に変換する
注意メールに添付する際は、３〜５MB以内の軽いデータにする。データが重たい場合は画質を下げる
ポイントpsdデータは別名 → 保存ファイル形式をJPGデータを選択
★★★
画像の合成の基本
★解像度が異なる写真の合成
解像度が異なる写真を合成したときは、コンピュータが自動計算して、合成先の解像度になり、合成先にいった写真は自動的にその解像度での大きさになる
低い解像度の写真を高い解像度の写真に合成するのは問題がある
レイヤーの画像を選択し、写真の大きさを変える
ポイントEnterをし忘れると、次の作業ができない
回転させて、画像の角度も変えられる
注意自由変形で写真を拡大、縮小のときは、写真のゆがみに細心の注意をしなければいけない
シフトキーを押しながら変形の操作すること
画像加工をするときに、レイヤーパレットのオプションより、「レイヤーを複製」をして画像のコピーを作り、そのコピーの画像を加工する。
加工後、加工前の画像が見られる
ポイント 背景レイヤーを隠さないと、複製レイヤーにした加工が見られない
合成写真等のためのキリヌキ写真に使用する
背景の絵柄が一定な場合 ………… 透明にしたいところと、残したいところの、絵柄の差が、はっきりとある場合
ポイント 許容値はいくつでもよい （低くてよい）
背景の絵柄が複雑な場合の背景を消す …………透明にしたいところと、残したいところの、絵柄が複雑な場合
背景の絵柄がある程度一定な場合
たとえば、 背景がグラデーション等のように、透明にしたいところと、残したいところの、絵柄の差が、あいまいな場合
★ 初心者は「背景を消す方法—- 3」をよく使うが、
「背景を消す方法—- 2」の方法が、結局「早くて」「キレイ」である。早くマスターすること
ワイングラスの画像をペンツールで選択範囲にして背景を消す。
★★★
この方法はｅｐｓ形式で切り抜きとして保存する際に必要な技法でしたが現在psdで背景透明にしての入稿も問題が少ないため割愛します。実際５年以上使っていません。学びたい場合は個別に相談してください。
「写真の良し悪し」は解像度のみによるものではない、写真本来の「良し悪し」が大切
「良い写真」として基本的に必要なこと
アナログの時代は、ポジフィルムや、カラープリントのカラー原稿を見てその写真の良し、悪しが分かった
厳密には、デジタル情報を見て判断はできないということ
プリンターやモニターは、性能によりまちまちに見える
よって、最終仕上がりの、最終形態（印刷した状態）で判断する必要がある
写真の修正を依頼された場合、オリジナルのデータ（被写体、被写物）が分からないのであるから、
クライアントに対し、写真の良し悪しを判断するには、「最終仕上がり」を見て判断するということを伝える
よって、写真の修正を依頼された場合、「できるだけ修正する」くらいに説明し、過度に修正を行わない
ポイント ビルにかかる電線をトルとか、具体的な修正ははっきりと「できます」といってよい
中国での写真のデータは、素人写真が多いので、特に注意すること。コンパクトデジタルカメラで撮影した写真は、低い解像度で、大きな写真であることが多い。
プロが撮影した写真はこの逆である
上記「よい写真」として基本的な条件を満たしてない場合は、まったくデザイナーの責任ではないし、 「よくない写真」を「よくする」ことは、物理的にできない。解像度が低い写真も同様に、「よく」はできない
そのときの対処は、「小さく使用するしかない」。大きく使用すると、印刷で「写真が粗くなる」ことを伝え、
デザイナーとしての責任を回避する
★★★
Photoshopでは、複数の画像を重ねてひとつの画像にすることができる。
画像を合成すると、合成した数だけ、レイヤーができる。レイヤーとは、別の版のことである
ポイント自動的にレイヤーが増える
レイヤーが複数ある状態で、画像を加工する場合、加工したいレイヤーをレイヤーパレットから選択して加工する。選択されたレイヤーはブルーになる
ポイント特定のレイヤーのみを選択して、写真加工ができる（くわしい加工方法は後述）
移動したいレイヤーを選択して、移動したいところへ移動し、上下の関係を自由に替える
注意写真本体（背景）は移動できない
レイヤーパレットの左側の「レイヤーの表示・非表示」（目のマーク）を隠すと、そのレイヤーが隠れる
レイヤーを選択し、レイヤーパレット右下の「ゴミ箱」に入れる
レイヤーパレット下部の「塗りつぶしまたは調整レイヤーを新規作成」 で各加工をすると、
加工用レイヤーから下の画像全体に対し画像加工ができる
ポイント「背景」（画像本体）に触らず加工できるということ
加工したレイヤーを選択して、移動したいところへ移動し、上下の関係を自由に替える
注意写真本体（背景）は移動できない
「背景」（画像本体）を加工すると、オリジナル画像がなくなってしまうので、「背景」のコピーを作る
「背景のコピー」が複製であり、それに画像加工をすれば、画像本体に加工することにならないので、画像を加工する時は、「背景のコピー」を作り、「背景のコピー」に加工をする
各レイヤーを合体させることを、統合という。
一度統合すると、元の分かれたレイヤーには戻らないので、統合は慎重にする
注意画像の追加修正に備え、統合前のデータは別に保管しておく
ポイント統合された画像データは、レイヤーがあるに比べデータが軽くなるという利点がある
★★★
画像加工をするときに、レイヤーパレットのオプションより、
「レイヤーを複製」をして画像のコピーを作り、そのコピーの画像を加工する
加工後、レイヤーパレットの左側の目のマーク（レイヤーの表示・非表示）を操作することにより、加工後、加工前が見られる
色を塗ったり、修正作業をする範囲であり、選択範囲の内側が各加工、修正ができる
選択範囲を指定しないということは、写真全体を選択しているということ、写真全体を加工、修正するということである
選択方法はいくつかあるが、ここでは4つ紹介する
「長方形選択ツール」を使用する方法
選択範囲を、選択しているところ以外の範囲に反転するという意味
「投げ縄選択」ツールを使用する方法
「自動選択」ツールを使用する方法
「自動選択」ツールとは、写真内のクリックした箇所と「似た色」すべてを、自動的に選択するということである
そのときに、オプションバーで許容値を指定する。
許容値とは
自動的に「似た色」を選択するとき、どの程度まで、「似た色」と判断するかということ
許容値が高いと……………似通った色をすべて選択する
許容値が低いと……………シビアに同じ色しか選択しない
許容値を高く設定すると……よけいな色を選択することがある。イッキに選択できて便利なときもある
許容値を低く設定すると……何度も「加え」選択しなければならないことがある
(Shiftを押しながら選択範囲を追加する)
「急がば周まわれ」ということもあるので許容値を低く設定した方がいい場合が多い
注意 この「自動選択」ツールの機能に、過度に頼らないこと。色のコントラスト（色の境目）がはっきりした画像には向いている。
★★★
選択範囲にしたい箇所に「パス」描く方法 ……パスで描いた内側を選択範囲に替えるという方法
注意初心者は「選択方法—- 3」を使おうとするが、この方法が、結局早くて、キレイである。早くマスターすること
描画色……そのものを塗る色。左の正方形…………仮にAと呼ぶ
背景色……そのものの背景を塗る色。右の正方形…仮にBと呼ぶ
入れ替え矢印を選択すると描画色と背景色が入れ替わる
ポイント 描画色と背景色にそれぞれほしい色を2色用意するのも便利
注意塗りつぶし作業（または、各作業）ができないときは、
加工したい レイヤーが選択されているか確認する
画像加工をするときに、レイヤーパレットのオプションより、「レイヤーを複製」をして
画像のコピーを作り、そのコピーの画像を加工する。
加工後、レイヤーパレットの左側の目のマーク（レイヤーの表示・非表示）を
操作することにより、加工後、加工前が見られる
★★★
資料8.jpg
背景が一定の色の場合、バックの色のスペースを広げるということ
写真のビルが傾いていたりすると、イラストレータなどへ配置したあとに直しても良いが、
フォトショップ上で直すこともできる
「写真の濃度を下げる」こと。トーンを弱くする。文字や写真を乗せることもある
注意格子柄は、透明ということであり、背景色がないということである。白色と区別する必要がある
注意作業によっては、RGBカラーモードでないとできないものが多いので、
CMYKカラーモードをRGBカラーモードに変換して作業をし、あとで、CMYKカラーモードにする
★★★
グラフィックデザイナーや、カメラマン、イラストレーターがよく使うアプリケーションである
人により、得意不得意の技術に相当に差がある、これだけを扱い、仕事としている人もいる。
ある程度からの機能の習得は、独学してほしい
全機能の約30%を使えれば、「使いこなす」といえる
ビットマップ画像
フォトショップで扱う画像であり、粒子というものがあり、拡大すると画像はぼける（粒子がぼける）
ベクトル画像
イラストレーターでパス等で描いた画像であり、粒子というものがなく、拡大しても画像はきれい
★★★
画像は問題なく開き、適合する
データを開く方法はいくつかあります
注意データをダブルクリックすると、思いがけず、異なるバージョンのアプリケーションが開いてしまう。
★★★
タイトルバー………………データの名前 データのフォーマットの種類 画面での倍率 カラーモード（くわしくは、後述）
メニューバー………………各種機能
パレット……………………表示がない時はメニューバーのウインドウに収納されている（チェックが入っていればパレットは出ている状態）
ツール……………選んだツールの詳細が、上部オプションバーに出る
★★★
基本的に保存、別名保存、終了などIllustratorと同様である。
メニューバー→保存→任意の名前を付ける→保存場所を指定Ctrl＋S
ポイントエクセル保存したら.xls ワード保存したら.doc。それが拡張子です。
ポイント新規で立ち上げることはあまりなく、画像から立ち上げることがほとんどである
ポイントミスをしたからやり直す。という考え方ではなく、何でも試してみる。という考え方であつかう
注意 一度データを閉じると、以前のヒストリーはなくなる
ヒストリーパレットの設定
ヒストリーパレットでは、自分で設定した回数のアクションまで、以前の作業にもどせる
設定方法 → Photoshop →
環境設定（Ctrl＋K） → 一般設定
→ パフォーマンス → ヒストリー数 → 30回くらいにする
写真を加工する前に、クライアントからいただいたオリジナル写真を別に保存しておくこと。
オリジナル写真をまとめて、コピーしてから作業をする
注意いだいたオリジナル写真は、「世界にひとつしかない」と考え、慎重にあつかう
現在のパソコンでだれでも開けるデータ。軽いデータであり、コピーが容易であり、USBなどでの持ち運びに便利
メールの送信時には、頻繁に使用される
グラフィックデザイナーがイラストレーターで使用し、印刷に最適なデータである。現在ではpsdで入稿してもトラブルは少ない。入稿先に確認する必要がある
昔は印刷側がpsd入稿をタブーとしていた。現在はほぼ問題がない
●.psdで保存したデータをイラストレーターに配置
メリット→レイヤー、調整レイヤーなど作業データが残る。再度編集しやすい。
デメリット→容量が大きい、重い。PSDデータの容量、PC性能によってはパソコンがまともに動かないほど負荷がかかる。
●.epsで保存したデータをイラストレーターに配置
メリット→容量が小さい。軽い。
デメリット→レイヤーが無い。再度編集はしづらい。
★ 印刷に最適なデータは、通常epsデータであるが
1.「EPS」データでなくても、イラストレータやワードに配置できて、見れれば、印刷に使用できる
2.「EPS」データであっても、イラストレーターに配置できても、見えなければ、印刷に使用できない(破損の可能性がある)
3.どんなデータでも、イラストレーターの画面で見えれば、印刷可能で、見えなければ印刷に使用できない
通常の写真のカラーモードは、「RGB」カラーモードである。
「RGB」カラーモードは、ホームページやテレビ画面など、
最終的にモニター画面で使用される画像の写真データである
メニューバー → イメージ → モード → 「CMYK」データを選択する
ポイントグラフィックデザイン（印刷物）のカラーモードはCMYKモードにしておくこと
モノクロ印刷では、必ずフォトショップのデータをモノクロデータ(グレイスケール)にする
メニューバー → イメージ → モード → グレイスケール
カラー写真をモノクロ写真にする、それから イメージ → 色調補正 → 2階調化 → 濃さを調節する
マーク化、イラスト作りに有効である
★★★
デジタルカメラでは → 画素数という。300万画素など
印刷では → 線数という。 一般印刷物=175線 美術誌等の印刷物=180〜200線 新聞=75線
画像のきめこまかさ。1インチに何ピクセルはいるか？ということ。単位はdpi
解像度といい、dpiで表す。 WEB=72dpi プリンター=72〜300dpi 印刷=350dpi
ポイント印刷には、解像度が高すぎるのも問題があり、その場合は解像度を350dpiにおとす
画像のきめこまかさであり、1インチに何ピクセルはいるか？という、数の単位
メニューバー → イメージ → 画像解像度
イラストレータやワード等の
アプリケーションに配置された（貼られた）
画像データのサイズである
必要な解像度とは、印刷やプリント等においての使用サイズで350dpiの解像度である
印刷の場合を考えて、必要な解像度を算出する
ポイント使用サイズがわからなければ、画像解像度だけを見て、画像の良し悪しはわからない
メニューバー → イメージ → 画面解像度、から解像度を知り、使用サイズにして、自動計算する
※縦横比を固定、画像の再サンプルにチェックをはずし、解像度と幅、高さがリンクしている事。幅、高さを仕上がりサイズにして画像解像度が350dpiを超えている場合は画像の再サンプルにチェックをして350dpiに変更してokをクリック
ポイント解像度が高いと、データが重くなり、作業に支障をきたす。という意味でも、無駄に解像度が高い写真を扱うことを避ける、
印刷物への使用サイズにおいて、350dpi必要である。350dpiに満たない画像を印刷した場合は、ぼんやりした、ぼやけた仕上がりになってしまう。
もしクライアントから画像解像度が低い画像を提供された場合は「これは使えない。使うとしたら小さく使うしかない。解像度の高い画像をください。」とはっきり伝えてください。
その上で提案できるなら「○○くらいの予算で、撮影か画像を購入します」と伝えましょう。
20センチ写真で200dpiであれば、10センチ大の使用で、400dpiということ…使用OK!!
10センチの写真で、400dpiであれば、20センチの使用で、200dpiということ…使用不可!!!
資料12.jpgの写真の解像度を350dpiに変え、印刷に使用できるサイズを確認。
キリヌキや、明からに使用部分が分かっている写真は、不要な部分をトリミングにより、カットしてデータを軽くする
★★★
印刷後、余分な部分を断ち落とし、残った部分を、いわゆる「仕上がり」という
仕上がりをA4サイズの横位置とする
仕上がり線の仕様は、デザイナーにより、異なることがある
版面とは、レイアウトの紙面のなかで、レイアウトの要素が入っている部分のこと
「仕上がり線」と「版面ライン」との空きのこと。
一般的にA4サイズの仕上がりで、最小5ミリ最大25ミリ。基本12ミリ。
サイズが大きくなると、同じ割合で広くなる（A4 → A3なら141パーセント=12*1.41=16ミリ）
まれに、版面の中にふくまれないものがある
仕上がりをA4サイズ、横位置として、版面の空きを12ミリとする
「定規」を使って作る方法
「数値による移動」で作る方法
「正方形を利用」して作る方法
ポイント
「勘」で版面ラインを作る
ポイント
★★★
新規の画面からのスウォッチは充実した色ではないので、充実したマイ「スウォッチ」を作る
1.色の入れ替え……色を選択し、移動させる
2.色の削除…………色を選択し、ゴミ箱へ捨てる
3.色を追加…………作った色をカラーパレットからスウォッチパレットへドラッグする
充実したマイ「スウォッチ」があるデータからデザインを始めると便利である
提供データの「Base.ai」が、豊かなスウオッチカラーの基本データなのでこのデータを基本に、データを作っていくと、便利である
名刺のサイズは91mm×55mm
デザインのラフ
デザイナー同士に、見せ合うためのものであったり、広告代理店の営業や、クライアントのデザイン制作者のように、普段デザインを見慣れている人に対して作るものである
ラフデザイン作りの約束事
1.別の案に目移りしないよう、また選別をしやすいために、1枚の紙に、1案を作る
2.選別は先輩がするという意味から、決して、「アイデアを消さない」「アイデアを捨てない」「恥ずかしがらない」
下図の色相環を作る
目的
条件
デザインが完成したらそれをパーツごとに保存します。
3-2素材作成で学んだとおり、パーツ一つ一つを保存するのもいいのですが、今回はillustratorのスライスツールを使用し効率よく保存します。
ポイント
注意
文字の変更を行った場合背面にペーストした文字も変更しなければならない
アピアランスとはオブジェクトの外観のことで、アピアランス属性を変更することで基本構造は変更せずに外観だけを変更することができます。アピアランス属性には、塗り、線、透明度、および効果があります。
ポイント
文字の変更を行った場合も１回の変更で良い
ポイント
ぼかしを強くしたいときは、背面の文字のパスを太くする
文字が写真やイラストを避けて組まれていること。わざわざそういうデザインをするということは、手が込んだデザインといえる
ポイント
写真やイラストが入る位置を、文字組みのラインに合わせること
キリヌキ写真に文字を回り込ませる
★★★
段組のことである
前の段の文字を取れば、後ろの段の文字がずれて自動的に前の段に送られる。
逆に、前の段に文字を加えれば、後ろの段の文字がずれて後ろに送られる
「ボブディラン…………」の箱組みの本文が1段の文章であるところを、3段組にする
ポイント
「デザイナーとは個性を、」の長文を、1段左右70ミリ天地250ミリの3段に「美しく」組む
ポイント
行数に小数点を使ってでも、文字が箱にピッタリ収まるように指定する
ツールボックス → 文字ツール を長押しした中で、上半分は、横打ち用。下半分は、縦打ち用
ツールボックス → 文字ツール → 文字（縦）ツール ヨコ組みと同じ方法で打つ
曲線上（内）に沿わせて文字組をする
ポイント
円や曲線の中側にも文字を入れ、ダイレクト選択ツールで文字を動かすことができる
データを持って帰り、それを参考に
エンブレムを作ってみる
★★★
メニューバー → ウインドウ → グラデーション
オプションを出しておくこと
むやみなグラデーションの多用は避けるべきである。
効果的な使用シチュエーションを考えること
グラデーションの上部の「菱形」をスライド移動させると、グラデーションの中心位置が変わる
グラデーションの下部の「色の部分」をスライド移動させると、一定幅、同じ色になる
グラデーションの下部の「色の部分」を選択するとふ透明度を変更する事ができる
グラデーションの下部の「色の部分」をダブルクリックし、カラーパレットのオプションより、CMYKを選択して、カラーが扱えるようににする
グラデーションの下部の「色の部分」の周辺をクリックするとポイントが増えるので、カラーパレットのCMYKで色を作る
グラデーションの下部の不要な「色の部分」をグラデーションパレットの外に出す → 色が作れるポイントが消滅する
グラデーションパレットの種類を円形にする → グラデーションの下部の「色の部分」を動かしてみる
文字をアウトライン化する メニューバー → 書式 → アウトラインを作成Ctrl＋Shift＋O → グラデーションパレット → グラデーション指定
★★★
文字設定パレットを表示する
基本的に文字を「選択ツールで選択」してから各指定をする
オプションは常に、すべて出しておくこと
文字を選択ツールで選択して、フォントの指定をする
文字パレット → 文字の大きさ → 大きさをポイントで指定
文字の大きさ指定の箇所で
行送りの指定の箇所で
行送りのポイント数の基本は、文字の大きさの1.5倍である → 基本というのは、「少なくても」という意味である
正体、長体、平体について。そのしくみは、タテにヨコに小さくなるということ
「変形」の指定の箇所で指定する
目的
注意
2つ先くらいの授業で自分の「プライベート名刺」をデザインするので、自分の周りにある名刺を参考に
文字原稿を作っておくこと → Illustratorやwardにテキスト入力してくること
字と字の間を「字間」という
ポイント
基本的に、文字はツメると美しい。
見出し等ある程度大きな文字は、きれいな字間でなければいけないので、
文字間をいいバランスにする
「きれいな字間」とは、各文字の間の空きが同じに見えるということである。数値的に同じということではない。
字間を詰めたいところにカーソルを合わせ、Altキーを押しながら左矢印をたたき、字間を詰める
反対に、右矢印をたたけば、字間が広がる
目的
ポイント
ベタ打ちとは
ツメていない文字のことを「ベタ打ち」という、ツメた文字のことを「ツメ打ち」という
文字間のカーニングを自動にする
自動字詰めについて
自動…各フォントが持っているプロポーショナルメトリクスとペアカーニングが適用されます。ない場合は適用されない。
オプティカル…隣り合った文字間のアキを文字の形に基づいて調整することができます。欧文フォントのみ対応
和文等幅…和文に対して等幅で組むためのものです。
文字詰めは感覚的なものなので最終的には手動で調整した方が綺麗になる場合が多い
目的に応じて行う
文字を選択ツールで選択する → メニューバー →
書式 → 組方向 → 「縦組み」「横組み」
文字に斜体をかける方法は、図形と同様である(lesson6 傾ける、シアーツール）
ポイント
なるべく、オリジナルは別にひとつコピーをしておくこと
斜体後のレイアウトは2種類の方法がある
斜体をかけた文字を正体に直す
斜体をかけた文字を選択ツールで選択 → コピー → 文字ツールで、ペーストする場所をクリック → ペースト
見出し等、ある程度大きな文字の場合、英文、数字が混在の文章は、
英文、数字に対しては、英文書体を使うことにより、冴えた、きれいな文字デザインになる。
ポイント
注意
★★★
文字を新たにつくることを、作字という
作字をして、H2O、50m2、-0-を下図にする
文字のアウトラインとは、フォントで作られている文字が図形になることである。
アウトライン化（図形化）をすると、ウインドウズ、マッキントッシュなど他者のパソコンの互換がなくなる（ただし、文字の訂正はできない）
ポイント
必ずアウトラインにする前のデータをとっておくこと
「碕」を作字。「岩碕はじめ」という名前を作る
ポイント
★★★
段落パレットを表示する
左から1番目 → 左揃え、右流し
左から2番目 → センター揃え、左右流し
左から3番目 → 右揃え、左流し
左から4番目 → 左右いっぱい揃え、行替え箇所、流し（箱組の場合のみ有効）
左から5番目〜最後 → 左右無理矢理揃え（箱組の場合のみ）
★ 箱打ちのときはかならず、左から4番目を指定
基準のラインに揃って並ぶ並び方
Ctrl＋Shift＋L
Ctrl＋Shift＋C
Ctrl＋Shift＋R
文章の「改行」のあとの先頭の文字を沈めたり、出すことができる。
文字の大きさポイント数と同じ数値を各箇所に入力
禁則処理とは文字組で、非常識なことを自動修正する
句読点、「」等が、前行に送られる
英単語が、1行に収められる 等々
「左右いっぱい揃え」のときは、必ず、「禁則処理」の箇所にチェックを入れる。「強い禁則」を選択する
★★★
「読みやすい」ということ
本文に関して、「読みやすい」ということは、「全体のバランスがいい」ということ。
「全体のバランスがいい」ということは、経験が必要であるが、以下のことを適正に指定する
ポイント
「作る側」でなく、「読む側」になること。客観的に自分がしたことを見るということ。
読者になればいいのだから、難しいことではない
「ボブディラン…………」の箱組みの本文を12ptで、左右8センチに「美しく」組む
文字指定の基本
1.フォント
2.大きさ
3.字間
4.行送り
5.その他 1.詰め
2.箱組みのそろい
3.変形
4.禁則処理
5.箱組みの隠れた文字
★★★
グラフィックデザインの目的とは、そもそも、文字情報を伝達するものである。
これを効果的にするために、、レイアウトや配色をして、工夫をする。
文字とは、内容を説明するだけでなく、イメージを表現するものである。
文字により、レイアウトの表情が変わる。
通常、文字を使うときには最低4つの指定をしなければならない。
フォントとは
コンピュータ画面に表示したり、紙面に印刷するために利用できるようにした書体データを意味している
または、文字の形のことである。フォントの種類は多々あり、どのフォントを使用できるかは各自のコンピューターにインストールしているフォントや、新たに購入しなどで入手したフォントに限られる
★★★
文字設定パレットのフォント指定の箇所を見る
メニューバー → ウィンドウ → 書式 → 文字
★ 初心者はやたら、変わった書体を使うが、自分の好きで使いたい書体を選ぶのではなく、
その媒体のシチュエーションに合った、読者にとって読みやすい書体を選ぶ。
日本では、グラフィックデザイナーなら誰でも行っているフォントの使い方ですが、中国ではまだ、適切に行われていない
明朝体とゴシック体による味の違いを理解し、使い分ける
ファミリーの中の文字を使い分けるとき
1.太い文字はタイトルや、見出しなど、大きな文字に適している
2.細い文字は本文や説明書きなど、小さな文字に適している
斜体文字
欧文にある、傾いた文字をイタリック体と呼ぶ。和文にはない。
書体やファミリーの名
1.名前のつけ方は、デザインした人や会社が勝手に書体名をつけるのであって、特に統一性や意味はない。
2.日本のデザイナーたちがよく使うフォントは、ここ30年すでに定番化していて、新しいフォントはヒットしない。
中国は、新しいフォントの流行の最中である
★ あくまで、基本であるが、当面はこれを守り、基本をマスターしてから、応用の使い方をする
「箱打ち」と「バラ打ち」とがある
箱打ち………図形の中に収まっている文字群
バラ打ち……単独の文字。図形の中に収まっていない文字群
★★★
使い分けは、経験を積まないと難しいが、「箱打ち」で便利なもの以外は「バラ打ち」にする
「箱打ち」と「バラ打ち」とを、どういう使い分けをするかは、好みや癖で、各デザイナーで違う
きちんと箱形の中に納める必要がない（自動行替えの必要がない）
★★★
図形の選択と同じように、選択ツールもしくはダイレクト選択ツールで選択する。
ワードソフトやメールソフトでの文字の扱いと同じである
ツールボックス → 文字ツール →
選択したいところをクリック → ドラッグで選択する
選択したところの文字を部分的に
★ 「選択ツールで選択」「文字ツールで選択」という先生の言い方を、聞き分けること。また、自分でも理解して使い分けること
★ 通常、「文字を選択する」というときは、「選択ツール」で選択することをいう
文字ツールで……文字のどこでもいいので、クリック → Ctrl＋A
★★★
ツールボックス → 文字ツール → 打ちたい場所をクリック（カーソルが点滅する） → 文字を打つ
★ 英文文字入力のとき、全角では、打たない。必ず半角で打つこと。全角で打つと英文フォントが生かされない
★ 「文字の空打ち」をするとゴミが残るので、「文字の空打ち」を
ポイント箱打ちの囲みケイが見えなくなったとき、アウトライン画面にすると見える（プレビュ−画面とアウトライン画面を使い分ける）
ポイント文字の指定の方法は、選択ツールで箱組全体を選択して、指定をする
扱い方としては、図形とほぼ同じである
選択ツールを文字ツールに変更する
選択ツール（ダイレクト選択ツール）のとき、文字上でダブルクリックすると、カーソルが文字ツールになる
文字のコピー&ペーストの方法
「箱組」の右下に、「田の字のマーク」が出ているときは、文字がまだ、隠れているということ
変形された箱打ちを、正しい長方形の箱打ちに直す
★★★
写真関係の情報は → メニューバー → ウインドウ → リンクパレットに現れる
図形の形にトリミングされた写真である。「角版」と略していうが意味は同じである
人や物の形に切り抜かれている写真。「キリヌキ」と略していうが意味は同じである
または、キリヌキ、一部角版写真といわれる
注意「リンク」という箇所にチェックが入っていること
トリミングのことをイラストレーターでは、「クリッピングマスク」という。「トリミング」と「クリッピングマスク」は、同意語である
以後、「トリミング」のことを「クリッピングマスク」と呼ぶ
写真の拡大、縮小の練習をする
ポイント少しづつ大きさを変える時はCtrl＋Dが便利
トリミングとは、写真の構図を整えて、写真の見栄えを良くする、強調する。
または、写真の不要な部分をカット（捨てて）配置すべきスペースに形を合わせること
ポイント実際のデザインで、写真を配置する場合、なるべくクリッピングマスクする。
注意クリッピングマスクすると、グループ扱いになるので、
パスと写真を単品で扱うには、ダイレクト選択ツールを使う
上記で資料9を使って作ったクリッピングマスクした写真を、左右10センチにする
資料11.epsの写真の、左の男の子の顔を正方形にクリッピングマスクして、
8センチに縮小する
ポイント二度とトリミングしないときは、残ったパスを削除する
配置された写真を別の写真に入れ替える
注意写真をリンク配置したイラストレータデータを、別のコンピュータで開く場合、
データ作成（配置）した時と同じ、データと写真の位置関係でなければ、開かない。
つまり、写真を配置したイラストレータデータは、常に、いっしょに移動しなければならない。なおかつリンク配置した画像を違うフォルダなどに移動してはならない。
「埋め込み」とは、配置した写真を、配置したデータに、固定化すること
「埋め込み」をすると、データと写真はいっしょに移動しなくてよい
ポイント埋め込みを「する、しない、」の判断は、慎重にする。デザイン現場で決められている場合が多い
注意配置のときの、リンクにチェックが入っていないと、すべて埋め込みになる
★★★
最初から上手には描けない。あわてず、経験を積んでいく
注意かならずドラックすること
イラストロックし、外側のラインに沿って、パスを描く
アヒルの写真をキリヌキ写真風にトリミングしてみる
★★★
カットしたいところを、ダイレクト選択ツールで選択してdelete
矢印ツールや今まで学んだことを利用してこれらの矢印を実際に描いてみよう
文字や図形やイラストを透明する
注意むやみな使用はあまり勧めない
ポイント写真も透明にできる
★★★
アウトラインとは、パスが図形になること。太い線などのオブジェクトが図形化し、違うバージョンのイラストレータなどで開いても影響しない
オブジェクトを選択してメニューバー → 効果 の中から各自いろいろ試してみる
楕円をぼかして、楕円の影を作る
★★★
マウスによる方法
★ Altキーを押しながら、任意の位置をクリックすると、基準点を任意の箇所にでき、数値の入力ができる
天地、左右同比率で縮小、拡大する場合
基準点がどんな場所にあっても、基準点に対して45度の角度でShiftキーを押しながらマウスを動かす
いろいろな方法で正確な縮小、拡大をする練習
★ 連続して図形等を縮小、拡大したい場合、これらの方法が便利である
星（図形）を天地または、左右の指定の大きさに拡大、縮小する
★ 文字や、図形の拡大、縮小の基本です
特殊な場合であるが、図形を、長方形に内接させる
表を指定の大きさに変形させる
★★★
★ Altキーを押しながら、任意の位置をクリックすると、基準点を任意の箇所にでき、数値の入力ができる
下のの時計を作る
★★★
★★★
反転とは、鏡に映ったようにひっくり返ること
Altキーを押しながら、任意の位置をクリックすると、基準点を任意の箇所にでき、数値の入力ができる
色の基本
普通の人がいう赤は、グラフィックデザイナーや、印刷関係の人は、金赤（キンアカ）と呼び、
黄色と赤が混ざったものである。
グラフィックデザイナーや、印刷関係の人がいうアカ（マゼンタ）は、ピンクががった色である
グラフィックデザインにはあまり関係ない（webデザインの際に使用）
光の3原色の色をRGBカラーと呼ぶ
色の3原色の色をCMYカラーと呼ぶ
★ 理論的にこの3色を混ぜ合わせると、すべての色が出せる。しかし、それは理論的であって、実際はくすむ
★★★
印刷の基本下の4色である
この4原色使うとすべての色が出せる。
すべての色はアミ点で表現する（アミ点はパーセントで表現する）各色をまぜることを、「色の（アミの）かけ合わせ」という
色相……「色味」のことである
明度……「明るさ」のことである
彩度……「鮮やかさ」のことである
色相環……マンセル色相環が有名。
人や場合により色の概念が異なっているので、色の呼び名の重要性はあまりない。
★ グラフィックデザイン的には、無彩色は色に入らない
色相環で、近い位置にある色のことである。これらの色味でデザインをまとめると失敗が少なく、いい色味でまとまる
同じ色味で、明るさや、濃さが異なる色のことである。これらの色味でデザインをまとめると失敗が少なく、いい色味でまとまる
右から左へ段々と薄くなる同系色の作り方
補色ともいう。色相環で向かいにある最も遠い位置にある色のこと。
補色同士が接すると、目立ち、不快である。
★ デザインにおいて、色指定のとき、間違えて無意識に反対色を使わないこと。例えば、青空の写真の中の赤い文字など
★ 補色でも、彩度、明度のバランス、素材の違いでいいマッチングが生まれることがある
★★★
色の明るさを示すものである。白や黒など色を持たないものを無彩色といい、これを基準に明度は決められる
「のせ文字」「ヌキ文字」など、文字の読みやすさは、明度差が肝心である
色にも明度があり、モノクロ写真としてプリントすると、その明度がわかる
地色の中に、スミ色など、濃い色がある場合「のせ文字」といい、
白色など明るい文字がある場合「ヌキ文字」という
★★★
色の鮮やかさ、鮮やかさの度合いを示す。
★★★
以下のポイントは、知識として、知っているのと、知らないのとでは、結果が大きく違うものである。
初心者にとっては、むしろ、色づけに失敗しないためのポイントくらいに捉えて、デザインで実践してみる
★ 色が少ないと、白っぽくて元気がない。ということはある
★ デザイン制作物の用途、目的により、色の使い方は変わる
無彩色は色ではないので、基本的に、色同士けんかしたりとかの、失敗がない。カラー写真のそばや中の色使いを控えると、写真が冴える
有彩色と有彩色との間に無彩色を入れると、
色と色とがぶつからない。
補色もケンカしない、落ち着く。
ポイントとなる色を探し、見つけ、その色をベースに色そのほかの色を決めていく
《例》
ポイントとなる色を探し、見つけ、その色から、
の3方向への類似色があると考え、類似色を上手に使うと、
デザイン全体のまとまりがよくなる
色のイメージを知ることも便利である
《例》
インターネットなどで各自勉強する
「目立つ」ということは距離が近く感じるということですが、
距離が同じ平面で、距離感を近くしたり、同じにしたり、遠くにしたり、色の工夫により、自由にできる
同じ大きさに見せるために、色の面積を変えることがしばしばある。
デザインにおいては「数値」を優先するのでなく、「見た目」がすべてが優先である
プロセスカラー以外の特別に作られた色のことを「特色」という。
特色を使用することにより下記のことができる
特色の決め方
特色刷りを避け、その特色を4色に変換し、印刷することもできる → 4色の三角をクリックして、プロセスカラーに変換する
その逆バージョン。4色プロセスカラーから特色へ指定の方法 → たいてい決まっているのでクライアントに聞く
特色のありかがわからない場合は、色を見て見本帳と照らし合わせで決めるしかない
★ 特色は、日本ではDIC、中国は、PANTONE社のSolid coatedが一般的に使われるようである
A点とB点との間の距離を測る
★水平や、垂直での長さを計るときは、シフトを押しながら、A点とB点をドラッグ（クリック）する
★角度も計れる
★ 数値による図形の作図のとき、最初に表れる数値は、前回に作った長方形の数値である
★★★
図形や文字をコピー（複写）し、ペーストする
★ 画面のセンターにペーストされる
コピーしたものを、コピーしたものの、「前面へ」ペーストか、「背面へ」ペーストということ
「前面へ」ペースト …メニューバー → 編集 → 前面へペースト（Ctrl＋F）
「背面へ」ペースト …メニューバー → 編集 → 背面へペースト （Ctrl＋B）
★同じ場所にペーストされる。ペーストしたら、指定が終わるまで、選択をはずさないこと
★データをコピーしたら、次に何かをコピーするまで、コピー内容は保存されている
背面に隠れて見えない図形を、前面の図形を動かさないで、選択する
背面に隠れて見えない図形を、選択する方法は、LESSON-2を参照
地下鉄路線の「飾りパス」を作る
「前面へ」ペーストとか、「背面へ」ペーストを利用する
鉄道路線の「飾りパス」を作って見る
★★★
長方形であれば、4つのポイントがある。三角形であれば、3つのポイントがある
ツールボックス → ペンツールのプラス → ケイ線上にポイントをつくる
ポイントをダイレクト選択ツールで、選択し、移動してみる
★ 変形する場合、選択がうまくいかないときは、選択を一度はずし、選択し直す
ツールボックス → ペンツールのマイナス → ケイ上のポイントをクリックし、ポイントを消去する
★★★
入力した数値で、図形や文字を移動させることができる
★ 大きな数値にも、小さな数値にも利用できる
小さな数値による移動の方法の練習。
でたらめな多角形を作り、図形のポイントを減らし、長方形を作り
「数値での移動」を使用し、正確な長方形に修復する
図形の面の色、パスの色、パスの太さをほかの図形にコピーできる
★文字にスポイトを使う場合は、文字の大きさ、書体、字送り、行送り、色、等すべてがコピーでき、非常に便利である
直前にした作業が繰り返し行われる
Ctrl＋D
ダブルの「D」と覚える
いくつかの図形や文字を、グループにして、まとめて扱えるようにするということ
★★★
図形と図形を、いろいろな形で合体させる
★ 最も使用するのは、左上のものである。10個ある機能を各自いろいろ試してみる
矢印を図形にして、合体させ、ひとつの矢印にする。
円を三つかさねて描き、パスファインダーパレットの下の左の機能を使用し図形を分割させる
★★★
図形や文字や文字組を、指定のライン（位置）で揃える
メニューバー → ウインドウ → 整列パレット
★ 横並びのためのもの、縦並びのためのものがある。各自いろいろ試してみる
★★★
図形や文字を選択したときに洗われる8つのポイントを選択して、操作することにより、
自由な変形ができる
バウンティングボックスが表示 → メニューバー → 表示 → バウンティングボックス
★★★
レイヤーは英語で書くと「layer（層）」です。イラストレーターでレイヤーを使用する事は、色々なデザインを重ね合わせて１つのデザインファイルを作成することを意味します。
★ レイヤーの使い方には、人により好き、嫌い、得意、不得意があるが、使うべき時には使う
メニューバー → ウインドウ → レイヤーパレット
★ レイヤー内の▼矢印は、開かないこと
★★★
★ あとで描いたものが、前面に描かれる
大きさが違う、中心が同じ楕円を4つ描き、各色を右のようにする。囲みのパスは「透明」にする
また、作図後、正確に中心をそろえる
選択した図形を、最背面へ（最前面へ）移動する
練習ー10で作った図形の一番上の小さな図形を最背面にし、背面に隠れて見えない楕円を、前面の図形を動かさないで、選択する
★ 背面に隠れて見えない図形を、選択する方法は、lesson2を参照
★★★
図形や文字を移動しながらコピー（複写）する方法
選択ツールで図形や文字を選択し、移動する途中Altキーを押しマウスから先に手を放す
★ オプションキーには、複写（コピー）の機能がある
図形や文字を平行、または、垂直に移動する方法
選択ツールで図形や文字を選択し、移動する途中Shiftキーを押し、マウスから先に手を放す
★ シフトキーには、45度の角度の単位で動く機能がある
★ 水平移動と複写を同時にする練習をする
★★★
操作に失敗したら、操作の取り消しや、やり直しができる
15〜20回使用できる（回数指定ができる）
★取り消しの取り消しができるCtrl＋Shift＋Z
ロックとは、選択できないようにすること。選択したくないとき使用する
ロックしたいオブジェクトを選択して
ロックを解除する
★ロック解除は、すべてのロック解除が同時におこなわれる。任意で選べない
★★★
プレビュー画面とアウトライン画面が選べる。
目的
両画面を理解し、上手に使い分けることが、作業をスムースにするコツ
不統一な長方形を4つ描き、各中心を合わせる
円と楕円を使って、似たようなイラストを作る
★ 背面から作る/色も似せる
★★★
パスの太さ（参考）
これらを基準に太さを考えていく
細いパスと認識 → 0.15ミリ → 0.3pt
太いパスと認識 → 0.8ミリ → 1pt
似たようなイラストを作る
★ 背面から作る/色も似せる
「パスの端」の形状……線種パレット → 線端の形状 → 選択する
次の2種類しか使用しない
「パスの角」の形状……線種パレット → 角の形状 → 選択する
次の2種類しか使用しない
「飾りパス」を作る———–丸型破線を作る
角丸長方形を描く → 線端の形状を丸にする → 破線の指定を以下にする → 線幅5、線分0.1、間隔7
「飾りパス」とは、装飾的なパスのこと
いままで習った知識と技術を使い、資料3の絵柄の前面に、ほぼ同じ絵柄をトレースする
トレースとは、元に描かれているものの前面に、同じものまたは、
もとより精巧なものを描くこと
★★★
定規としては使えない道具であり、定規の目的は、ガイドラインを作るのに使用する
（ガイドラインについては下記で説明する）
通常作業時、定規は出しっぱなしでよい
ガイドラインとは、印刷やプリントに出ないがデザインする上で目安となる、下書き線のようなものである。
グラフィックデザインをおこなう上でとても重要なもの。
ガイドラインを作る
図形、線をガイドライン化する。
メニューバー → 画面 → ガイド → ガイドを隠す
Ctrl＋；
★ いくらガイドラインを作ってもガイドラインが現れないときは、ガイドラインが隠れていることを疑ってみる
ガイドラインは通常、選択できてはいけないもの
メニューバー → 画面 → ガイド → 通常、ガイドラインはロックになっていなければならない
ガイドラインを選択するには、ガイドラインのロックをはずす
ガイドラインを消したり、移動するときにロックをはずす
★ ガイドラインのロックをはずして、ガイドラインをあつかったあと、通常の作業にもどるとき、
必ずガイドラインをロックしなければならない
★★★
★ 目的の箇所を「一気に大きくする」練習をすること
※ここでいう、全体とは、アートボードのことである
画像を自由に動かす
※文字ツールを使用しているときはスペースキーに注意すること
ツールボックス → 長方形ツールを選択 → クリック → ドラッグ → クリックを放す
シフトキーを押しながら、長方形を作る
★ シフトキーには、垂直、平行にしか動かない機能がある
ツールボックス → 長方形ツールを選択する → 画面のどこでもクリック → 数値入力
★最初に表れる数値は、前回に作った長方形の数値である
ツールボックス → 「多角形ツール」を選択する → 長方形を作るのと同じ方法で、クリック → ドラッグ → クリックを放す
★描いたあと、クリックを離す前に、シフトキーを押すと図形が安定する
長方形を数値で作るのと同じ方法 → 画面をどこでもクリックして、数値入力
ツールボックス → 「スターツール」を選択する → 長方形を作るのと同じ方法で、クリック → ドラッグ → クリックを放す
長方形を数値で作るのと同じ方法 → 画面をどこでもクリックして、数値入力
★シフトキーには、「安定する」という機能がある
「爆弾」と呼ばれる図形を作ってみる
スターツールを選択する → 数値による入力のマドに上から、45、40、40と入力する
★★★
図形や文字に色をつけたり、移動したり、各機能を働かせるためには、「選択ツール」で、図形や文字を選択する
選択すると選択したものの色が変わる
★ 最も重要で、最も使用するショートカットである
このショートカットを早く使いこなすことがデザインを早く行うのに最も大切です
以降、この「選択ツール」を「黒矢印」と呼ぶ
Shiftキーを押しながら、ひとつづつ図形を選択すると、選択が追加できる
逆に、Shiftキーを押しながら、選択していた図形を選択すると、選択がはずれる
作図した長方形を移動する動作を5回繰り返す。
長方形を作図したあと、ツールボックスの「選択ツール」を選択せず、
「長方形ツール」を選択したまま、ショートカットでカーソルを「選択ツール」に替え、長方形を移動する
「長方形ツール」を選択したまま、複数のものを一気に選択する
長方形を5つ作図し、ショートカットの「選択ツール」でドラッグで一度に選択し、移動する
「長方形ツール」を選択したまま、複数のものをひとつづつ選択する
長方形を5つ作図し、ショートカットの「選択ツール」でShiftキーを押しながら追加選択し、移動する
また、選択したものと、選択していないものを入れ替える
「長方形ツール」を選択したまま、選択して、削除する
9つの正方形を作図し、十字の形に並べる
二つ重なった図形を作成する
ふたつ重なった、背面にある図形を、前面の図形を動かさないで、選択する練習を十分する
図形や文字が重なっていて、
手前にあるものを「前面にある」といい
後ろにあるものを「背面にある」という
Aは面の色の指定をする。Bはパスの色の指定をする。前面にきている方の指定ができる
「線」「ケイ」「パス」という言葉について
「線」のことを、グラフィックデザイナーや印刷関係者は「ケイ」と呼ぶ。 「ケイ」のことをイラストレータのアプリケーションでは「パス」と呼ぶ。 「線」と「ケイ」と「パス」は、同意語である
「面」という言葉について
ケイの内側の事である
「スミ」という言葉について
黒色のことをグラフィックデザイナーや印刷関係者は「スミ」または、「スミ色」と呼ぶ
図形を描き色をつけてみる
スウォッチパレットの色をクリックして、着色する。
右上の矢印をクリックするとケイと面との色を入れ替わる
使用頻度が多い「スミ」と「白」、は特別に2箇所にある
使用頻度が多い「透明」、は特別に3箇所にある
色がないとは「透明」のことである
「面に色がない図形」の選択は少し難しいので、選択する練習を十分し、慣れること
面に色がないと、面が選択できない
面は白
赤の斜め線があれば透明
線には太さが必要である(意識する必要があるということ)
線種パレットで線幅等各指定をする
小数点も、入力できる
線幅（太さ）の単位は、通常ptを使用する
★★★
選択ツールが図形全体を選択する機能に対し、ダイレクト選択ツールは、図形の特定の部分を選択するものである
以後「ダイレクト選択ツール」を「白矢印」と表現することもある
シフトキーには、45度の角度の単位で動く機能がある
ドラッグしてオブジェクト全体も選択できる
どのツールを選択していても、Ctrlキーを押すと、 「選択ツール」になるが、直前まで使用していた選択ツールになる
パスや点などの部分を選択して、パスや点などDeleteキーで削除する
★ ダイレクト選択ツールを使って、図形を完全に削除するときは、2度、Deleteキーを押さないと、ポイントのゴミが残る
ゴミは残さないこと
イラストレーターやフォトショップというソフト（アプリケーション）の基本操作ができるようにする。
DTPフィニッシュコース を終えた受講者には基礎コース、レイアウトコースなど各自の目的に合わせた受講プランを選択します。
Desk Top Publistingの略であり、一般には、コンピュータを使って、印刷物を出版するという意味。
グラフィックデザイナーがいうDTPとは、上記と少し異なり、デザインしたものを、次の行程に渡す「印刷等の出力データ」を作ることをいう。
通常、印刷用データは、高い確率でイラストレーターデータで作られる。稀に、その他のクオークエクスプレス、インデザインなどのアプリケーションを使用することもある。
フォントのみの問題であり、文字のアウトライン化〈図形化〉すれば、解消。
だだし、アウトライン化すると文字の直しができない。
使用するコンピューターが違っても使用するソフト（アプリケーション）は同じなので見え方や名称が違っても基本的には同じです。
キーボードの名称が一部違うので下記気をつけてください。
commandキー…………WindowsのCtrlキーにあたる
optionキー……… WindowsのAltキーにあたる
ファイルの受け渡し時に互換性による不具合がありますのでファイルの保存時には半角英数字にしておく方が良い
マスターしなければいけない機能として、優先度が3段階ある、
★★★
絶対に覚えなければいけない。基本である
★★★
たまに使う機能。知っていて便利な機能
★★★
1年か2年に一度使うか使わないかの機能
いずれにしても、 まず、こういう機能があることを知ることが重要。
機能があることを知っていれば、必要なときに問い合わせたり、調べたりして、操作すればいい
★マークは重要なことの割には、忘れられてしまう機能や、注意点である
★★★
ショートカットとは、マウスを使用しての動作を、キーのみですることである
早く覚えたほうが、それだけ早く作業ができる
ショートカット表のショートカットは、絶対に覚えること
LESSON4までに90パーセント近くのショートカットが登場する
メニューバーの各動作の右に、ショートカットが記されている
ひとつの動作をするのに、いろいろな操作方法があり、その全部の方法を教えるが、全部を覚える必要はなく、自分が使いやすい方法を使用して構わない。しかし、ショートカットは覚えなければいけないので、なるべくショートカットを使うこと
●ポスター
●チラシ
●カタログ
●パンフレット
●封筒
●名刺
●カレンダー
●書籍の装丁
●広告
●各種マニュアル
●展示パネル
●ラべル、タグ
●メニュー
●会社案内
●雑誌など編集物（エディトリアルデザインと呼ばれる）
●包装紙、手提げ袋（パッケージデザインと呼ばれる）
制作の過程や材料として、使用される、ロゴ、マーク、地図、グラフ、等のデザイン・制作や、
写真修正・加工もグラフィックデザイナーの仕事である
フォルダーとは、コンピュータの中の引き出しのようなもの。フォルダーの中にフォルダーもできる
フォルダを作成したい場所で
名前の部分がブルーの状態 → かな選択キーを押す → 自分の名前を入力 → 変換 → 実行
デスクトップで開いているたくさんのフォルダーを、一気に閉じる
Ctrl + Alt + W
「第一階層」という言葉
ディスクトップやサーバのフォルダーの「最初の部屋」ということ
大きくいえば、カンプ、印刷、出力データ作りができるアプリケーション
具体的にいえば、定規、エンピツ、コンパス、ポスターカラー、筆のようなもの。
●線や図形を描く
●着色をする
●グラフ作りやトレースをする
●写真の貼り込みをする
●レイアウトをする
●テキスト入力をする
●イラストを書き起こす
約20年で
5.0、5.5、7.0、8.0、9.0、10.0、CS、CS2、CS3、CS4、CS5、CS6、CCと登場した
メニューバー………………各種機能
パレット……………………表示がない時はメニューバーのウインドウに収納されている（チェックが入っていればパレットは出ている状態。移動したり分離したり小さくしたりできる）
ツール……………選んだツールの詳細が、オプションバーに出る
タイトルバー……………名前、倍率、カラーモード、プレビュー画面……プレビュー画面については後日くわしく説明する
※パレットやツールバーについている▲矢印をクリックすると、オプションが現れる
★普段よく使用するものだけまとめて右に、表示しておく
データを開く方法はいくつかあります
※低いバージョンのデータを開くとき下記のようなダイヤルログが表示されたら、必ず《更新》を選択する
書類設定
アートボードとは、デザインをするときの机のようなもので、アートボードの内側が、プリント、印刷される。
よって、デザインはアートボード内で作らなければいけない。
不要な材料は、アートボードの外側に置くことが、望ましい
A4サイズ、縦で新規作成する。
作業途中のアートボードの大きさの変更は、
メニューバー → ファイル → 書類設定（ドキュメント設定）→ アートボードを編集
B4サイズ、横に書類設定を変更する。
「天地」「左右」とは
グラフィックデザイナーやカメラマンがよく使う言い方で、「天地」=「高さ」。「左右」=「幅」のことである
「CMYK」カラーモードの「CMYK」とは
C…………Cyan
M…………Magenta
Y…………Yellow
K…………Black
の略であり、印刷に最適な色の三原色である
印刷に使用される写真データは、
通常「CMYK」カラーモードである
「RGB」カラーモードの「RGB」とは
R…………Red
G…………Green
B…………Blue の略である
「RGB」は光の三原色である
アプリケーションの「終了」「閉じる」「隠す」の、
使い分けの理解すること
イラストレーターを終了するということ
イラストレーターは起動したまま、１つのファイルを閉じるということ
データファイルを使い終わってはいないが、使用中の画面を隠して、わずかの間、ブラウザなどの別の作業をする
メニューバー → ウインドウ(下部に表示)される → データを選択する
★★★
★作業中は、頻繁にすること
別名で保存をする
★保存先に注意すること