素材

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

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

いわゆるシームレス(継ぎ目のない)パターンを作る方法のチュートリアルです。

ドットパターン・ストライプ・チェック柄など、好きなモノを作って下さい。

パターンとは

唐草模様やストライプなどの絵柄は、1つの絵柄を繰り返し使うことで表現されています。

このときの元となる1つの絵柄をパターンといいます。

アパレルデザイン関連の書籍や記事ではパターンを原型などと呼ぶこともあります。

グラフィック系のパターンの利用はウェブサイトの背景画像や商品のパッケージ、飾りテープなどの装飾用の小物によく使われています。

パターンの概念

パターン素材_ユニットを使った例

この縦のストライプは1つのパターンを繰り返し並べたものです。

パターン素材_ユニット

パターン素材_ユニットを使った例_ユニット表示

パターンのいろいろ

ストライプはパターンを変えるだけで色々なものが作れます。

パターン素材_ユニットを使った例_ストライプ2 パターン素材_ユニットを使った例_ストライプ3

波線やドットでパターンを作ることもできます。

パターン素材_ユニットを使った例_波線 パターン素材_ユニットを使った例_ドット3 パターン素材_ユニットを使った例_ドット2

繰り返しされても継ぎ目が見えないようなパターンを作成することがポイントです。

 

inkscapeでパターンを作る方法

inkscapeではパターンを作成してオブジェクトのフィルとして設定する方法があります。

これを使えば作成したパターンをどんな形のオブジェクトにも適応することができます。

では、作り方の解説をしていきます。

 

パターンにするエリアを矩形(長方形)ツールで作成します。

パターン作成_レイアウト01

サイズ:100px × 100px
フィル:グレー30%
不透明度:50%

で作成すると以下の作業がやりやすいと思います。

 

パターンのエリアにオブジェクトを配置し、パターンに変換したいオブジェクトを全てグループ化します。

パターン作成_レイアウト03

オブジェクトを配置するときは、スナップ機能を有効にして、パターンのエリアの中心やエッジ(角)にスナップさせると簡単に配置できます。

inkscape_スナップ設定

 

パターンのエリアとして配置している長方形オブジェクトを最前面へ移動します。

パターン作成_レイアウト02

移動するときは選択ツールでオブジェクトを選択して、[オブジェクト]→[最前面へ]で移動できます。

 

パターンのエリアを使って、下側にあるパターンを構成しているオブジェクトグループを、クリップ機能で切り抜きます。

パターン作成_04

パターンを構成しているオブジェクトグループと、パターンのエリアとして配置している長方形オブジェクトを複数選択して、[オブジェクト]→[クリップ]→[設定]をすると切り抜きができます。

 

切り取ったエリアをパターンとして登録します。

パターン作成_05

切り取られたオブジェクトを選択した状態で、[オブジェクト]→[パターン]→[オブジェクトをパターンに]をすると、パターンとして登録されます。

長方形を新たに作成して、フィルをパターンに変更し、「pattern****」を選択すると、パターンを利用することができます。

 

ストライプを作るときはドットの代わりに、長方形ツールで細長い長方形をいくつか組み合わせることでできます。

波線の場合はペンツール(ベジェ曲線ツール)で波線をつくり、クリップ機能で切り取れば同じように作ることができます。

色々なパターンを作成してみてください。

 

感想や質問などのコメントをお待ちしております。

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

tipLog

WordPressテーマ

WordPressテーマ「MAG(TCD036)」

スポンサードリンク

関連記事

  1. チュートリアル

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

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

  2. チュートリアル

    inkscapeの「整列と配置」でオブジェクトを綺麗に並べて表を作る方法

    inkscapeには整列と配置を調整するための機能があります。この…

  3. 素材

    inkscapeの基本機能だけで矢印を描く方法

    今回はよく検索されている、inkscapeで矢印を作るための基本チュー…

  4. トラブルシューティング

    警告メッセージを吐き出してInkscapeが日本語表示されなくなったときの対処法

    inkscapeを日本語設定で利用していたのですが、突然、メニューバー…

  5. チュートリアル

    GIMPで秋の行楽・旅行バナーを作りました。

    秋の旅行をイメージしてGIMPでバナーを作成してみました。以下…

  6. チュートリアル

    GIMPでトリミング画像に影をつけてサクッと立体感を生み出すチュートリアル

    写真から切抜きした画像単体では、立体感がなく物足りないような印象を受け…

コメント

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

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

CAPTCHA


スポンサードリンク

ピックアップ記事

おすすめの本

使用している素材

カテゴリー

 
PAGE TOP