Contents
トレース結果
![](https://mito-lab.com/wp-content/uploads/2019/05/イラレバナートレース3-300x300.jpg)
![](https://mito-lab.com/wp-content/uploads/2019/05/イラレバナートレース3_見本440x440-300x300.jpg)
※左:Sample 右:Trace
Time 50min
Tool illustrator
Font 小塚ゴシック Pr6N R(タイトル)、Gill Sans(日付)、 Myriad Variable Concept(ロゴ)
Color #006cbc(濃いブルー)、#2f95da(薄いブルー)、#f9fc00(黄色)
デザイン考察
- 背景グラデーションにするだけで奥行きが出て素人感がなくなる
- フォントの線が細くても横に広がる平べったい文字だと強調される。 有名なのはCopperplate。似ていたが、セリフがあったので少し違った
- 数字はローマ字より大きくし、%は小さくして強調させている
学んだこと
ジグザグの円を作る方法
円を書く
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-21.22.57-300x281.png)
楕円形ツールを選択状態で、【Shift】を押しながらドラッグすると正円。
楕円形ツールを選択状態で、【Shift】 + 【Option(alt)】を押しながら、ドラッグするとクリック地点を中心に円。
楕円形ツールを選択状態で、描いた円をダブルクリックするとサイズを指定。
アンカーポイントを追加
オブジェクト>パス>アンカーポイントの追加 でアンカーポイントを追加する。
2回操作したので、アウトラインで確認すると4から16に増えています。
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-21.29.31-300x259.png)
ジグザグに変形
効果>パスの変形>ジグザグ を選択
数値を入力します。
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-21.31.08-244x300.png)
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-21.31.52-300x256.png)
完成
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-21.32.58-300x252.png)
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-21.33.30-300x228.png)
三日月を作る方法
円を2つ作成
円をコピーして2つ作成。
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-21.58.25-300x203.png)
パスファインダー設定
2つの円を選択した状態で、パスファインダーの型抜きをoptionキーを押しながら選択。
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-21.59.05のコピー-300x146.png)
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-22.06.27-300x212.png)
グループ選択ツールで微調整
グループ選択ツールで右側の円のみ選択し、動かし微調整。
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-22.05.56-300x65.png)
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-22.06.36-300x192.png)
完成
再度、2つの円を選択し、パスファインダーの拡張を押して、確定。
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-22.07.06-300x147.png)
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-22.07.18.png)
背景をグラデーションにする方法
表示設定
ウィンドウ>グラデーション をクリックし、グラデーションパネルを表示させます。
長方形作成
背景と同じ大きさの長方形を作成。
オブジェクトを選択した状態で、グラデーションパネルのボックスをクリック。
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-21.45.20-300x240.png)
グラデーションの色を変更
オブジェクトを選択した状態で、グラデーションスライダーの三角マークをダブルクリック。
スウォッチを選び、カラーパネルを表示。
好きな色を選んでグラデーションの色を変更。
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-21.48.27-300x235.png)
グラデーションスライダーをダブルクリックすると三角マークが追加され、色を追加することが可能です。
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-06-21.51.43-300x235.png)
感想
1時間切りました。
少しずつ操作に慣れてきた感じはありますが、やはりフォントがしっくりこないなと。