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

ブログ一覧

design_thing

見る人との距離を一気に縮められる!パロディデザインの大原則

ブログの題材として取り上げていたようで取り上げていなかったのですが、ボクは昔からパロディデザインを得意としていて、会社員時代を含めると過去…

2023.02.02.

private

3年ぶりのかにかにエクスプレス。竹野の民宿「久兵衛」と城崎温泉を満喫

1月16日はボクの41歳の誕生日。 その少し前に相方に「誕生日プレゼント何がいい?」と聞かれました。 欲しいものがあまりないボクは、何が欲しいのか…

2023.01.24.

private

年明けルーティン。2023年も出店・ドラなし!今宮戎神社の十日戎で商売繁盛祈願

1月9日から11日までの三日間、商売人としては行かない理由がない十日戎(通称えべっさん)が行われました。 十日戎とは、一年間自分たちの事業がうま…

2023.01.13.

think

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

正月休みもひと段落し、いよいよ2023年が動き出しましたね。 年末はボクが年越しそばづくりをミスってしまったり、相方が体調不良に見舞われたりして…

2023.01.10.

think

デスクワークでなまった体を筋トレで取り戻す。話題のchocoZAPに通い始めまし...

2008年からデスクワークを生業にし、今年1月で15年目となりました。 PCを使って仕事をすることにはさすがに慣れましたが、それと引き換えに、最近は…

2023.01.08.

private

【明けましておめでとうございます2023】新年のご挨拶と今年の抱負3つ

新年明けましておめでとうございます。 2023年もBUROKI designをよろしくお願いいたします。 今年は4日から打ち合わせが入っていて、ボクは4日が仕事…

2023.01.04.

blogをもっと見る

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

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

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

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル