Movatterモバイル変換


[0]ホーム

URL:


JO
Uploaded byjob one
3,395 views

Illustrator基礎1

就労移行支援事業所Job庵 デザインプログラム Illustrator 基礎1

Download to read offline
Illustrator基礎1基本用語・操作を覚えよう
Adobe Illustratorで作れるモノ・企業や製品のロゴ ・Webサイトのアイコン
・商品のパッケージ ・図やインフォグラフィック
・ポスター・イラスト・インターフェイス
ベクタ形式(ドロー系)が採用されているIllustratorの特徴1画像を数値で記録している画像形式✖複雑な図形の表示に時間がかかるPhotoshopはラスタ形式(ペイント系)劣化させることなく拡大縮小ができる
Illustratorの特徴2簡単に移動や複製、変形を行えるオブジェクトオブジェクトとは図形や配置した写真等操作の対象となる「もの」を意味する
パスで描かれたジョブわんの拡大図アンカーポイント同士を結ぶ線(セグメント)で描かれている。このようにパスで描かれた曲線をベジェ曲線と呼ぶ。
Illustratorで作るイラストは「線」と「塗り」でできている
オープンパスとクローズドパス
アートボード印刷したり、Web用に保存するときの領域のこと
はみ出して描けますが、はみ出た部分は印刷・画像の保存がされません。アートボード
新規ドキュメントを作成ファイル→新規(Ctrl+N)
パスを描くためのツール今日はペンツールを使用します。※端に三角が出ているアイコンは長押しで一覧が出るようになっています。
 直線を描く曲線を描いてみよう
オベジェクトを選択するいろいろな選択ツールこの黒い矢印アイコンが選択ツールです。選択したいオブジェクトを、これでクリックすると選択されます。複数選択したいときは、shift キーを押しながらクリックです。また、ドラッグするとドラッグした範囲内のものを選択します。1.選択ツール
オベジェクトを選択するいろいろな選択ツールパスの中の アンカーポイントを選択するときに使います。2.ダイレクト選択ツール、グループ選択ツール
覚えておきたいよく使う操作1.一作業の終わりに、関係無い箇所をctrl + クリックで作業を終了させます。2.取り消し、やり直しはctrl + Zキー
下記のイラストを作ってみましょう
色や線等を設定をするアピアランスウィンドウアピアランスウィンドウウインドウ → アピアランスまたは、shift + F6キーで表示。画面右側に表示されます。黄色で囲った四角が現在の色です。斜線の場合は色が無いことを意味しています。四角をクリックすると下向き三角が表示されるのでクリックすると色の一覧が出て来ます。一覧の中の色をクリックするとその色になります。
色や線等を設定をするアピアランスウィンドウ・色をからカラーコードで指定したい場合shiftを押しながら黄色で囲った四角をクリックすると左の画像のような画面になります。ジョブわんの顔を作るために線を無しにして、カラーコードを「#dba871」にします。
顔のベースを作るペンツールで曲線を描いて顔を作ります。①描き始めたい位置をクリック②曲線の向きを変えたいところをクリック③2点目のアンカーポイントをクリック※これをしないと曲線の向きが限定されます。④2〜3を繰り返して顔の形を作ります。
パーツを作る顔のベースが描けたら耳と鼻も同じように作ります。口は線を2ptにして塗りを無しにしてペンツールで描きます。
パーツを作る目は「楕円形ツール」を使います。「楕円形ツール」が選択された状態で、shiftを押しながらドラッグすると正円が描けます。shiftを押さないでドラッグすると楕円になります。
パーツを組み合わせるジョブわんの顔はパーツが重なってできています。肌のパスが一番下で目鼻等他のパスが上に来る構成です。このように「階層」になっていることを「レイヤー」と呼びます。茶色いパスが一番下になっていない場合はレイヤーパネル上でパスを選択し、下までドラッグします。
完成パーツを所定位置まで移動させて完成です。

Recommended

PDF
Illustratorのカンプとうまく付き合う方法
PDF
資料作成のためのIllustrator入門 2限目
PDF
Adobe Illustrator はじめてのスクリプト
PDF
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
PDF
Document Design by Adobe Illustrator - 2
PDF
Html part1
PPT
自主ゼミ5回目
PDF
Illustratorでクリエイティブ名刺をつくってみよう! 先生:イシジマ ミキ
PDF
Adobe Fireworks CS6 使いこなしテクニック
PDF
今から始めて遅くない“Photoshop&Illustrator使いこなし”テクニック
PDF
Astah UML スタートガイド
PDF
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
PDF
Astah Community スタートガイド
PDF
Page2015-Akatsuki_InDesignForAiUser
PDF
もっと自由に使いこなし!〜
Illustrator CC 既存機能おさらい & 気になる新機能〜
PDF
表現別、PhotoshopとIllustratorの使い
PDF
表現別、PhotoshopとIllustratorの使い分けを学ぶ
PPTX
デジタルペイントツールの基本
PPTX
Adobe XD入門
ODP
The Introduction to Vector Graphics
 
PDF
Ma Owada
 
PDF
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本

More Related Content

PDF
Illustratorのカンプとうまく付き合う方法
PDF
資料作成のためのIllustrator入門 2限目
PDF
Adobe Illustrator はじめてのスクリプト
PDF
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
PDF
Document Design by Adobe Illustrator - 2
PDF
Html part1
PPT
自主ゼミ5回目
PDF
Illustratorでクリエイティブ名刺をつくってみよう! 先生:イシジマ ミキ
Illustratorのカンプとうまく付き合う方法
資料作成のためのIllustrator入門 2限目
Adobe Illustrator はじめてのスクリプト
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
Document Design by Adobe Illustrator - 2
Html part1
自主ゼミ5回目
Illustratorでクリエイティブ名刺をつくってみよう! 先生:イシジマ ミキ

Similar to Illustrator基礎1

PDF
Adobe Fireworks CS6 使いこなしテクニック
PDF
今から始めて遅くない“Photoshop&Illustrator使いこなし”テクニック
PDF
Astah UML スタートガイド
PDF
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
PDF
Astah Community スタートガイド
PDF
Page2015-Akatsuki_InDesignForAiUser
PDF
もっと自由に使いこなし!〜
Illustrator CC 既存機能おさらい & 気になる新機能〜
PDF
表現別、PhotoshopとIllustratorの使い
PDF
表現別、PhotoshopとIllustratorの使い分けを学ぶ
PPTX
デジタルペイントツールの基本
PPTX
Adobe XD入門
ODP
The Introduction to Vector Graphics
 
PDF
Ma Owada
 
PDF
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本
Adobe Fireworks CS6 使いこなしテクニック
今から始めて遅くない“Photoshop&Illustrator使いこなし”テクニック
Astah UML スタートガイド
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
Astah Community スタートガイド
Page2015-Akatsuki_InDesignForAiUser
もっと自由に使いこなし!〜
Illustrator CC 既存機能おさらい & 気になる新機能〜
表現別、PhotoshopとIllustratorの使い
表現別、PhotoshopとIllustratorの使い分けを学ぶ
デジタルペイントツールの基本
Adobe XD入門
The Introduction to Vector Graphics
 
Ma Owada
 
第170回バンフーセミナー Illustrator・Photoshop・InDesignデータ駆動グラフィックの基本

Illustrator基礎1


[8]ページ先頭

©2009-2025 Movatter.jp