グラフィックデザイン

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

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

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

吹き出しの形を作る

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

多角形を作成する

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

パスへ変換する

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

ノードを再配置する

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

セグメントを編集する

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

外側にカーブさせる

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

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

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

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

ハンドルを逆向きにする

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

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

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

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

あとがき

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

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

ではまた。

 

Inkscapeで配色用のカラーパレットを簡単に作る方法前のページ

5分でできる【InstantWP】でWordPressのローカル環境を構築する手順次のページ

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

tipLog

関連記事

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

    簡単にテキストレイアウトができるinkscapeの「テキストの流し込み」機能の使い方

    写真付きのパンフレットでよくあるテキストレイアウトには被写体を邪魔しな…

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

    inkscapeで「フチ文字」を作る方法2つ+ちょっとした応用

    以前、問い合わせがあったinkscapeで「フチ文字」を作る方法を紹介…

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

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

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

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

    Inkscapeを使ったわかりやすいフローチャートの作り方

    プログラミングの分野でよく使われているフローチャートですが、最近は業務…

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

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

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

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

    写真を「モノクロ+一部カラー」にして画像にメッセージ性をもたせる方法

    モノクロ写真の一部だけに色付けされていると、どことなくメッセージ性を強…

コメント

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

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

CAPTCHA


スポンサードリンク

スポンサードリンク

inkscapeを学ぶ

Inkscapeの入門書

カテゴリー

ピックアップ記事

  1. ブログやサイトの作り方

    TCDテーマ比較「CUBEY」と「BlogPress」どっちがいい?
  2. ブログやサイトの作り方

    月額100円から使える「ロリポップレンタルサーバー」
  3. 特集

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
  4. ブログの収益化

    報酬の受取に苦労してません?初心者でもAmazon・楽天のアフィリエイトで効率的…
  5. 特集

    inkscapeの使い方を集めたスキルアップのための日本語チュートリアル集
PAGE TOP