第6回（5月27日）メインビジュアルの進行チェック

さあ、完成版講評まで、あと1週間となりました。

本日は、インフォグラフィックイラストレーション課題、メインビジュアルの進行チェックを行います。
チェック後、さらなるブラッシュアップをして、時間の限り描き込んでいきましょう。
ビジュアルが完成したら、いよいよ各種データを入れ込んだデザイン作業です。
ビジュアルパーツが揃っていれば、楽しいプロセスになりますね。


デザイン作業に当たり、アドバイスをいくつか。

◉今回のモチーフテーマを一言で表現する、タイトルを大きく入れる。

◉自分のロゴなどを入れると、視覚的に効果的です。

◉メインビジュアルとサブビジュアルは、大きさにコントラストつける。また、細かなサブビジュアルがばらつかないように。

◉ボディコピーは、凝りすぎたフォントは読みにくい原因になるので注意。

◉全体のサイズに対して、ボリューム感が出るよう、メインビジュアルが小さくならないように。

第5回（5月20日）メインビジュアル本制作

本日は、メインビジュアルの本制作に時間を費やしてください。

下絵をしっかりと制作してあれば、ブレたり悩むことなく進行できるはずです。
illustratorで描画しますので、下絵に従いロジカルに描き進めましょう。

＜制作進行に関するアドバイス＞

☆ベースとなる大きなモチーフから、添景となる小さなモチーフへと描き進めることが基本です。逆になると、あとで構図変更などがあった場合、時間をロスします。
まずは、大雑把にすべてのモチーフを描き込むことで、全体のボリューム感を把握し、その後に描き込んでいきます。

☆配色に関しても、始めから完成形にこだわると悩む原因になりますので、ざっとした暫定的な色目で勧めていき、全モチーフが整った段階で、細かな仕上げ配色をしましょう。

☆パーツが増えるに連れ、パスやレイヤーが乱雑になりがちです。随所でグループ化、レイヤー化して、階層を把握しましょう。

☆コピペに頼った過度のモチーフの配置は、クオリティを下げチープに見える原因となるので、気をつけましょう。

第4回（5月13日）下絵のチェック→ 本制作

本日は、下絵のチェックを行います。

下絵が未完成および未成熟であると、本制作中に迷いやブレが生じるので、下絵を丁寧に仕上げることは重要です。下絵が仕上がれば、7〜8割方の作業が終わったうようなもの。
あとは、ひたすら時間の限りイラレを使って制作するのみ。
実践で制作することで、スキルは向上していきます。

下絵チェックが完了した人は、本制作にかかってください。
制作中の疑問点などは個々で対応していきますので、迷いなどが生じたら速やかに講師にアドバイスを求めてください。

Today, I will check the sketches.
It is important to finish the draft carefully, as the draft is incomplete and immature, as it may cause confusion or blurring during production. If the underlayment is finished, it seems like the work of 7〜80% is finished.

After that, I will only produce using illustrator app. for as long as possible.
Skills will improve through practical production.
For those who have completed the draft check, please take this to work.
Questions during production will be dealt with individually, so please ask the instructor for advice as soon as you get lost.

第３回（４月２２日）／コンセプト・サムネイルのチェック

本日は、今季課題「Inforgrafics Illustration」のコンセプト・サムネイルのチェックを行います！
チェックが済み次第、具体的な描画に向けての資料画像を収集し、ラフスケッチ（下絵）作成をスタートしてください。ラフスケッチは、ノートに鉛筆でも構いませんが、タブレットを利用した方が、いろいろ効率的です。

Today, I will check the concept thumbnails of the topic "Inforgrafics Illustration" this season!
As soon as the check is completed, collect material images for specific drawing and start creating rough sketches. Rough sketches may be pencils for notes, but it is more efficient to use tablets.

第2回（４月１５日）／テーマ → 情報収集 → マインドマップ → サムネイル

1.テーマの考察　Consideration of theme

世の中にある様々な商品、思想、システム、仕組み、etc.
自分の興味のあることや知りたいことが良いですね。
ビジュアル化することで、他の人に伝わるようにしましょう！！

Various products, ideas, systems, mechanisms in the world, etc.
It is good to know what you are interested in and what you want to know.
Let's communicate to other people by visualizing! !

2.情報収集　Information gathering

「テーマ」を人に伝えるには、まず自分が理解しなければなりません。
そのための情報を、様々な視点から集めましょう！

In order to convey "themes" to people, you must first understand them.
Let's gather information for that from various viewpoints!

3.マインドマップの作成　Creation of mind map

集めた情報をシンプルに整理するために、マインドマップを作成しましょう。
Create a mind map to organize the collected information simply.

MindMapについて▶

4.サムネイルの作成　Creation of thumbnail

マインドマップを元に、ここで初めてアイデアを形（絵）にします。
しかし、あまり丁寧に細かく描き込んではいけません！
サムネイルなので、なんとなく形が分かる程度の小さなスケッチで、いろいろなパターンを描いてみましょう！

