blog
- top
- blog
- design_thing
- illustratorで横長の円形オブジェクトをふわっと変形させる方法
design_thing
- top
- blog
- design_thing
- illustratorで横長の円形オブジェクトをふわっと変形させる方法
illustratorで横長の円形オブジェクトをふわっと変形させる方法
2021.07.28.
デザインしてると場合によっては人物やキャラクターがセリフを言っているように見せるためにフキダシが必要になることってありますよね。フキダシの形状も様々ですが、漫画でよく使われるようなフキダシがおそらく一番使われていると思います。
しかし、このフキダシをグラフィックソフトのillustratorでつくるとなると、楕円形をそのまま横長にするだけでは思うような形にならず、意外と難しいと思ったことはありませんか?
今回のブログでは、フキダシはもちろん、いろんなデザインに使える「illustratorで横長の円形オブジェクトをふわっと変形させる方法」を紹介しようと思います。
clubhouseのアイコンもややふわっとした円形ですよね。
index list
このブログの目次
1. illustratorで新規ファイルを作成
まずはグラフィックソフト「illustrator」を立ち上げ、新規ファイルを作成します。
これは基本中の基本で誰でもできるようなことなので特に説明も不要ですね(笑)。
2. 楕円形ツールで円を描く
新規ファイルを作成したら、左にあるツールバーから「楕円形ツール」を選択し、正円を描きます。おそらくデフォルトでは「長方形ツール」になっていると思いますが、右クリックすると楕円形ツールが出てくるので、それを選択します。
「shiftキー」を押しながらドラッグすると正円を描くことができますね。
このように正円を描きました。今回はわかりやすいように円のカラーを水色にしました。
3. 選択ツールで円を横長にする
続いて先ほどのツールバーの一番上にある「選択ツール」で正円を選択し、横にドラッグして円を横長にします。
すると画像のようになりますね。
このままフキダシとして使うこともできるのですが、ちょっと形が素人っぽいというか、wordで作った感がありますね。
この横長の円にひと工夫を加えます。
4. 膨張で円を膨張させる
横長にした円を選択後、上にある「効果」メニューから「ワープ」にマウスを持っていきます。
するとさらにワープのメニューが表示されるので、「膨張」を選択します。
膨張を選択すると、ワープオプションというダイアログボックスが表示されるので、どのくらい膨張するか?を数値で調整します。
今回はワープオプションの「カーブ」の値を左にスライドし、「-10%」にしました。
5. ふわっとした円形オブジェクトの完成
値を変更しOKボタンを押すと、横長の円がふわっとした形状に変化していると思います。
これをオブジェクトとして正式な形にするために、上の「オブジェクト」メニューから「アピアランスを分割」を選択します。
これでフキダシにも使えるふわっとして円形オブジェクトになりました。
これはただ楕円形ツールを使うだけでは実現できない形なので、加工方法を覚えておくだけでもデザインの幅が拡がると思います。
6. 膨張する前と後で比較してみる
先程の横長の円形と、膨張加工を施した円形で形状を比較してみます。下の膨張加工した円のほうがいい感じに横長になっていますよね。
フキダシとしても使用できますし、横長のバナーデザインの背景などにも役立つと思います。いろいろ応用してさらにデザインの幅を拡げてみてもいいのではないでしょうか。
ぜひ試してみてください!
はじめましてBUROKIです。
ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)
制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。
ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。
latest contents
最新コンテンツ一覧
categories
カテゴリ一覧
Blog Ranking
人気ブログランキング
illustratorにてプレゼン用のスライド資料をつくる前にやっておきたい設定
2020.02.06.
illustratorにてプレゼン用のスライド資料をつくる前にやっておきたい設定
2020.02.06.
どんなフォントにも対応できるステンシル風加工のやり方と考え方
2021.03.14.
意外と簡単なiMac2019のメモリ増設方法。8GBから40GBにしてみた
2019.08.28.
3年ぶりのかにかにエクスプレス。竹野の民宿「久兵衛」と城崎温泉を満喫
2023.01.24.
blog ranking
人気ブログランキング
illustratorにてプレゼン用のスライド資料をつくる前にやっておきたい設定
2020.02.06.
illustratorにてプレゼン用のスライド資料をつくる前にやっておきたい設定
2020.02.06.
どんなフォントにも対応できるステンシル風加工のやり方と考え方
2021.03.14.
意外と簡単なiMac2019のメモリ増設方法。8GBから40GBにしてみた
2019.08.28.
3年ぶりのかにかにエクスプレス。竹野の民宿「久兵衛」と城崎温泉を満喫
2023.01.24.