グラフィックデザイン

Inkscapeのシェイプとパス編集でいろんな「吹き出し」を作ってみた

多角形や星型をノードツールで変形させることでいろいろな吹き出しを作ることができます。

ちょっとしたデザインのアクセントとしても使える吹き出しを自作してみましょう。

吹き出しの形を作る

吹き出しの形のパスを作成して、ノードツールで編集していきます。

多角形を作成する

星型/多角形ツールを「多角形モード」にして11角形を作成します。

パスへ変換する

ノードツールに切り替えて、作成した多角形をパスへ変換します。

ノードを再配置する

ノードを吹き出しのような形に再配置します。この部分はあとでいくらでも修正できるので、適当で大丈夫です。

セグメントを編集する

吹き出し型のパスをノードツールで編集していきます。ノードツールの編集でいろいろな吹き出しを作ることができます。

外側にカーブさせる

ノードから[Shift]を押しながドラッグすると、ノードハンドルを伸ばすことができます。

ノードハンドル長さに応じてセグメントがカーブします。

すべてのノードを編集する

すべてのノードに対して同じようにノードハンドルを伸ばすと、雲形の吹き出しが出来上がります。

ハンドルを逆向きにする

雲形のときは外側にノードハンドルを引っ張りましたが、内側にハンドルを向けると、ギザギザの吹き出しを作ることができます。

ストロークをパス変換でフィルを利用する

ノードツールに切り替えて「ストロークをパスへ変換」を利用すると、イビツな吹き出しを作ることもできます。

適宜、ノードの位置は変更したり削除/追加したりしています。

あとがき

パスを作るときにペンツールを使ってもいいのですが、オブジェクトをパスへ変換した後にノードツールを使う方法もあります。

時短になりますし、シェイプから違ったひらめきが生まれることもあるので是非試してみてください。

ではまた。

 

記事が気に入ったら
tipLog を "いいね!"
Facebookで更新情報をお届け。

tipLog

関連記事

  1. グラフィックデザイン

    inkscapeのタイルクローンでドットパターンを作る手順

    inkscapeを勉強し始めたとき、ドットパターンをinkscapeで…

  2. グラフィックデザイン

    GIMPのカラーハーフトーンでロゴ作成

    カラーハーフトーンとは、画像をドットで表現することです。GIM…

  3. グラフィックデザイン

    inkscapeを使って集中線・放射線を思い通りの仕上がりに

    グラフィックソフトの場合、手で描くのとは違って、機能とその結果が結びつ…

  4. グラフィックデザイン

    inkscapeのパス操作でテキストをポップにする方法

    特別なフォントを使わなくても、パス操作を使うことでポップな書体を作るこ…

  5. グラフィックデザイン

    inkscapeでパターン素材を作るチュートリアル

    inkscapeを使うと簡単にパターン素材を作ることができます。い…

  6. グラフィックデザイン

    アイコンの基本は抽象化!特徴を見つけて基本図形に落としこむ方法

    作りたいアイコンやロゴがあるときに、なかなかアイデアが浮かばないという…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


スポンサードリンク

スポンサードリンク

inkscapeを学ぶ

Inkscapeの入門書

カテゴリー

ピックアップ記事

   
  1. ブログの収益化

    報酬の受取に苦労してません?初心者でもAmazon・楽天のアフィリエイトで効率的…
  2. ブログやサイトの作り方

    TCDテーマ比較「CUBEY」と「BlogPress」どっちがいい?
  3. グラフィックデザイン

    自作?外注?その前にコレ!ブログのロゴデザインをするなら「Logaster」を使…
  4. 特集

    inkscapeの使い方を集めたスキルアップのための日本語チュートリアル集
  5. ブログやサイトの作り方

    月額100円から使える「ロリポップレンタルサーバー」
PAGE TOP