DESIGN IT YOURSELF.

BUROKI


top

blog

  • top
  • blog
  • design_thing
  • illustratorで横長の円形オブジェクトをふわっと変形させる方法

illustratorで横長の円形オブジェクトをふわっと変形させる方法

design_thing

  • top
  • blog
  • design_thing
  • illustratorで横長の円形オブジェクトをふわっと変形させる方法

illustratorで横長の円形オブジェクトをふわっと変形させる方法

2021.07.28.

スポンサーリンク

スポンサーリンク

デザインしてると場合によっては人物やキャラクターがセリフを言っているように見せるためにフキダシが必要になることってありますよね。フキダシの形状も様々ですが、漫画でよく使われるようなフキダシがおそらく一番使われていると思います。

しかし、このフキダシをグラフィックソフトのillustratorでつくるとなると、楕円形をそのまま横長にするだけでは思うような形にならず、意外と難しいと思ったことはありませんか?

今回のブログでは、フキダシはもちろん、いろんなデザインに使える「illustratorで横長の円形オブジェクトをふわっと変形させる方法」を紹介しようと思います。

BUROKIアイコン

clubhouseのアイコンもややふわっとした円形ですよね。

index list

このブログの目次

1. illustratorで新規ファイルを作成

まずはグラフィックソフト「illustrator」を立ち上げ、新規ファイルを作成します。

illustratorで新規ファイルを作成
まずは新規ファイルを作成

これは基本中の基本で誰でもできるようなことなので特に説明も不要ですね(笑)。

2. 楕円形ツールで円を描く

新規ファイルを作成したら、左にあるツールバーから「楕円形ツール」を選択し、正円を描きます。おそらくデフォルトでは「長方形ツール」になっていると思いますが、右クリックすると楕円形ツールが出てくるので、それを選択します。

ツールバーから楕円形ツールを選択
ツールバーから「楕円形ツール」を選択

「shiftキー」を押しながらドラッグすると正円を描くことができますね。

正円を描きます
カラーはお好みでどうぞ

このように正円を描きました。今回はわかりやすいように円のカラーを水色にしました。

3. 選択ツールで円を横長にする

続いて先ほどのツールバーの一番上にある「選択ツール」で正円を選択し、横にドラッグして円を横長にします。

正円を横に伸ばす
何も考えず横にビャーッと・・

すると画像のようになりますね。
このままフキダシとして使うこともできるのですが、ちょっと形が素人っぽいというか、wordで作った感がありますね。

この横長の円にひと工夫を加えます。

4. 膨張で円を膨張させる

横長にした円を選択後、上にある「効果」メニューから「ワープ」にマウスを持っていきます。

するとさらにワープのメニューが表示されるので、「膨張」を選択します。

効果からワープ、膨張を選択
横長の円を選択してから「膨張」を選択します

膨張を選択すると、ワープオプションというダイアログボックスが表示されるので、どのくらい膨張するか?を数値で調整します。

膨張の数値を入力
ここの数値は個人で調整してもいいと思います

今回はワープオプションの「カーブ」の値を左にスライドし、「-10%」にしました。

5. ふわっとした円形オブジェクトの完成

値を変更しOKボタンを押すと、横長の円がふわっとした形状に変化していると思います。

これをオブジェクトとして正式な形にするために、上の「オブジェクト」メニューから「アピアランスを分割」を選択します。

アピアランスで分割してオブジェクトにする
分割してオブジェクトに変換

これでフキダシにも使えるふわっとして円形オブジェクトになりました。

ふわっとした円形オブジェクトの完成
完成。簡単ですね

これはただ楕円形ツールを使うだけでは実現できない形なので、加工方法を覚えておくだけでもデザインの幅が拡がると思います。

6. 膨張する前と後で比較してみる

先程の横長の円形と、膨張加工を施した円形で形状を比較してみます。下の膨張加工した円のほうがいい感じに横長になっていますよね。

膨張する前と後で比較
上と下で比較すると違いがわかりますね

フキダシとしても使用できますし、横長のバナーデザインの背景などにも役立つと思います。いろいろ応用してさらにデザインの幅を拡げてみてもいいのではないでしょうか。

BUROKIアイコン

ぜひ試してみてください!
スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)

制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。

ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

関連コンテンツ一覧
スポンサーリンク

文鳥とデザイナー

スポンサーリンク

blog list

ブログ一覧

private

初めての鎌倉旅行・3日目。最後は横浜にある伝説の家系ラーメンで〆る

初めての鎌倉旅行もいよいよ3日目、最終日。2日目に江ノ電観光を満喫したので、最終日は鎌倉で相方が行きたい寺を巡ることにしました。 鎌倉旅行1日…

2024.06.15.

private

初めての鎌倉旅行・2日目。江ノ電に乗って観光名所巡り

初めての鎌倉旅行、2日目の朝を迎えました。2日目は江ノ電に乗って観光すると決めていたので、早朝6時半に起きて準備。鎌倉旅行1日目のブログは下記…

2024.06.11.

private

初めての鎌倉旅行・1日目。夏がくる前に2泊3日で鎌倉へ行ってきました

もうすっかり夏の陽気ではありますが、先日の6月4日から6日までの3日間、昨年の北海道函館旅行以来の旅行へいってきました。 今回向かった先は「鎌倉…

2024.06.08.

private

空気階段の第7回単独公演「ひかり」を観に行ってきました

久しぶりにプライベートなブログでも書きます。先週土曜日にお笑いコンビ空気階段の単独ライブを観に、梅田にあるサンケイホールブリーゼへ行ってき…

2024.05.27.

think

SEO小話vol.03 広い狭いがある?検索キーワードの考え方

少し前からマイペースにはじめている「SEO小話」。 前回と前々回ではtitleタグのことを書きました。今回はテーマを変えてvol.03として、検索で重要な…

2024.05.17.

think

本日、BUROKI designはフリーランスとして開業5周年を迎えました

2024年5月13日。 本日、BUROKI designは無事に開業5周年を迎えることができました。 2019年の4月末に長年勤めていたベンチャー企業を退職し、昨年6月…

2024.05.13.

blogをもっと見る

制作のご相談・お問い合わせはフォームから

デザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。
また、書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。

問い合わせフォームはこちら

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル