第4回無料Webツールでパターンデザインをしてみよう

デザイン作成 2015年10月30日

HappyFabricでテキスタイルデザインをはじめよう

オリジナルデザインの布を作ってみたい！と思っている方のために
パターン模様をデザインする方法について紹介します(｀・ω・´)

パターン模様をデザインする方法

PhotoshopもIllustratorも持ってないけどパターンデザインしてみたい！
そんな方のために今回は無料のWebツールでパターンデザインする方法をご紹介します！

⚠️こちらのWebサービスはすでにサービス終了しています。

Seamless Lite – Seamless Pattern Design by COLOURlovers
Repper -> create your own patterns!

作業環境

Mac OS 10.11（El Capitan）
Safari 9.0

Seamless Lite

⚠️こちらのWebサービスはすでにサービス終了しています。

Seamless Liteはシンプルなパターンを作れるWebツールです。
※パターンのダウンロードには無料のユーザー登録が必要です。

Seamless Liteの操作画面
Basicの右にある三角ボタンを押すと、いろいろなテーマのシェイプが選べます

シェイプを選んでドラッグすると、好きな大きさで図形を描くことができます
シェイプの種類も豊富で、点線や波線なんかのラインも簡単に描けました

矢印ツールをクリックすると、移動や回転、大きさを変更することも可能

右上のつまみで全体を確認できます

左下のレイヤー部分で、それぞれのモチーフのカラーを指定
選べるのは5色で、パターン保存後にそれぞれ色を決めることができます

色の設定が終わったら右下の「Save」ボタンを押して保存します

ユーザー登録がまだの場合、『Click here to register」からユーザー登録画面へ移動

ユーザー名、パスワード、メールアドレス等を入力して
「CREATE ACCOUNT」でユーザー登録完了です

パターンの名前、カテゴリーを選んで保存

それぞれの色をクリックすると、カラーピッカーが表示されるので色を選んでいきます

色を選んだら、さらにもう一度パターンの名前を入力して保存

右側にある「Preview」を押すとパターン画像が表示されるので

画像の上で右クリック、画像を保存する
※保存される画像はPNGファイルのためJPEGに変換する必要がある

⚠️こちらのWebサービスはすでにサービス終了しています。

Seamless Lite – Seamless Pattern Design by COLOURlovers

Seamless Liteで作ったパターン

雨ときどきカミナリ by haruna1221 @haruna1221 | HappyFabric

Repper

⚠️こちらのWebサービスはすでにサービス終了しています。

Repperは写真をもとにリアルタイムにパターンデザインを作成するWebツールです
今回は青いネモフィラの花の写真を使用しました

右上の「upload images」から写真をアップロードします
写真サイズは0.5MB以下のもの

半透明の白い四角部分がパターンになります
四角の位置をドラッグで動かしたり、サイズを変えたりするとリアルタイムでパターン模様が変わっていくので
まるで、万華鏡で覗いているような気分に

「pattern type」をクリックすると繰り返し方が変わります

パターンができたら、右上の「save」からURLをコピーし
ブラウザのアドレスバーに入力

画像の上で右クリック、画像を保存する
※「Download Pattern」ボタンから保存可能なはずなんですが、私の環境ではうまく保存できなかったため、ブラウザで画像を表示させて保存しました

⚠️こちらのWebサービスはすでにサービス終了しています。

Repper -> create your own patterns!

repperで作ったパターン

Nemophila by haruna1221 @haruna1221 | HappyFabric

まとめ

パターン模様をデザインする方法について全4回に分けて紹介してきました

これからもパターンについてやデザインデータを作る時のコツなどを引き続きブログでご紹介していきたいと思います(｀・ω・´)

パターンデザインを作る時に参考にしてもらえると嬉しいです！

Subscribe HappyFabric Bblog