-本日のアジェンダ-
1限目
実技 イラストロゴ作成実習①
ピクトグラムについて
2限目
実技 イラストロゴ作成実習①
ピクトグラム作成実習
3限目
実技 イラストロゴ作成実習①
ピクトグラム作成実習
4限目
実技 イラストロゴ作成実習①
ピクトグラム作成実習
5限目
実技 イラストロゴ作成実習①
ピクトグラムの講評
本日のテーマ
ピクトグラムを作ってみましょう
ピクトグラムとは (pictogram)とは
ピクトグラムとは、言葉を使わなくても情報を伝えられる、単純化された視覚記号です。
参考サイト
- ピクトグラムとは?その歴史から無料・商用利用可能・著作権 …
- ピクトグラムとは?Webサイトで利用するメリット、商用利用 …
- ピクトグラム(絵文字)公共・一般施設図記号 | おせったいの …
- ピクトグラムとはどんな意味?由来と歴史でわかるアイコンとの違い
- [デザイン]ピクトグラムに求められる条件、制作の難しさと楽しさ …
- デザインに赤い十字( )を使うと法律違反って知ってましたか? | 初代編集 …
ピクトグラム制作のポイント
「実際に使って見たイメージ」「デザインをそぎ落とした時の見やすさ」「情報の伝わりやすさ」 が大切です。1つの施設や企業といったテーマで、共通の世界観を持たせてみましょう。線の太さ・間隔の開け方・角丸カーブを揃えるなど 共通 のデザインルールを設けてみましょう 。
まずはじめに…
ガイドの作成をしましょう。
1. アートボード を用意する
例:A4サイズ( 210 × 297 ミリ,CMYK )
2. 正方形(線無し)を用意する
3.「編集>環境設定>一般>(キー入力)」 でキー移動の値を変更
4.Alt+矢印キーで図形を複製
5.「表示>ガイド>ガイドの作成」でガイドを作成する
6. レイヤーパネルはロックし名前「ガイド」を付けて管理しましょう。
本日の基本操作
- アウトライン「パス」「書式」
- 定規・ガイド
- スマートガイド
- 環境設定(キー入力)
アウトライン
アウトライン化とは、文字や線、パス、ブラシなどのアピアランス(装飾)をオブジェクトに変換することを指します。 文字をアウトライン化すると、画像下側のようにパスで囲まれたオブジェクトに変換されます。 文字をアウトライン化する理由は、違うパソコンでデータを開いてもフォントが置き換わらないようにするためです。
参考サイト「パスのアウトライン」
- Illustrator線などのパスをアウトライン化 – デザインのメモ
- 効果の「パスのアウトライン」ってどんな意味があるの … – note
- 図形のパスをアウトライン化する – 図形の内側と外側の線を …
定規・ガイド
ガイドとは、通常青い線で表示され、レイアウトする範囲を示したり、オブジェクトを並べたりする時の目安として利用される、印刷されない線です。 自由に表示・非表示を切り替えておくことができ、表示したまま入稿しても問題ありません。
参考サイト
スマートガイド
スマートガイドとは、オブジェクトやアートボードを作成または操作するときに 一時的に表示されるガイドで、他のオブジェクトとの相対関係で作成、整列、編集 変形の際にスナップしたり、位置関係を示して作業を補佐してくれる機能です。
参考サイト
- 【イラストレーターでデータ作成】スマートガイドを使って …
- Illustratorのスマートガイドが表示されない | Too クリエイター …
- スマートガイドとスナップ機能を利用しよう!(グリッド …
環境設定(キー入力)
環境設定で、キーボードの矢印キーの上下左右ボタンの入力で、選択しているオブジェクトやアンカーポイントが移動する距離を設定できます。
参考サイト
- Illustratorの環境設定の[キー入力]は、矢印キーでの …
- illustrator環境設定キー入力・単位・保存場所における推奨方法 …
- Illustrator でオブジェクトを矢印キーで移動させるとき、意図 …
〜今までの基本操作〜
オブジェクトの塗りと線(Ai)
Illustratorで描画したものには塗りと枠に線で色をつけることができます。「塗り線」を組み合わせるのが基本になります。
参考サイト
- Illustratorの基本「線」と「塗り」をしっかり区別しよう …
- 【Illustrator】塗りと線の使い方を徹底解説【脱イラレ初心者 …
- 塗りと線-1(塗り) – Illustrator イライラ・ストレス解消委員会
本日の課題
ピクトグラムを作成し
4限目終了までにドロップボックスにUPしてください。
提出先・・・ 提出 / 【0066】ピクトグラム 7月12日(火)
5限目に講評を行います。
※ファイル名は、work_○○○○_202200712.pdf