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

豊中にある「ステーキハウス神楽」で五度目の結婚記念日を祝う

4月22日は嫁氏との結婚記念日。 今年で6年目を迎えました。結婚当初は2021年なのでコロナ禍でした・・時が経つのは早いなぁ。 昨年は息子が生まれた…

2026.04.24.

private

森ノ宮キューズモールで開催されたkids DIY festivalにスタッフとし...

現在4月2日、もう新年度に突入しておりますが、3月末の週末のお話を。 3月29日に森ノ宮キューズモールで開催された「kids DIY festival 2026」にボラ…

2026.04.02.

think

SEO小話vol.12 これからのAI検索時代はどういう発信が重要?

不定期更新している「SEO小話」シリーズ。もちろん2026年も更新します。 毎回冒頭に書いていることではありますが、各テーマに分けてできるだけ手短…

2026.03.03.

private

ジャーナルスタンダードのトラッカージャケットを購入できた経緯をまとめてみた

仕事のこととは全く関係ないんですけど・・ 今年1月に、ジャーナルスタンダードが昨年末に限定発売した「Levi’s 別注 TYPE1 リジッド トラッカージ…

2026.02.24.

private

今年は「かに道楽 豊中店」で44歳の誕生日を祝ってもらいました

遅くなりましたが、先日僭越ながら誕生日を迎え、44歳になりました。 さすがにもう若くはないので1年1年、健康に気をつけながら仕事もプライベートも…

2026.01.22.

design_thing

web業界歴18年。2008年から現在に至るまでの道のりをまとめてみた

2008年1月にweb業界に入ってweb制作者としてのキャリアをスタートさせ、今年の1月で丸18年が経過し、19年目を迎えました。 2008年の入社当時には何も…

2026.01.10.

blogをもっと見る

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

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

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

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル