DESIGN IT YOURSELF.

BUROKI


top

blog

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

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

design_thing

  • top
  • blog
  • 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

ブログ一覧

think

一般の人でもデザインできるツールやサービスが増えてきて個人的に思うこと

ボク自身、すべてを把握しているわけではないのですが、webデザイナーでない方でもwebサイトを作成できるツールが増えてきましたね。 大きいところで…

2021.09.24.

design_thing

デザインも料理と同じで「工程」が重要。もし工程を間違うとどうなる?

自分自身も常に気をつけてはいるのですが、これはクライアントさまにとってもすごく大事なことなのでブログに書き残しておきます。 ボクは現在、いろ…

2021.09.17.

design_thing

意外と盲点。「改行のデザイン」でスマホサイトが大幅にレベルアップ!

今回はボクがスマホ用にwebページをデザインするときに気をつけていることを紹介します。 それは何かというと、「テキストの改行」です。 昨今のweb…

2021.09.08.

think

2021年8月の活動報告。8月はこんなデザイン制作をしていました

毎日毎日コロナコロナコロナ・・書くのもうんざりですね。 唯一救いなのがそんな世の中にもかかわらず、こちらからお断りしてしまうくらいいろんな制…

2021.09.05.

private

数年ぶりにあべのハルカスの展望台「ハルカス300」へ

前回のブログの続きになりますが・・すしセンター裏天王寺でランチをしたあと、少し買い物をしてからあべのハルカスの展望台「ハルカス300」に久しぶ…

2021.08.31.

private

相方の誕生日と4周年記念。すしセンター裏天王寺で贅沢ランチ

少し前の話になりますが、8月22日はいつもお世話になっている相方の誕生日と4周年記念ということで昼前から天王寺へ。 ディナーに裏なんばにある某寿…

2021.08.27.

blogをもっと見る

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

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

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

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル