mito

こんにちは〜！最近、DTPの案件をちょくちょく取り組み、DTPの魅力に気づき始めたmitoです。

momo

今回は、そんな案件で「Webにもアップしたいので、トンボ線なしで原寸大のpdf貰えますか？」と言われた時にどう書き出したかをまとめるんだよね。

mito

そうです！ちょっとした小技が必要だったので忘れないように書き留めておきます！

PDFのトンボ線を削除し、塗り足しを含めない原寸大の大きさで書き出す方法。

それではいってみましょう〜

やりたいことの詳細

mito

具体的に、何をしていきたいかというと以下2つです。

• 紙で印刷するだけではなく、Web上にpdfを載せたり、印刷会社を通さずpdfを普通の印刷機で印刷したいのでトンボ線はいらない。
• A3の縦両面印刷でしたが、普通の印刷機で印刷する場合はA4で4枚印刷するのでA4に分割したサイズも納品してほしい

トンボ線を削除する

まとめ

一手間必要ですが、印刷用に作成したデータをWebにもファイルとしてアップしたいなどの要望がある時には必要な知識かと思います！
ぜひ試してみてくださいね。

–END–

mito

無料で提供してくださっているアイコンはすごくありがたい！でもそのまま使うと自分のデザインイメージと合わなくなってしまう..ということありませんか？？

momo

塗りの面積が広い視認性の高いアイコンから少し手書き風の要素を加えたいな..ということ、あるよね！

少し、加工するだけ一味違うデザインになります。今回は2つの方法でアイコンを手書き風に加工する方法をご紹介します。

それではいってみましょう〜

完成イメージ

まずは完成イメージから。

今回は、こちらの無料アイコンを使わせていただきました。

momo

左側が元々ダウンロードしたpngのアイコンイメージ、右の2つが手書き風に加工したものだよ！

mito

ブラシツール を使う方法とアピアランスで加工する方法を解説していきます！

ブラシツール を使って手書き風アイコンに変える方法

アイコンをトレースする

ダウンロードしたpngデータをアートボードに貼り付ける

先ほどのサイトよりアイコンをダウンロードし、データをイラストレーターのアートボード上に貼り付けます。

オプションバーの「画像トレース」をクリック

上部にあるオプションバーの「画像トレース」ボタンをクリックしてトレースします。

オプションバーの「画像トレースパネル」をクリック

トレース結果を細かく調整するために、オプションバーの「画像トーレスパネル」をクリックします。

カラーモードを「白黒」にします。

momo

詳細の三角矢印を押すとより詳細の数値を変更できるようになるよ！

プレビューを見ながら数値を調整していきます。

トレースを確定する

「拡張」をクリックし、トレースを確定します。

mito

レイヤーパネルを確認すると、画像がパスに変更されていることがわかると思います。

momo

ダイレクト選択ツールで全体を選択しても、パス化を確認することができるよ！

トレース後の微調整

トレース結果をレイヤーパネルで確認しつつ、不要なパスを削除します。

また、パスは単純化している方が扱いやすいので、メニューバーの「オブジェクト＞パス＞単純化」からパスを単純化しておきます。

ブラシツールを使う

ブラシツール の選択

先ほどトレースしたパスを全て選択した状態で、ツールバーのブラシツール を選択します。メニューバーより「ウィンドウ＞ブラシ」でブラシパネルを出し、ブラシを選びます。

momo

今回は、ライブラリーからアート＞アート_木炭・鉛筆を選んだよ！

さらに、その中の「鉛筆(斜め)」を選びました

ブラシツール の適応

「鉛筆(斜め)」をクリックし、パスにブラシのテクスチャを適応させます。

色を変える

ブラシの色を変えていきます。

まず、今適応させた「鉛筆(斜め)」をブラシパネルからダブルクリックし、「アートブラシオプション」を表示させます。

mito

着色の方式が「彩度」になっていることを確認します。

ツールバーの色パネルの色を変える

ブラシツール を選択したまま、色パネルを見ると、今はデフォルトなので添付のような黒っぽい色になっていると思います。

色パネルの塗りと線、両方順番にクリックし、色を変えます。

momo

今回は#FFDE2Aにしてみたよ！

上手く色が反映されい場合の確認事項

mito

黄色を指定したはずなのに、灰色になってしまう..など上手く色が反映されない時は、カラーパネルを確認してみてください。

momo

グレースケースになっている可能性があるよ！

