-本日のアジェンダ-
1限目
学科 CMS構築基礎③
「WordPress」メディアについて
2限目
学科 CMS構築基礎③
「Photoshop」選択範囲とレタッチの復習
3限目
学科 CMS構築基礎③
ダイレクト選択ツールについて
4限目
学科 CMS構築基礎③
トレースについて
5限目
学科 CMS構築基礎③
本日のまとめ
本日のテーマ
写真やイラストでよりクリエイティブに！
【資料】
カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/
下記のファイルをダウンロードしましょう。
1.「Wordpress活用法の教科書③.pdf」
2.「グラフィックツールの教科書③.pdf」
【動画①】Wordpress活用法の教科書③
- メディアの使い方
https://youtu.be/gOUrkJl6pp0（7:29） - 写真やイラストデータの掲載でよりクリエイティブに！
https://youtu.be/x5Eg-nXXzZw（8:40）
【動画②】グラフィックツールの教科書③ [Illustrator]
- ダイレクト選択ツール・トレースについて
https://youtu.be/6AfzM-YlVTY（8:03）
WordPressのメディアとは？
メディアライブラリとは、WordPressにアップロードされた画像を保管している場所のことです。すでにアップロード済みの画像を記事に挿入する場合、この「メディアライブラリ」という機能を利用します。
WordPressの投稿画面から「ブロックの追加」を選択した後、「メディアライブラリ」を押下してください。
参考サイト
ワンポイントアドバイス
時系列を残して成長を見せましょう！
投稿ページは、いつ作成した作品であることを残すことが出来ます。
自信の成長を見せる事で、成長曲線を見せる事が出来ます。
ポートフォリオサイトとして、自信の成長曲線を見せる事で、就職活動のとき、
企業担当へ未知なる仕事への可能性を感じさせましょう！
ダイレクト選択ツールについて
ダイレクト選択ツールはすでに作成した図形などのアンカーポイントを選択して、部分的に操作するためのツールです。
トレースについて
絵の練習にトレースを取り入れることをお勧めするのは、イラスト初心者の方です。
トレースで絵の練習をすることでまず身につくのは、キレイな線の描き方だからです。
イラストを描き始めたばかりの人は、線が上手に描けないことが多いですが、お手本の絵をトレースし続けることによって、キレイで無駄のない線が一息で描けるようになってきます。
また、上手なプロの絵をトレースすることで、描き方の感覚の違いや自分の描き方のどこが甘いのかという弱点も明確になるうえに、絵を描く集中力も鍛えられるのもポイントです。
イラストを描くことに慣れてきた人でもトレースをしてみると新たな発見があるので、たまに初心に帰ってみるのも良いでしょう。
ワンポイントアドバイス
Illustratorで作成するデータはパスの組み合わせで作られます。
トレースをしながら「塗と線」「アンカーポイントとハンドル」
この仕組みをまず理解してみましょう。
次回のIllustratorの基本操作
- 塗りと線
- ダイレクト選択ツール
- パス「アンカーポイント」「ハンドル」「セグメント」
- アンカーポイント切り替えツール
- シェイプ形成ツール
- レイヤーパネル
- ペンツール
- 曲線ツール
- リフレクトツールと回転ツール
- 変形の繰り返し「Ctrl+D」
引き続きの基本操作
- 新規作成・開く
- アートボード
- 選択ツール
- 長方形ツール
- 楕円形ツール
- 多角形ツール
- スターツール
- パスファインダー（合体・型抜き・交差）
- プロパティパネル
- ズームツール
オブジェクトの塗りと線
Illustratorの最大の特徴は塗と線で構成されているという事です。この特徴を理解することで、様々な絵を描くこと下出来ますので、常に塗と線を意識してIllustratorを使いこなしてみましょう。
参考サイト
- Illustratorの基本「線」と「塗り」をしっかり区別しよう …
- イラレ基礎知識 「塗り」と「線」について! ｜ デザイン＆印刷 …
- 【Illustrator】イラレ初心者でも簡単！塗りと線の使い方を徹底 …
ダイレクト選択ツール
選択ツールがオブジェクト全体の移動や複製に使用するのに対し、ダイレクト選択ツールは、オブジェクトの部分を編集するのに使います。
参考サイト
- illustrator ダイレクト選択ツール基本的な使い方 | illustratorの …
- ダイレクト選択ツールの使い方 – イラストレーターの基本操作
- 【Illustrator】（ダイレクト・グループ）選択ツールをマスター …
パス「アンカーポイント」「ハンドル」「セグメント」
Illustrator で描画したオブジェクトは「パス」で構成されています。「パス」には、図形を構成する点として「アンカーポイント」が存在します。 この「アンカーポイント」 を操作することで、 オブジェクトを多彩な形に変形することができます。
パスは「アンカーポイント」「セグメント」「ハンドル」の3つの部位からなりたっており、これら3つの部位を含んだすべてを「パス」といいます。
参考サイト
- Illustratorでパス（ベジェ曲線）を描くために知っておきたい …
- 鋭角な角の頂点から曲線のハンドルを引き出す – ハンドルの …
- Illustratorで自由自在にベジェ曲線を操る – 時短を極めるため …
アンカーポイント切り替えツール
Adobe Illustrator（アドビ イラストレーター）のベジェ曲線の描き方（切り替えツール）を解説しています。 … 終点から「切り替えツール」でドラッグすると、アンカーポイントから正反対に伸びている2本の方向線のうち、片方を折って方向を変えることができます。
参考サイト
- アンカーポイントの切り替えツール « Old lecture – nakayasu.com
- アンカーポイントの切り替え – Illustrator実践講座-チュートリアル
- 新しくなったIllustrator CC（17.1）の［アンカーポイントツール］は超便利。でも、本当にコレでいいのかな？
シェイプ形成ツール
Shaper ツール を使うと、シェイプをまとめて描画、スタック、配置して、単に結合、マージ、削除、移動することで複雑かつ美しいデザインを作成できます。以前は複数の操作を必要としていた操作を、シンプルで直感的に行うことが出来ます。
参考サイト
レイヤーパネル
複雑なアートワークを作成する場合、ドキュメントウィンドウ内のすべてのアイテムの場所を把握しておくことは難しい問題です。小さなアイテムが大きなアイテムの下に隠れてしまうと、アートワークを選択することは困難になります。レイヤーを使用すれば、アートワークを構成するすべてのアイテムを管理できます。
参考サイト
- Illustrator でレイヤーを使用する方法 – Adobe Help Center
- Illustrator CS5 のレイヤーパネルの使い方
- 【Illustrator】初心者が知りたいレイヤーとは？
ペンツール
ペンツールによる直線セグメントの描画 ペンツールを使用して作成できる最も単純なパスは直線です。ペンツールをクリックして 2 つのアンカーポイントを作成すると、それらのアンカーポイントを結ぶ直線が作成されます。
参考サイト
- ペンツールで描くベジェ曲線をマスターする | Adobe Illustrator チュートリアル
- Illustrator でペンツール、曲線ツール、鉛筆ツールを使用して描画する方法
- ペンツールでベジェ曲線を描くコツはアンカーポイントの打ち方にあり …
リフレクトツール
リフレクトツールはオブジェクトを反転させるツールです。鏡に映したような状態にするので鏡面反転ともいいます。反転したオブジェクトをコピーすることもできるので、左右対称のイラストなどを作る時に便利な機能です。
曲線ツール
曲線ツールを使用すると、パスの作成と描画を簡単で直感的に行うことができます。新しいツールでは、スムーズポイントまたはコーナーポイントの作成、切り替え、編集、追加または削除を行うことができます。
参考サイト
- ペンツール、曲線ツール、または鉛筆ツールを使用した描画
- 曲線ツールを1分で実用レベルにする【イラストレーター】
- Illustratorの［曲線ツール］の使いどころは、カスタマージャーニーマップでの感情曲線の作成
参考サイト
はさみツール
はさみツールはオブジェクトの一部を切り取るのに使うツールです。 オブジェクトのパスの上にカーソルを合わせてクリックします。 これを2箇所以上繰り返せば切り取られます。 選択ツールで切り離してみましょう。
参考サイト
- [Illustrator]はさみツールの使い方 | バンフートレーニングスクール スタッフ …
- Illustratorの消しゴムツール、はさみツール、ナイフツールの使い分け
- illustrator はさみツールの簡単な使い方
変形の繰り返し「Ctrl+D」
[Ctrl]キー+[D]キーを押下すると、メニューの[変形の繰り返し]をクリックしたときと同じ動作になります。 [Ctrl]キー+[D]キーを押すごとに6度回転した図形をコピーで生成できます。
本日の課題
オンラインは課題無しです。
※不明点等は次の来校日に質問出来るようにまとめておいてください。
