グラフィックパーツ

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

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

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

吹き出しの形を作る

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

多角形を作成する

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

パスへ変換する

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

ノードを再配置する

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

セグメントを編集する

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

外側にカーブさせる

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

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

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

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

ハンドルを逆向きにする

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

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

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

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

あとがき

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

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

ではまた。

 

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

tipLog

関連記事

  1. グラフィックパーツ

    超簡単!inkscapeで直角三角形を作る方法

    inkscapeには正三角形を作る機能(多角形・星形ツール)はあるので…

  2. グラフィックパーツ

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

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

  3. グラフィックパーツ

    inkscapeのタイルクローンでマスキングテープを張り合わせたパターンを作るチュートリアル

    パステルカラーのマスキングテープを張り合わせたようなパターンを作成した…

  4. グラフィックパーツ

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

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

  5. グラフィックパーツ

    inkscapeで取り込んだJPGやPNG画像をトリミングをする方法

    inkscapeでフライヤーや店舗のメニューを作りたいと思ったらトリミ…

  6. グラフィックパーツ

    inkscapeで「次へ」「前へ」「トップへ」のアイコン画像の作成をしてみた

    今まで「ページトップへ」のようなテキストリンクでページ内リンクを作成し…

コメント

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

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

CAPTCHA


スポンサードリンク

スポンサードリンク

スポンサードリンク

カテゴリー

ピックアップ記事

WordPressテーマ「MAG(TCD036)」   ロゴマルシェ - LogoMarche   ボタンマルシェ - ButtonMarche  
  1. ブログやサイトの作り方

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

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
  3. 特集

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

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

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