メニューバーから「ウィンドウ＞カラー」でカラーパネルを開きます。

グレースケールになっている場合は、右のメニューより「RGB」に変更してください。

mito

塗りと線両方のカラー指定をRGBにします。

完成

ブラシが反映され、色も変えることができました。

momo

ちなみに、線だけにするとこんな感じだよ！

アピアランスで手書き風アイコンに変える方法

続いて、ブラシではなくアピアランスで変えていく方法です。

mito

トレースする手順はブラシを適応させる方法と同じですのでそちらをみてください。

レイヤーを選択し、アピアランスを適応させる

まずは、時計の針のレイヤーのみ選択します。

アピアランスパネルを開き塗りを変更

アピアランスパネルを開き、そこから塗りの色を変更します。

効果をつける(落書き)

塗りのレイヤーを選択した状態で、新規効果を追加＞スタイライズ＞落書きをクリックします。落書きオプションウィンドウを開きプレビューで確認しながら数値を調整します。

効果をつける(ぼかし)

続けて、塗りのレイヤーを選択した状態で、新規効果を追加＞スタイライズ＞ぼかしをクリックします。ぼかしウィンドウを開きプレビューで確認しながら数値を調整します。

完成

同じ手順で他のパスにも効果をつけて完成です。

-THE END –

mito

2月から執筆開始し、ようやくです。

momo

よかったね〜。

今回は数あるIllustratorの本でどれを買うべき？？と悩んでいる方に向けて、この本の内容を少しご紹介しつつ、おすすめポイントや使い方のアイデアを書いていきます。

momo

本を選ぶときの参考にしてね〜

本の概要

タイトルは、『プロの手本でセンスよく！　Illustrator誰でも入門』です。
発売日、2021/7/30。発売元は(株)エムディエヌコーポレーション。著者は4名。

mito

私は、Lesson2 Try09,10、Lesson3Try04,05,06、Lesson4 Try05,06、Lesson5 Try05,08 、Lesson8 Try01を担当しました。

この本をおすすめしたい人

Illustratorをこれから学ぶすべての人々のための入門書、決定版！

momo

公式サイトにはこのように書かれているね！

mito

端的に言うとこれからIllustratorを始めようとしている人におすすめしたいです。

さらに具体的に本の内容も含めてみていきましょう〜。

この本のおすすめポイント

学んで→実践の流れ

章ごとにまず「Study」で基本的な操作方法や概念を学びます。
それから、「Try」で学んだことを実際に試してみましょう！という構成になっています。

■ページ見本　「Study」例

■ページ見本　「Try」 例

momo

読んで終わり..ではなく実際に学んだことをすぐに実践できるのは良いね！

mito

一つ一つの操作の解説を細かく丁寧にしているので、操作の基本をしっかり理解した上でTryに取り組めます！

完成見本や作例が実践的

■ページ見本　「Try」 例

例えば、このプレゼントアイコンのカラー変更。

プレゼントアイコンについては、実際のお仕事でバナーなど作る際に「○名様にプレゼント」の文字と一緒に補足として入れたりすることも多く、よく見かけるアイコンだと思います。
そのような時を想定し、「色のパターン違いも作ってみよう！」となっときに使える知識というように考え作例を作っています。

mito

実際にあり得るシチュエーションを想定し、作例や完成見本を用意しているので、すぐに実務や趣味で使えると思います！

逆引き辞典としても使える

一通り学習し終えてもなかなか一度では覚えられないものです。

mito

しばらく経って、「あれ？このツールってどう使うんだっけ？？」忘れたりします。そのときの探す手間、時間、案外侮れないです

momo

たまに、学んだ時間分くらいもう一度探すことに時間がかかったりするよね（笑）

一度学習を終えた後も、使える「Illustrator全ツール一覧」も本書の後ろについているので、とても便利です。

■ページ見本　「Illustrator全ツール一覧」 例

momo

パラパラ見るだけでも、Illustratorのツールの全貌が把握できるのでバラバラになっていた知識をつなげることができるね！

mito的おすすめポイント

ここからは、作り手としてたmitoがこんな風に使えるかも..と言うことを想定しながら作ったことや、作る際に意識したことを元におすすめポイントお伝えします。

ダウンロード素材を自分でも作ってみる

作例の完成見本を作るために必要な素材は学習用のサンプルデータとしてダウンロードできます。

mito

ダウンロード素材には本書では作り方を解説できなかった、素材アイコンをaiデータとして置いているので、そちらをみながらご自身でも作ってみると、よりツールの使い方の習得につながると思います。

より具体的な制作条件を想定した「Try」

Lesson8は総合問題としてこれまで学習してきた総まとめの章となっています。

いわばここまでは、料理でいうところの材料の切り方や煮込みの温度設定や焼き加減を学んできましたが、最後はそれらを組み合わせるとどんなものが作れるのか？？を詳しく解説しています。

ただ材料をきる、煮込むを組み合わせるだけで料理は完成しないのと同じように、デザインも「技術」だけではなく「どう考えて作るか？」が大事になります。

momo

ここまでで学んできた「操作」と「操作」をつなぎ合わせるために何が必要か？が書かれているんだね！

mito

です！どういう手順でどんな効果を狙ってこのデザインにするか？といったあたりです。

気になった方はぜひ手に取ってみてくださいね〜。

–END–

少しリッチなデザイン表現をするときに欠かせないのがグラデーション。

mito

線形、円形など既定の形だけでは物足りない..もう少し色の開始位置を自由自在に操れたらいいのに..と思ったことありませんか？

momo

実は、フリーグラデーションというその名の通り、グラデーションを自由に作り、複雑なグラデーション表現ができる技があるよ！

今回はそのフリーグラデーションについてのご紹介です。

グラデーションの種類

今現在(2021.3)では、グラデーションの種類として、以下3つがあります。

• 線形
• 円形
• フリーグラデーション

mito

線形も円形も、色を追加したり、角度を調整することで表現の幅は広がるけれどちょっと物足りない..という時ありますよね

momo

フリー グラデーションはその辺りの物足りなさを満たしてくれる技だよ！

フリーグラデーションの使い方

グラデーションウィンドウを開く

グラデーションウィンドウを開きます。

momo

ヘッダーのウィンドウから選択してね

グラデーションウィンドウの種類からフリーグラデーションアイコンを選択

momo

一番右端がフリー グラデーションだよ！

色を足していく

四角形の場合、四つの角に丸が表示されます。

momo

この頂点を起点として色を追加していくよ！

色の足し方はポイントとラインの2つがあります。

mito

今回はラインの足し方を中心に解説します。

まずはそれぞれの概要についてです。

色の足し方〜ポイント〜

ポイント（点）として色を足していく方法です。

色の足し方〜ライン〜

ライン（線）として色を足していく方法です。

完成

mito

今回は、フリーグラデーションのラインを使って色を調整しました。

momo

複雑なグラデーションが表現できるね！

おまけ

グラデーション背景の活用方法

mito

模様を重ね、立体感をプラスするとよりリッチな表現になります。

完成

mito

グラデーション単体で使うのではなく、さらにオブジェクトも追加するとより奥行きのあるデザインになりますね。

-END-

多角形、星形などを作る際に、角が尖りすぎてデザインテイストに合わないので、角丸にしたい..でも全て角丸だと丸くなりすぎていまいち..そんなことで悩んだことはないでしょうか？

mito

女性向けのバナーなどで、強調部分を角丸多角形を用いて表現したりしますよね。

momo

その際、多角形の中で角丸にしたい部分と角丸にしたくない部分があるよね

今回は、多角形の頂点のみ角丸にする方法をお伝えします。

mito

作りたいもののイメージはこれだよ！

一つの頂点のみ角丸な多角形を作る

スターツールで多角形を書く

mito

第一半径と第二半径の数値差が少ないほど滑らかな多角形になります。

コピーしてもう一つ同じものを作る

momo

command+Cをした後、command+Fをすると同じ場所にコピー&ペーストができるよ！

 コピーした多角形を角丸にする

コピーした多角形(上に重なっている方)を選択した状態で、「効果」→「スタライズ」→「角を丸くする」をクリックする

mito

角丸の半径を調整していきます。

角丸多角形をパス化

角を丸くしたオブジェクトは、メニューバーから「オブジェクト」→「アピアランスの分割」で完全なパスにしておく。

momo

アピアランスを分割をすることで、角丸の形が本来の形になるよ。

パスファインダー の交差

2つの多角形を重ねて、選択した状態でパスファインダー の「交差」をクリックします。

完成

まとめ

いかがだったでしょうか？

ポイントは、角丸にした図形をアピアランスの分割で完全なパス化をしておくことと、

パスファインダー の交差を使うことです。

mito

ぜひ試してみてください！

-END-

デザインの4原則、「揃える、まとめる、繰り返す、メリハリをつける、」は大事です。

ただ、少し整いすぎている、動きをつけたい..と思うことありませんか？

momo

そんな時に便利なのがあえてランダムに配置するオブジェクトのランダム配置です

mito

敢えて崩す..上級者ですね！

さっそくみていきましょう！

ランダム配置でオブジェクトを書く方法

完成イメージ

オブジェクトを書く

mito

今回は長方形をランダムに配置します。

オブジェクトを複製する

水平方向に複製する

momo

option+shiftを押しながら右方向にドラックし水平複製できるよ！

垂直方向に複製する

mito

グループにはせず、複製していきましょう！

個別に変形を行う

全てのオブジェクトを選択した状態で、の「オブジェクト」>「変形」＞「個別に変形」をクリックします。

個別に変形ウィンドウが表示されるので数値を編集します。

momo

プレビューにチェックを入れると反映内容を確認できるよ

mito

今回は、オブジェクトを変形させ、ランダムに配置させたいので、オプションの「オブジェクトの変形」「ランダム」のチェックは必須です。

一度目の変形は以下のようになりました。

個別に変形を何度か行う

個別に変形を何度か行い、また位置についても個別に動かすことで微調整します。

完成

mito

背景にグラデーションを敷いたり、オブジェクトを少し透過し、背景と馴染ませるような微調整をして完成です！

応用編

momo

背景に敷き詰める..ではないけれど、要素として使える紙吹雪を作ってみよう！

オブジェクトを書き、色をランダムにつける

正方形をたくさん作ります。

再配色などでランダムに色付けしておきます。

mito

再配色の方法は以下を参考にしてください。

https://mito-lab.com/color-guide/

アーチで変形させる

正方形を全選択した状態で、効果>ワープ>アーチでアーチウィンドウを開きます。

水平方向に50%のアーチを描きます。

アピアランスの分割を行う

正方形を全選択した状態で、オブジェクト＞アピアランスの分割をクリックします。

momo

アピアランスを分割することで、オブジェクトの形が正方形からアーチを描いた形に変更されたよ！

個別に変形を行う

momo

先ほどと同じように、全てのオブジェクトを選択した状態で、の「オブジェクト」>「変形」＞「個別に変形」をクリックするよ

完成

まとめ

オブジェクトのランダム配置は背景が少しさみしな..という時に使えます。

色々なオブジェクトで試してみてください。

おまけ

mito

こちらのグラデーションツール、視覚的に色を確認でき、おすすめです

–End–

子供向け、海外の方などに向けたデザイン制作で漢字にふりがなを振ること、ありませんか？

mito

一時期、漢字の上に別レイヤーを作ってひらがなを書いていました

momo

修正したり改行するとずれてしまうよね..

書式スタイルの割注で簡単に、きれいに配置する方法をご紹介します。

ではみていきましょう〜。

ルビとは何か？

漢字にふりがなを振ることです。

momo

HTMLでは<ruby></ruby>で囲んでルビを振ってあげるね

ルビを振る方法

アートボードに漢字を入力

漢字の横にふりがなを入力

mito

漢字の前にふりがなを書きます。

momo

あとで調整するので今はフォントサイズは同じで良いよ！

サイズ調整を行う

momo

ふりがなのフォントサイズは、漢字のフォントサイズの1/2がいいよ！

割注をクリックする

文字を選択し、文字パネルのメニューを表示。

「割注」をクリックします。

mito

うまく配置される場合もありますが、漢字に対するふりがなの数が異なると以下の様に少しレイアウトが崩れます。

momo

ここから微調整を加えていくよ！

割注設定を行う

割注と同じく、文字パネルのメニューをから「割注設定」をクリックします。

mito

割注(わりちゅう)とは、1行の中に小さくした文字列を2行で表示する機能のことです。

割注の細かい設定

プレビューでチェックしながら、以下を設定しています。

momo

大まかな目安、書いておくね！

ルビがうまくレイアウトされない場合の対処法

tabを押し、ふりがなの後ろに半角スペースをつくる

カーニングで調整する

momo

上記の調整をするとうまく段落ちしてくれると思います

フォントサイズの調整

漢字を選択し、フォントサイズを調整すると漢字部分のみ変わるので調整しましょう。

ルビを降らない部分も記載する

ルビ以降の文字も作りましょう。

mito

このままだとガタガタになってしまいます。

