初心者講座イラストレーターの使い方「初心者講座ステップ1」を始める前に、まずはこちらを読んで下さい。イラストレーターは初期設定のままだと非常に使い勝手が悪いです。これからの説明をより分かりやすく、簡単にするために下準備をしましょう。⇒初心者講座ステップ1を読む。私の作業環境はこちらになります↓OS:Windowsイラストレーターのバージョン:CS6※Mac版・Windows版のCS4も持ってますが説明はCS6でしていきます。画像はWindowsのモノになりますが、Mac版にもなるべく対応出来るように頑張ります。イラストレーターは毎年新しいバージョンが出ます。バージョンごとに少しづつ変化していってます。ココではパッケージ版の最終バージョンのCS6の環境で説明しますので、古いバージョンを使っている方やCCの最新バージョンを使ってる方は少し戸惑う部分があるかもしれませんが、分からない部分はスルーしてもOKです。Windows・Macの全てのバージョンに対応させるのは個人ブログでは限界があります。ごめんなさい...でも!私の知る限りの中で、なるべく他のバージョンでも対応出来るように説明していきますのでお付き合い下さい。【caption1:環境設定をしよう】まずはアドビイラストレーターを立ち上げて下さい。※立ち上げる=起動するまさかまだパソコンにインストールしてない...って事は無いですよね?インストール編も必要だ!という方がいればお問い合わせからメッセージ下さい。要望が多いようでしたらインストール編も作ります。※インストール=イラストレーターをパソコンに入れて使えるようにする事とりあえずココではインストールまで終わってるとして話を進めます。立ち上げたら「最近使用したファイルを開く」や「新規作成」などが書いてある画面が表示されますが、この画面は今後一切必要ありませんので左下にある「次回から表示をしない」にチェックを入れてから右上の×をクリックして画面を閉じて下さい。立ち上げたらメニューバーにある「編集」をクリック後、一番下にある「環境設定」をクリックして下さい。※編集メニューに環境設定が無い場合はCtrlキーを押しながらKを押してください。Macの人はcommandキーを押しながらKを押してください。出てきたメニューの一番上の「一般」をクリック。するとイラストレーターの環境設定画面が出てきます。ここから環境設定をしていきますが、注意して欲しいのがココでの設定が100%正解ではないということです。「イラストレーターで何を作るのか」で設定が変わってくるからです。ココでの設定はあくまで当ブログ「イラストレーターでデザインしよう!」のこれからの説明を分かりやすくする為の設定です。実際に使っていて、使い勝手が悪いと判断した部分があれば自分で環境設定を変えてもOKです。※ただし、管理人オススメの設定ですので特に問題が無ければこの設定のままで良いと思います。設定していきましょう。イラストレーターの初期設定だと画面が暗すぎるので、画面を明るくしましょう。暗いほうがカッコいいかもしれませんが、大事なのは使いやすさです。暗いと目が疲れる原因にもなりますので特に理由が無ければ明るくしてください。※バージョンがCS4以下であれば初期画面は明るいので問題ありません。ユーザーインターフェイスという項目をクリックして以下のように設定してください。これで画面が明るく見やすくなりました。この調子で他も設定していきましょう。「テキスト」は変更なしでOK。「単位」ここでは日本人に馴染みのあるミリメートルという単位を使います。初心者のうちはミリメートルを使ったほうが分かりやすいです。文字という部分だけはポイントにして下さい。このポイントにした部分は文字の大きさの単位を決める項目です。今は深いことは考えずポイントにしておきましょう。DTPを専門でやる人(DTPデザイナー)は級という単位を使うことが多いですがこのブログではポイントで説明します。「スマートガイド」スマートガイドは画面が見えずらくなって邪魔なだけです。しても必要な場合を除いて全てチェックを外しましょう。「スライス」の項目ではカラーが初期設定でサーモンピンクとなってますが、見やすいようにライトブルーに変更しておきましょう。「欧文辞書・ハイフネーション」と「プラグイン・仮想記憶ディスク」は変更なしでOK。「ブラックのアピアランス」は変更なし。全ての変更が完了したら「OK」ボタンを押して変更を適用して下さい。途中で「キャンセル」ボタンを押してしまうと、変更した部分が適用されませんので注意してくださいね!これで環境設定は終わりです。環境設定画面を閉じたらメニューバーの「表示」をクリックして出てきた項目の「スマートガイド」をクリックしてください。するとスマートガイドのチェックを外せます。次はワークスペースを変更して、作業しやすくしましょう。【caption2:ワークスペースを整えよう】ワークスペースって何?簡単に言えば自分の机みたいなものです。机にはキーボードがあってマウスがあります。人によってはペンやハサミ、定規などがおいてあると思います。カラーペンや色鉛筆がある人もいるかもしれませんね。マウスが左側においてあったりハサミがキーボードの上にあったりしたら作業しにくいですよね。言えば自分じゃない他人の机を使おうもんならどこに何があるのか訳分からないですよね。それと一緒でイラストレーターもワークスペースが初期設定のままではどこに何があるのか分からなくて非常に使いにくいです。どこに何があるのかを整理して必要なモノがすぐ見つかるようにワークスペースを整えていきましょう。目指すべきワークスペースの完成形を見て下さい。これが目指すべきワークスペースの完成形です。初期設定のままだと画面が非常にシンプルですが、完成形は色々画面に表示されてますね。それでは完成形に向けて整理していきます!まずは画面左上にある、下の画像で説明している部分をクリックして下さい。1列だったモノが2列になりましたか?今2列になった部分がツールパネルです。今後の説明でツールパネルと言ったらココをみて下さいね。ちなみにツールパネルは外に出すことができます。今後の説明で分かりやすいように出しておくことをオススメします。出すときにクリックした部分をクリックしながらマウスで動かすと好きな場所へツールパネルを置くことができます。今度は右上を見て下さい。画像の部分をクリックすると何やら良く分からないものがいっぱい出てきましたね。これらをパネルと呼びます。左側がツールパネル、右側がパネルです。似てますが混乱しないように覚えましょう。このパネル部分が非常に重要なのでここを整えていきます。ここからは似てる事の繰り返しになるので説明を簡易的にします。メニューバーの「ウィンドウ」をクリックして、その後出てきた項目の中から「情報」をクリック。4:「ウィンドウ」→「リンク」5:「ウィンドウ」→「パスファインダー」ここまでクリックすると画面に色々パネルが出てると思います。これらを右側のパネルに入れ込んでいきます。環境設定でも説明したとおりココのパネルの配置が100%正解ということではありません。私が一番やりやすいワークスペースのパネル配置なだけで、もっとやりやすい配置があれば好きに配置しても構いません。今後の説明はココで整理したパネル配置で説明していきますのでこの通りにした方が分かりやすいです。下の画像の取り出し方法を参考にして、各パネルを取り出して下さい。各パネルを取り出したらこんな感じになりました。ぐっちゃぐちゃですね。笑さて、これを整理していきます。分解した各パネルをくっつけていきます。「アピアランス」と「情報」パネルをくっつけましょう。するとパネル同士がくっつきました。これと同じ方法で他のパネルもくっつけてパネルをグループ化しましょう。各パネル同士の組み合わせはこちら。パスファインダー」8:「グラデーション」8つのパネルグループの組み合わせが出来ましたか?グラデーションは組み合わせなしの単体で大丈夫です。この組み合わせに名前が無いパネルがあると思いますが、それらは必要ないので右上の×を押して(Macは左上の赤丸)消しましょう。説明通りに組み合わせが出来たらこんな感じになってると思います。したら下の画像を参考に配置してください。配置するときに青く光らせて配置する方法と、光らせない方法があります。青く光らせて配置するとパネル同士がくっつきます。(パネルグループをさらにグループ化)どちらのパターンでも良いですが、私はAパターンをオススメします。Bパターンだと使っているモニターが小さい場合に、くっついてる下の方のパネルが見えなくなってしまう事があるからです。その理由を説明します。各パネルはパネル名の左側にある矢印をクリックするとパネルの縦幅を変えることが出来ます。※スウォッチなど矢印の無いパネルもあります。Bパターンでくっつけて配置した場合、全てのパネルの縦幅を一番大きく展開した状態にすると一番下にある「レイヤー」パネル等が画面から見えなくなってしまいます。最初からAパターンにすれば良いじゃんって話ですが、そう簡単な話でもないのです。Aパターンで配置した場合、「レイヤー」パネル等が見えなくなることは無いですが、パネル名左側の矢印をクリックで展開した時、その下にあるパネルが見えなくなってしまうのです。これは使用しているモニターの大きさなどで自分に合った配置のパターンを選んで下さい。先ほども言いましたが、私のオススメはAパターンです。モニターが小さくてもある程度カバー出来る配置を教えます!それがこの配置です。Aパターンで配置してますのでこの画像の配置を真似してください。モニターの縦幅に余裕がなかったらある程度パネルグループを重ねて置いても大丈夫です。13インチモニターなどを使っているとそれでも縦幅が足りないと思います。その場合は「線」パネルを一番右から取り出してスウォッチパネルの横辺りにでも置いておきましょう。これでやっとワークスペースが完成形になりました!せっかく整理したワークスペースですから、しっかりこの配置を保存しておきましょう。メニューバーの「ウィンドウ」をクリックして、「ワークスペース」をクリックして下さい。そこに「新規ワークスペース」という項目があるのでクリック。(バージョンによっては「ワークスペースを保存」という項目になっています。)好きなワークスペースの名前をつけて、「OK」をクリック。私は「イラデザ」と名前をつけました。これでワークスペースの保存完了です。ワークスペースの配置を変更してしまったとしても、「ウィンドウ」→「ワークスペース」→「イラデザ」をクリックでいつでも保存した時のワークスペースの配置に復活できます。最後にワークスペースの各名称をおさらいしておきましょう。ステップ0】はおわりです。参考になった!ありがとう!と思った方は「ツイート」や「いいね!」のご協力をお願いします。管理人が大変喜びます!初心者講座ステップ1へ進もう!⇒イラストレーターで文字を打つ為に必要なこと【初心者講座ステップ1】この記事が役に立ったとおもったらイラレに関するアンケートへのご協力をお願いします!アンケート回答は3分で終ります。23:20丁寧に画像を貼って説明してくれてありがとうございます。分かりやすくて助かりました。15:36>フジシマ様コメント頂きありがとうございます。最初に環境設定をしっかり整えておくことが中級者への近道だと私は思っています。02:55CS6を購入したものです。パネルの表示にイライラしていてここの説明を参考にしました。図と文章のわかりやすい説明で良いです。13:51>takeron様イラレは初期設定のまま使うと不便極まりないです。してて見た目はカッコいいかもしれませんが、使いやすいように最初にワークスペースを整えることが最重要だと私は考えてます。お褒めの言葉ありがとうございます。頑張って書いた記事なので嬉しいです。21:16すごくわかりやすいです!ありがとうございます。17:57>まり様コメントありがとうございます!お褒めの言葉嬉しいです。18:11初心者にわかりやすく、さくさく進めることができました。これからも頑張っていきたいと思いますのでよろしくお願いします。14:46>haruru様コメント頂きありがとうございます。19:36本当の超初心者です。すごくわかりやすくありがたいです。14:47>超超初心者様コメント頂きありがとうございます。13:06cs2を使ってイラレの勉強(初心者)を始めました。ありがとうございます。13:35初めまして、超初心者です。サイトを見て、環境設定を済ませ、文字の所で、つまずいてしまって。文字を打って、指定する時、青い下線は出るのですが、枠線で囲まれなくて、拡大、縮小ができませんでした。cs5を使用してますが、どこで、間違ったかわかりません。何にか解決策はありますか?こんな質問ですみません、ご存知でしたらご回答頂けたらと思います。初めまして!返事がとても遅くなってしまってごめんなさい。23:39はじめまして。GW初めに、ほかのサイトで、書かれてないことの多い疑問に振り回され目標と自信を放り投げるところでした。丁寧な、ご説明のこのサイトに出会い、涙がでるほど、うれしかったです。GWの前半8日間を費やして、自己流に近い状態でしたので、かゆいところに手が届くような、親切な説明文には、感謝でいっぱい。どれくらい嬉しいことか、文字で書いてしまえばあっけないのですが藁をもつかむ心境の時に出会った助け人。何度も読み返しては、つかわせていただいております。我がパソコンの、お気に入りにいれて、一番最初に鎮座されてます。ありがとうございました。絶賛の嵐で本当にありがたいです、日本一分かりやすいイラレのハウツーブログを目指して書いてるので、本当に感謝です!うれしいです!!にも関わらず返信が遅くなってしまい、大変申し訳ないです・・・。takao様の「藁をもつかむ心境の時に出会った助け人」になれたこと、本当に誇りに思ってます。ブログを始めて良かったと心から思いました。8日間、本当に長く大変な時間だったかと思います。わかりやすかったです。17:37製作の良い参考になりました。ありがとうございました。09:21たへん参考になりますた。ありがとうございました。20:44わかりやすい内容で助かりました。ありがとうございました。ここで質問は適当ではないかもしれませんが、もし可能でしたらお願い致します3200×1800の13.3インチモニターを使っており、各パーツが小さく表示されて読み取れません。おわかりでしたらお願いします。17:04>FUN様コメントありがとうございます!ご質問の件ですが、ツールパネルやパネルの文字やアイコンの表示が小さくて読み取れない、という意味で間違いないでしょうか。あれば、残念ながらイラストレーターの設定にパネルの文字やアイコンの大きさを変える設定はありません。proを持っていますが、パネルの文字は小さいですが、問題なく読み取れます。パソコンの解像度を変えても効果が無い、ということであれば私もちょっと分からないですね・・・。お役に立てずごめんなさい。17:25大変わかりやすく私のイラレは本当に便利になりました。ぐちゃぐちゃになってしまうんですよね...。最後のワークスペースの保存まで、ありがとうございます。ひとつ質問なんですが、ナビゲーターを置いておきたいのですがどこに置いたらきれいに見えるのでしょうか。ここでの質問は適当ではないと思いますが、可能でしたらお願いします。01:55>nekochan様コメントありがとうございます!ベストなワークスペースは人や仕事内容によって様々ですが、初心者であればとりあえずこの環境設定にしておけば間違いないと思っているので信じてください!(私の経験上ですが)ナビゲーターを設置したい場合は、情報とアピアランスのパネルと一緒にしておくのが良いかと思います。13:14個人の仕事でイラレを習得する必要があり、二日前から始めた超初心者です。フォトショップは使ってきたのでイラレもなんとなくわかるかなーと思いきや、全然わからず困り果てていました。海外に住んでいるので、英語版のアドビCCをインストールしたのですが、周りに実際やって見せてくれる人もなく、ネットでサーチしていたらここにたどり着きました。英語版の用語と日本語版の用語が(私の知識では)なかなかリンクせず、どれだどれだと探しながら、なんとかワークプレイスをセッティング完了できました!本当に懇切丁寧に解説してくださってありがとうございます。逆もしかりで、イラレが使えるからといってフォトショップが使えるとは限らない。文章よりもなるべく画像を使ってわかりやすくしたい、という意図が成功したみたいで良かったです。これは余談ですが、私もいつかは海外に住んでみたいです。10:27始めまして大変役に立ちました当方68歳の親父ですイラレをやって3年程度になりますがまだまだでして新たにやる気を出してやります。今後とも宜しくお願いいたします。こちらこそ今後ともよろしくお願いいたします。10:29頑張ります。10:34まずはステップ0終了あまりに分かりやすかったので、まずはお礼のコメント入力です。19:08>みのみち様コメントありがとうございます!イラレを使う上で最も大切なのは、ステップ0だと思ってます。お礼を頂きありがとうございます!少しでもお役に立てたなら嬉しいです。17:31本当に親切丁寧な解説でとてもわかりやすいです。頑張ってイラレを使えるようになります。03:25自宅パソコンはCCを入れましたが、職場がCS6で最近自宅のノートパソコンにもインストールしました。ツール等小さくてとても作業しにくいです。19:31>今井治美様コメントありがとうございます!そうなんです、じつはCS6にはUIスケールの変更する項目がないのです。結論を言ってしまうと、CS6はツール等の表示を大きくすることは出来ません。CCから出来るようになった新機能になります。欲しい機能だったUIスケールの拡大がやっとCCで導入されたという感じですね。CS6だとそこは諦めるしかありません。19:21かなり昔に使ったので、すっかり忘れてしまい途方に暮れていました。わかりやすい説明で感謝です。19:34>れいこ様コメントありがとうございます!やはり使ってないと忘れてしまうものですよね。イラレはCS2以降からガラッと変わってきてますので、バージョンが8とか10とかそのくらいの時にやった記憶だと、通用しない可能性もあります><今後ともよろしくお願いします。09:57この春転職し、イラストレーター知識ゼロで少し扱うことになったのでこちらのサイトにたどり着き利用させていただきました。わかりやすい説明でとても勉強になります。四角を作っても微妙に初めからかたむいてしまっているのですがどうしたらもとに戻りますか?もしわかることばあれば教えていただきたいです。13:08大昔に使っていましたが、もうすっかり分からなくなり他のサイトでは使い方を調べましたが、用語から意味不明。17:26ずっーとうろ覚えで使っていましたが、CCにした途端に大混乱になりました。こちらのパネルの回から勉強し直したいと思います。有用な情報を簡単な言葉で説明していただいて、ありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。