Based on the mind map, I will form an idea here for the first time.
But you don't have to draw too much!
Let's draw various patterns with a small sketch that understands the shape somehow!

第1回（４月９日）／Inforgrafics Illustration

「インフォグラフィクス」とは何でしょうか？

What's "Inforgrafics"

商品・思想・システム・データ・プロセス・仕組みなどを「見える化」し、スムースに理解伝達させることのできるグラフィカルなビジュアルの総称です。

It is a general term for graphical visuals that can "visualize" products, ideas, systems, data, processes, etc., and communicate them smoothly.

その中でも、ビジュアルの世界観を支配する中心的な役割をするイラストレーションを、「インフォグラフィクス・イラストレーション inforgrafics illustration」と呼びます。

Among them, the illustration that plays a central role in controlling the visual world is called "infographics and illustration inforgrafics illustration".

なぜ今、インフォグラフィックス・イラストレーションか？

Why now, infographics illustrations?

現代のグローバル化時代には、言語・民族・文化を超えた、共通のビジュアルコミュニケーションが必要となっています。特に、WEBを通じたコミュニケーションにおいては、万人にスピーディかつ伝わりやすく情報を発信することが必要です。
伝えたいコンテンツデータを、シンプルにひと目（ワンビジュアル）で伝えることができ、かつブランドイメージを印象つけることのできるインフォグラフィックス・イラストレーションは、これからのビジュアルコミュニケーションの中心的役割をすると予想されます。

In the age of globalization today, common visual communication beyond languages, ethnic groups and cultures is required. In particular, in communication via the web, it is necessary to transmit information to everyone quickly and easily.

Infographics and illustrations that can convey content data that you want to convey with a single glance (one visual) and can impress a brand image are expected to play a central role in visual communication in the future.

制作におけるポイント

Point of production

■データを理解し、できる限りシンプルな構造表現にする
Understand the data and make it as simple as possible

■全体を特徴つけるメインモチーフを想定する
Assume a main motif that characterizes the whole

■人物などを加えることで、親しみやすい表現になる
It becomes a friendly expression by adding a person etc.

■ソフトはイラレを中心に作成（シンプル／シャープ／都会的・・・）
The software is mainly created by illustration (simple / sharp / urban ...)

■立体感をつけることでインパクトを出す　→　アイソメトリクスの活用
Make an impact by adding a three-dimensional effect → Use of isometrics

■写真は出来るだけ使わない（テクスチャーなどを除く）
Do not use photos as much as possible (except for textures)

■細かく・丁寧な造作
Make detailed and careful constructions

■背景はシンプルに
Make the background simple

制作プロセス

Production process

1. 表現したい「テーマ」を考察、情報収集

Consider the theme you want to express, collect information

　　　　　　　▼

2. テーマを元に「マインドマップ」を作成して、情報を整理する
Create a "mind map" based on the theme and organize information

　　　　　　　▼

3. マインドマップを元に、サムネイルを作成（紙にボールペン）
Create a thumbnail based on the mind map (paper and ballpoint pen)

　　　　　　　▼

4. テーマ／マインドマップ／サムネイルを元に、画像資料を収集
Collect image data based on theme / mind map / thumbnail
　　　　　　　▼

5. ラフスケッチの作成
Create a rough sketch
　　　　　　　▼

6. ラフスケッチを元にビジュアルの制作
Main production based on rough sketches

　　　　　　　▼

7. ビジュアルにテキスト情報をデザイン
Put text information into visual 　　　　　　　
　　　　　　　
　　　　　　　▼

完成／プレゼンテーション
Completed　→　presentation

今後の授業スケジュール　schedule▶

インフォグラフィクス・イラストレーションのサンプル画像は、こちら▶

Sample image of infographics and illustration

2019年度GD3年_デジタルイラストレーション授業スタートします！

3年生（全7回）では、2年生で体験したスキルを元に、「インフォグラフィクス・イラストレーション」という表現分野をテーマに、ビジュアルを作成します。

第7回（最終）課題作品を見ながら、各自プレゼンテーション

Seventh lessen (Final)   While looking at  your works, each presentation


短い講義も、最終回となりました。
本日は、提出して頂いた作品を紹介しながら、この授業に関する感想、デジタルクリエイティブに対する考え、今の自分の課題、これから学びたいことなど、自由に自分をプレゼンテーションしてスピーチしてください。(時間は5分)

Today is the last round.
Please present yourself freely, introducing the work you submitted, presenting your thoughts on this lesson, thoughts on digital creative, your current tasks, what you want to learn from now and more something. (Time is 5minute)

「What would you like to talk about?」

最後に　Finally

デジタルクリエイティブにおいて、最も重要なことは何でしょう？

What is the most important thing in digital creative?

デジタル制作は、道具でありますが、武器にもなります。

そして、自分を惑わせる相手にもなります。

故に、
パソコンで制作する前に、明確な自分のアイデアを持つこと！

アイデアを得るには、いろいろな角度からサーチすること！

可能であれば、現地に赴き、実物を観ること！

制作はそれからです！！

Digital production is a tool, but it also becomes a weapon. And it is also a partner to confuse yourself.