ふりがなの位置を調整

mito

文字パネルから調整します。

ふりがなと漢字の位置を調整

momo

割注設定の行の間隔で調整するよ！

完成

mito

いかがだったでしょうか？ぜひ割注でのルビを振る方法、試してみてくださいね。

ビジネス寄りの資料デザイン、提案書などでグラフを用いて数値を効果的に伝えるデザインありますよね？

momo

効果的にわかりやすく伝える資料作り！デザインの見せどころだね！

mito

実はmイラストレーターで簡単にグラフが作れるんです！

イラストレーターでは棒グラフ、円グラフ、折れ線グラフなど一通りのグラフ表現を簡単にデザインすることができます。

それでは実際に作り方を見ていきましょう。

momo

今回は円グラフの作り方を解説するよ！

円グラフを作成する

円グラフツールを選択する

ツールバーの棒グラフツールを右クリックし、円グラフツールを選択。

グラフのサイズを指定する

アートボード上でクリックし。任意のグラフの大きさを指定→OKを押す。

データを入力する

エクセルのようなシートが出てくるので、そちらに項目名、数値を入力します。

momo

基本的にエクセルと同じ考え方でできるよ！デフォルトで入っている1を削除し、数値入力ね。

mito

クリックしたセルがトップの入力エリアとして大きく表示されるイメージですね。

入力完了後は確定ボタン（右のチェックボックス）を押します。

グラフ表示の確認

アートボードに入力した数値のグラフが表示されていることを確認します。

グラフデザインの変更

momo

色の変更などデザインを変更するやり方をみていこう！

ダイレクト選択ツールを選択

ツールバからダイレクト選択ツールを選択し、色を変更したい部分を選択し、好きな色に変更します。

mito

簡単に色を変えられますね〜

momo

同じやり方（ダイレクト選択ツールを使って）で、フォントのサイズ変更やフォント種類の変更も可能だよ！

グラフ設定を編集する

続いて、凡例の位置など変更ができるグラフ設定をみていきます。

上部メニューの「オブジェクト」＞「グラフ」＞「設定」を選択。

momo

凡例の位置をグラフの中に表示したい場合はオプションの凡例をグラフの中に表示に変更するよ！

momo

その他、グラフに影をつけたりなど様々な設定ができるよ！

おまけ（データの取り込み）

momo

データ量が多い場合は、予めテキストファイルに入力しておくと効率化できるよ！

おまけ(3Dの円グラフ)

momo

よりスタイリッシュに仕上げたいという場合は3D表示にすることもおすすめだよ！

ツールバーの効果＞3D＞押し出し・ベベルを選択し、調整します。

mito

そのままでも良いですが、ダイレクト選択ツールで少し円をずらしておくとより立体感を強調できます！

-END-

mito

タイトル部分などパッと目に入って欲しい情報の目立たせ方の2回目です。

momo

前回は、塗りと線を少しずらして動きをつけることで文字を目立たせるという方法をやったね！

https://mito-lab.com/illustrator-fontdesign/

今回は影をつけることで文字に立体感をもたせて目立たせる方法です。

momo

一言「影」と言っても角度やぼかし具合などで随分変わるよ！

簡単で一般的な文字に影を入れる方法

ドロップシャドウで影を入れていきます。

文字をかく

テキストツールを使い、文字を書きます

momo

文字タッチツールを使って色も入れてみたよ！

https://mito-lab.com/font-touch/

効果を追加

テキストを選択した状態で、「効果」→「スタイライズ」→「ドロップシャドウ」で好みの影をつけます

momo

文字に影を入れる一番簡単な方法だよ！

少しずらした影を入れる方法①

平行移動を使うことで2色の異なる色を使い、影を入れる方法です。

文字を書く

テキストツールを使い文字を書きます。

momo

ここではわかりやすく塗りを黒にしていますが、アプアランスで効果を追加していくので、線も塗りもなしが好ましいよ！

アピアランスの塗りを追加

アピアランスパネルから塗りを2つ追加します。

パスの変形設定

アピアランスの下の塗りを選択した状態でfx→パスの変形→変形をクリックします。

変形効果の追加

水平方向、垂直方向の値を設定し、影をつけます。

少しずらした影を入れる方法②

基本操作は一緒ですが、変形効果の追加の部分で並行方向、垂直方向の値を変えることで違う見え方になります。

mito

