スポンサーリンク
トレース結果
![](https://mito-lab.com/wp-content/uploads/2019/05/イラレバナートレース19見本_アートボード-1-300x166.jpg)
![](https://mito-lab.com/wp-content/uploads/2019/05/イラレバナートレース19_アートボード-1-300x166.jpg)
※左:Sample 右:Trace
Size 379×210
Time 70min
Tool illustrator
Font たづがね角ゴシック(タイトル)、sacrament、 ヒラギノ角ゴ (数値、都市名)
Color #ffffff
デザイン考察
- 線のみのイラストを使い、遊びを演出している
- 背景の写真を効果的に使っている。
- フォントの種類を変えることで強弱をつけている
学んだこと
波線の作り方
直線をかく
ペンツールを使い、直線をかく
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-23-8.53.41-300x83.png)
パスの変形
選択した状態で、効果>パスの変形>ジグザグをクリック
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-23-8.54.46-246x300.png)
波線に調整する
「ジグザグ」ウィンドウでプレビューで確認しながら、数値の微調整をする
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-23-8.55.44-300x258.png)
完成
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-23-8.55.53-300x55.png)
太陽光の作り方
太陽の円をかく
楕円形ツールで円をかく
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-23-10.40.50.png)
太陽の光線をかく
ペンツールで直線をかく
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-23-9.08.27-300x289.png)
光線を増やす
選択ツールで直線を選択し、回転ツールを選択。optionキーを押しながら、円の中心をクリックします。
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-23-9.05.57-300x65.png)
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-23-10.42.29.png)
ダイアログが表示されたら、角度を入力し、コピーをクリックします。
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-23-10.42.55-300x196.png)
同様に回転ツールを使ってもよいのですが、面倒ですので変形の繰り返し(Command+D)を使います。
完成
![](https://mito-lab.com/wp-content/uploads/2019/05/スクリーンショット-2019-05-23-9.13.55-300x261.png)
momo
変形の繰り返し(Command+D)はかなり使える操作だから覚えておくと便利だよ!
ABOUT ME
スポンサーリンク
スポンサーリンク