Therefore,

Have a clear idea of yourself before making it on a PC!

To get the idea, search from various angles!

If possible, go to the site and see the real thing!

Production is then! !

Thank you and cheers for your good work.

課題提出の案内 infomation of submission task

最終授業は、提出された作品の講評などを行います。
次の３つの画像を、11月4日（日）までに、授業用ストレージに提出してください 。　

＊JPEG or PNG 形式

The final lesson will review of the submitted work.
Please submit the following three images to classroom storage by November 4 (Sunday)
JPEG or PNG format

1. 自分のポートレートイラストレーション
2. 動物キャラクター（平面バージョン）
3. 動物キャラクター（立体バージョン）
4. ニューTV塔イメージ（3D制作）

1. My portrait illustration
2. Animal character (plan version)
3. Animal character (solid version)
4. New TV tower image (3D production)

第6回 簡易3Dオブジェクトを利用したイラストレーション

1．イラレの簡易３D機能を使って立体的オブジェクトを作成します。

Create a three-dimensional object using the simple 3D function of illustrator,

sample1

sample2

2.　フォトショプにデータを移行（ラスタライズ）して、演出を加えます。

Move data (rasterize) to Photoshop and add decoration.

sample3

⬇

sample4

🌟本日のキーとなる作業　Today's key work

• 押し出し・ベベル   (Extrusion・Bevel)
• 回転体　(Rotating)
• シンボル　(Symbol)
• マッピング (Mapping）
• ブレンド   (Blend)
• アピアランスの分割　(Appearance split)

🌟授業の内容のポイントはこちら　Here is the point of contents of the lesson

　　　　　

　イラレによる3D制作プロセス　3D production process by Irare

第5回 動物マスコットキャラクターを描く 3 by Photoshop

-----------------------------------------------------------------------------------------------

3. テクスチャーを加える　

Add a texture

各パーツレイヤーに描き込んだ後、パーツレイヤーごと、または、統合した（グループ化も）レイヤー全体に適用する。ただし、過度の演出は、逆効果になるので、必要最低限と考える。

After drawing on each part layer, it is applied to each part layer or to an integrated (grouping) whole layer. However, excessive production will be counterproductive, so think it is the minimum necessary.

＜テクスチャを加える4つの方法＞
Four ways to add a texture

1. 素材のレイヤーを加える
2. フィルター効果を使って加える
3. ブラシでアナログ的に描画する
4. 紙のテクスチャを利用する（プリントする場合）

1. Add in layers
2. Add using filter effect
3. Draw analog in a brush
4. Using paper texture (when printing)

⚫️テクスチャ素材サンプルはこちら
Texture material sample here

-----------------------------------------------------------------------------------------------

4. エッジを工夫し、アナログ的演出を加える

devised edges and add analog styles

ハードでストレートなエッジに手を加えることで、全体的な印象に変化を与えることが出来ます。
You can change the overall impression by adding hands to the edge that looks straight and straight.

第4回 動物マスコットキャラクターを描く ２ by Photoshop

第３回の授業で描いた、illustratorの画像を、Photosopにて立体的に描き込みます。
Three-dimensional painting in Photoshop in the image drawn in the last lesson.

-----------------------------------------------------------------------------------------------

１.Illustratorのレイヤーデータを、Photoshopで開く　

Open Illustrator's layer data in Photoshop

-----------------------------------------------------------------------------------------------

2. Photoshopにて、陰影をつける　

Shade in Photoshop

陰影を上手く付けるには、適切なブラシの設定が重要です。
For proper shading, proper brush setting is important.

丁寧に塗るには、適材適所のブラシサイズの変更が必要です。
To paint politely, it is necessary to change the brush size at the right place.

-----------------------------------------------------------------------------------------------
☆詳細プロセスPDFはこちらから　Detailed Process PDF

「Photoshopで描き込む」

⚫️キャラクターサンプルはこちら

第3回 動物マスコットキャラクターを描く １by illustrator

今回は、シンプルなフォルムの動物マスコットキャラクターを描きます。
This time, We will draw a simple form animal mascot character.

この後の授業で、最終的に、立体的に仕上げることが目標です。
After this lesson, finally, the goal is to finish in three dimensions.

＜描画の注意点＞ Notes on drawing

＜ラフスケッチを配置するときの重要なポイント＞
Important points when placing rough sketches

⭐️下絵のレイヤーは、レイヤーの一番上に置き、ロックしておく
　（レイヤーの合成モード：乗算、透明度を20％程度に）
Place a sketch layer on the top of the layer and keep it locked
(Composite mode of layer: multiplication, transparency to about 20%)

⭐️オブジェクトは、必ず「塗り」を適用して描く
　 このとき、各オブジェクトの色は、暫定的な色で構わない
Be sure to paint an object by applying "fill"
At this time, the color of each object may be a provisional color

今回の授業の詳細スライドPDFはこちら
Here is the slide to use for this lesson.

https://drive.google.com/file/d/1igSo3Hnwg7iFTz6gbmnzsoUkylalWh7e/view?usp=sharing