グラフィックパーツ

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

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

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

吹き出しの形を作る

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

多角形を作成する

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

パスへ変換する

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

ノードを再配置する

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

セグメントを編集する

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

外側にカーブさせる

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

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

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

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

ハンドルを逆向きにする

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

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

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

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

あとがき

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

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

ではまた。

 

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

tipLog

関連記事

  1. グラフィックパーツ

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

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

  2. グラフィックパーツ

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

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

  3. グラフィックパーツ

    inkscapeでフローチャートを作る方法

    この記事はキャプチャ画像だけでしたがアクセス数が多く人気があったので最…

  4. グラフィックパーツ

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

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

  5. グラフィックパーツ

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

    配色用のカラーパレットをInkscapeの内部機能で作る方法を紹介しま…

  6. グラフィックパーツ

    手作業は最小限で!inkscapeで「カラフルなドットパターン」の作り方【SVG/PNGサンプルあり…

    「ドットパターンを作る」って聞いて、難しく感じる人が多いような気がする…

コメント

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

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

CAPTCHA


スポンサードリンク

スポンサードリンク

スポンサードリンク

カテゴリー

ピックアップ記事

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

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

    inkscapeの使い方を集めたスキルアップのための日本語チュートリアル集
  3. グラフィックデザイン

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

    TCDテーマ比較「CUBEY」と「BlogPress」どっちがいい?
  5. ブログの収益化

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