0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

6月21日 Illustrator基礎、チラシ作成演習

Last updated at Posted at 2024-06-24

まずは直近の学習内容からアウトプットを開始します!
使用している教材は「世界一わかりやすいIllustrator&Photoshop操作とデザインの教科書 改訂3版」です。

学習内容(教科書)

6月21日の学習内容をまとめます。

P.168 ~ 7-1 クリッピングマスク

クリッピングマスクとは
画像やイラストを切り抜く機能。
切り抜いた一部だけを見せることができる。
「マスク」と呼ぶこともある。

方法

画像のマスク(画像の上下左右をトリミングしたい場合)

1. プロパティパネル(コントロールパネルにも表示あり)→「マスク」
2. 境界線ハンドルをドラッグ→トリミング→マスク作成完了

切り抜きたい形のオブジェクトを使用

1. オブジェクトは最前面に配置(command+shift+])
2. 切り抜きたい画像とオブジェクト両方を選択
3. オブジェクト→クリッピングマスク→作成
※クリッピングパス(マスクに使用したオブジェクト)の線に色をつけることも可能!変形も可能!

マスクの解除

オブジェクト→クリッピングマスク→解除

マスクはアートワーク(ブラシで作成したランダム水玉など)にも使用可能。

P.172 ~ 7-2 効果メニューによる変形

アピアランスパネルの「効果」でパスの変形ができる

  • 線に対しては、ジグザグや波線など
  • オブジェクト(テキスト文字も)は影(スタイライズ→ドロップシャドウ)ジグザグ(パスの変形→ジグザグ)など

一つのオブジェクトに複数の効果を適応させることも可能。
アピアランスパネルで確認できる。
👁を押すと、効果のオン/オフも切り替えできる。

P.174 ~ 7-3 線を変形する機能

パスのオフセット

選択したオブジェクトよりひとまわり小さなパスを作成できる(数値入力し大きさも選べる)

パスのアウトライン

線→アウトラインを作成しオブジェクトにできる(オープンパス→クローズドパスになる)
必要であればパスファインダーで合体させると、複数のアウトラインのオブジェクトが一つのオブジェクトになる。

線のジグザグ→アピアランスを分割

ジグザグにした線は、元の直線とアンカーポイントや形状が変わらない
→オブジェクトの「アピアランスを分割」でアンカーポイントやパスの形状が波線の見た目通りになる

複数の線で線路など設定

1. アピアランスパネルで線を追加
2. 上の線を細めに、色はホワイトにする
3. 上の線に「破線」をチェック→線路完成

P.178 ~ 7-4 リピート(ラジアル、グリッド。ミラー)

2021から追加された機能。
操作は簡単だが微調整がしにくい。
(講師曰く、command+dで対応できるから、あまり使わないかも?)

ラジアル

元のオブジェクトから円形にこポーできる。
↑↓を押して数調整可能。
オブジェクト→リピート→ラジアルで設定

グリッド

選択したオブジェクトを上下左右に増やせる。
何重にもなった円形オブジェクトでは、複数重ねることで波のような和風オブジェクトも作成可能。

ミラー

対面に左右反転したオブジェクトを増やせる。
角度調整も可能。

P.181 ~ 3D効果

テキストオブジェクトを選択。
アピアランスパネル→新規効果を追加→3D→押し出し・ベベル→ダイアログボックス→プレビュー

  • ダイアロボックスが表示されなかったので要確認

P.182 ~ エンベロープ

テキストオブジェクトを変形できる!
3つの方法を紹介。

  • オブジェクト→エンベロープ→ワープで作成:アーチ型(解除すると、元のオブジェクトとアーチ型オブジェクトが分離)
  • オブジェクト→エンベロープ→メッシュで作成→行数を決める→作成されたメッシュに沿って変形
  • テキストと変形させたい会場のオブジェクトを配置(オブジェクトは最前面)→エンベロープ→最前面のオブジェクトで作成→オブジェクトの形に変形

学習内容(チラシ作成演習)

ランダムに二人ずつに分かれ、それぞれ「クライアント役」と「制作者」になる。(交代する)
架空のショップ(クライアントが自由に設定)のチラシを作る。
クライアントに以下を聞き取り。

  • ターゲットやコンセプト
  • どんな内容にしたいか。イメージカラーなど
  • 好みのサイト、ショップの情報
  • 好みでないサイト、イメージ
    聞き取った要望から、Illustratorでチラシ作成(3時間)
    時々クライアントに方向性の確認。

私の場合の制作内容、手順

クライアントの要望

  • インテリアショップリニューアルオープンのチラシ
  • 社会人2〜3年目くらいの20代女性向けインテリアショップ
  • 手が出しやすい価格帯ながら、高級感がある(ホワイトやゴールドなど女性らしいインテリアのイメージ)
  • 室内にはグリーンも取り入れ「仕事で疲れているけど、休日は自宅でゆっくり、充実した時間」を過ごしているイメージ
  • もともとファミリー向けのショップから、移転リニューアルオープンでターゲット層もチェンジ
  • リニューアル記念として、オープンから2日間はインスタフォローで5%OFF
  • チラシのイメージカラーは大人っぽいくすみピンク、ベージュ、グレーなど
  • 太字や安っぽいイメージは×(ニ○リなど)
  • イメージはLOWYAなど

制作手順

  • ピンタレストでイメージチラシを検索
  • フリー画像からホワイトを基調としたインテリア画像を選定
  • メイン画像を大きく配置
  • サブ画像は「マスク」で切り取り(楕円と長方形オブジェクトを合体させお家の窓をイメージで切り取り)
  • ロゴはLOWYAを参考に華奢なイメージ
  • 暗めのくすみピンク、グレー、ベージュで落ち着いた雰囲気に
  • くすみピンクはクライアントにイメージ確認し、より暗めで落ち着いた色に微調整

学び

  • クライアント役の方がかなり小生に要望を伝えてくださたので作成しやすかった
  • 私の方はセルフで具材を挟める森の中のサンドウィッチショップを提案したが、イメージを具体的に伝えきれなかった。
  • ペアの方の聞き取りがお上手だったので、なんとかイメージしながらお伝えできた。

後日1時間ほど制作時間があり、その後発表の予定です。

本日は以上です。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?