この色と
現場で
今回、
以下の
1問目「テキストのグラデーション」(難易度★)
テキストに
2問目「タイトル文字の見た目」(難易度★★)
筆記体
3問目「並べてグラデーションに見えるオブジェクト」(難易度★★★)
複数の
いかが
1問目の答え:B
2問目の答え:A
3問目の答え:B
以上が
あなたが
※本コーナーの
Illustratorは、
多くの
ワンランク上の
1.グラデーションを「テキスト全体」に適用し、流れるような一体感を生み出す
まず、
私が選んだ
それでは、
そのため、
テキストに
Illustratorで実践!テキスト全体に流れるグラデーションをかける方法
Illustratorで
これを
方法1:複合パス化してグラデーションをかける
【手順1】
まず、
【手順2】
次に、
【手順3】
このドラッグ
【手順4】
【操作の
- 複合パスを
作成した 後、 グラデーション ツールで ドラッグする 際、 ドラッグの 「長さ」が グラデーションの 変化の 幅を 決めます。 ドラッグが 短いと 急激に 色が 変わり、 長いと 緩やかに 変わります。 - グラデーション
ツールで ドラッグした 後に、 ツールバーから 別の ツールに 切り替えると、 グラデーションの グラデーション ガイドが 表示されなく なります。 しかし、 後から 「グラデーション ツール」を 再度選択すれば ドラッグラインが 再表示され、 いつでも 位置や 角度を 調整できます。
方法2:アピアランスでグラデーションをかける(テキストを編集できる方法)
先ほど
しかし
【手順1】
まず、
(選択は
【手順2】
次に、
パネル
【手順3】
塗りの
- テキストの
文字列を 後から 変更できる - ひとつの
文字に 対して、 複数の グラデーションや 他の エフェクト (影など)を 重ねて 適用できる
グラデーション
ロゴや
- 水平方向
(左から 右): 読み進める 方向と 一致する ため、 自然で 読みやすい 印象 - 垂直方向
(上から 下): 力強さや ダイナミズムが 生まれやすい - 斜め方向:
アクティブで 洗練された 印象 (例: 「明るい 未来」を 表現する 時には、 右上を 明るく する ことで ポジティブな 印象に)
2.文字の「マド」を処理し、ロゴ全体に安定感を生み出す
続いて、
私が選んだ
それでは
このように、
Illustratorで実践!文字のマドを埋める方法
このマド埋め
今回は
【手順1】テキストの「線」と「塗り」の設定をする
まず、
【手順2】「アピアランス」パネルを開き、新しい「塗り」を追加する
「選択
そして、
【手順3】追加した「塗り」の色を設定し、「パスのオフセット」を選択する
新しく
その「塗り」が
【手順4】オフセットの数値と「角の形状」を調整する
画面の
次に、
【手順5】「パスファインダー」>「分割」を適用する
引き続き、
※この
【手順6】「分割」の設定を変更し、マドを一瞬で埋める(ここが最重要!)
手順5で
オプション
- テキストを
アウトライン化していない ため、 後から テキストの 内容や フォントを 変更できる - オフセット
(フチの 太さ)の 数値を 変更すれば、 塗り つぶす 範囲を 細かく 調整できる - 複数の
効果を 組み合わせる ことも 容易 - 文字と
文字の 間に 複雑な 隙間が できやすい 「筆記体の フォント」で、 より 効果を 発揮する (ぜ ひお試しください!)
これで、
3.「ブレンドツール」を使いこなし、規則的で洗練された色の遷移を表現する
最後に、
私が選んだ
複数の
これは、
さらに、
センスの
Illustratorで実践「ブレンドツール」で滑らかな色の移り変わりを作る方法
Illustratorの
【手順1】始点と終点となる2つのオブジェクトを配色する
まず、
ここでは、
【手順2】「ブレンドツール」で始点と終点をクリックする
次に、
すると、
初期設定では、
【手順3】「ブレンドオプション」で中間の数を調整する
続いて、
「間隔」の
今回は
8つの
作例Bでは、
知っておきたい「ブレンドオプション」の詳細な調整
ブレンド
●ステップ数
オブジェクトの
ステップ数が
●距離
「距離」を
これに
必要に応じてブレンド結果をいつでも微調整・解除が可能
ブレンド
●設定を
ブレンド
●元に
ブレンドを
【応用編】ブレンドツールの無限の可能性
ブレンド
以下の
- 形の変化:
円が 四角形に 変化していく、 三角形が 星型に 変化していくなど - 線幅の
変化: 細い線が 徐々に 太くなっていく - 透明度の
変化: 不透明な オブジェクトが 徐々に 透明に なっていく - 複数の
テキストオブジェクト: 異なる サイズや ウェイトの テキストが 段階的に 変化する
これらの
一見すると
まとめ:デザインに一体感を生むポイント
今回は
最後に
1.グラデーションを「テキスト全体」に適用し、流れるような一体感を生み出す
1文字
2.文字の「マド」を処理し、ロゴ全体に安定感を生み出す
筆記体な
3.「ブレンドツール」を使いこなし、規則的で洗練された色の遷移を表現する
複数の
このグラデーション、
執筆:
フリーランスの
すべての問題にチャレンジしてみよう!
あなたの感性はどれを選ぶ?「デザインクイズチャレンジ」
第66
第65
第64
第63
第62
第61
第60
第59
第58
第57
第56
第55
第54
第53
第52
第51
第50
第49
第48
第47
第46
第45
第44
第43
第42
第41
第40
第39
第38
第37
第36
第35
第34
第33
第32
第31
第30
第29
第28
第27
第26
第25
第24
第23
第22
第21
第20
第19
第18
第17
第16
第15
第14
第13
第12
第11
第10
第9回 この
第8回 この
第7回 この
第6回 この
第5回
第4回 この
第3回 この