塗りの太いフォント、丸ゴシック、ゴシックなどフォント種類の違いでも見え方や印象が変わるので色々試してみてください！

変形効果の追加

少しずらした影を入れる方法③

mito

線を入れることで、影となる部分の色味がくっきりと浮かび上がります。

線ありの状態で変更効果の追加

少しずらした影を入れる方法④

mito

影にしたい部分の塗りの不透明度を薄くすることで柔らかい影になります。

塗りの不透明度変更

少しずらした影を入れる方法⑤

mito

文字色を交互にすることでカラフル＆影を入れることでくっきりするので、かなり強調の強い表現になります。

テキストを書く

アピアランスを追加

変形効果を追加

アピアランスの文字を設定

アピアランスパネルにある「文字」をダブルクリックします。

mito

テキストの塗りと線が表示されるので、変えたい文字を選択して塗りを変更していきます。

文字レイヤーを上に持ってくる

「文字」をを掴んでドラックし、一番上に持ってきます。

完成イメージ

mito

影と一言で言っても、少し設定の数値や色味を変えるだけでイメージが全く異なります。

momo

色々試して適切な表現を見つけてね〜！

mito

バナー作成時など、文字に装飾をつけて目立たせてと言われてもどうしたら良いか分からない..というお悩みありませんか？

momo

視認性を高めるためにもう少し文字のジャンプ率を上げて、コントラストつけて…など言われても具体的にどうすれば良いか..悩むよね

今回は、タイトル部分などパッと一番に目に入ってきて欲しい情報の目立たせ方をご紹介します。

momo

かわいく、おしゃれに目立たせる方法だよ！

完成形のイメージ

mito

今回はこちらを作っていきます

テキストツールで文字を書く

テキストツールをクリックし、文字を書きます。

momo

目立たせたい文字の場合、できるだけ塗りの面積が大きいフォントがおすすめだよ！

mito

今回は、平成丸ゴシック Std W8を使いました！

文字の塗り部分に色をつける

カラーパレットで使用する色を設定し、文字の塗り部分に色を適用させます。

文字の色をカラフルにする

今回は、文字を1色ではなくカラフルにするため、複数の色を選びます。

momo

色を選ぶ際には、カラーガイドを使うと規則性のある色を選んでくれるのでおしゃれでしっくりくる色が簡単に選べるよ！

mito

カラーガイドの使い方はこの記事をみてください〜

https://mito-lab.com/color-guide/

カラーガイドで色を選択する

今回は、トライアドという、色相環を使ってちょうど正三角形に位置する色を使います。

スウォッチに色を追加する

カラーガイドの色をクリックするとカラーパネルの色がその色に変わります。

（今回であれば水色からピンクへ変更）。ピンクに変更された状態のカラーパネルをスウォッチへドラッグし、色をスウォッチに追加します。

文字タッチツールを選択する

テキストツールを選択した状態で、文字パネルの文字タッチツールをクリックします。

mito

文字タッチツールの使い方を詳しく知りたい方はこちらをどうぞ。

https://mito-lab.com/font-touch/

色を変えたい文字をクリックする

文字タッチツールをクリックした状態で、色を変えたい文字をクリックします。

momo

クリックした文字の外側に四角い枠が表示されるよ！

スウォッチから色を選択

先ほどスウォッチに追加した色をクリックすると、文字の色が変わります。

操作を繰り返す

「文字タッチツールで文字を選択→スウォッチから色を選択」を繰り返します。

mito

色をカラフルに変えることができました！

momo

このままではまだ目立ってはいないので、さらに目立つような工夫を加えていくよ！

線を作る

線を追加する

アピアランスパネルの左下のアイコンをおし、線を追加します。

線の太さを変える

momo

目立たせつつも、可愛らしく繊細なイメージも残したいので線は少しほそく調整するよ！

アピアランスの線の行に書かれている数値を小さくします。

線の角の形状を変える

丸みを帯びることで可愛らしさを表現できるので角の形状を丸くします。

momo

アピアランスの線をクリックすると別ウィンドウが表示されるのでそこから編集するよ！

塗りと線をずらす

mito

いよいよ仕上げです！塗りと線をずらすことで抜け感がでて、よりおしゃれな印象になります。

線の位置を変える

アピアランスの線の行を選択した状態で、効果＞パスの変形＞変形を選択

momo

水平方向、垂直方向に少しずらします

完成

mito

いかがだったでしょうか？一手間加えるだけで見栄えが随分変わるのでお試しください！