ちかごろ、ハンドメイド通販サイトが注目を集めています。個人の作り手がオリジナルアイテムをインターネット上で販売することが可能になり、購入するカスタマーもたくさんいます。そんなカスタマーが特に求めているのは「わたしだけのオリジナル」ということ。こうしたカスタマーの願いを叶えるアイテムの一つがオリジナル素材です。なかでもデジタルデータを生地にプリントするサービスが多数登場し、登録デザインの生地が販売されると登録者にマージンなどが支払われる仕組みを取り入れているところもあります。

また、ユーザー数が急伸している個人向けネットショップサービスではオリジナルアイテムはもちろん、画像や音源などのオリジナルデータの販売ができる場合もあります。つまり、PhotoshopやIllustratorでイラストやデザイン、パターンデータが作れるということは、それらを自分で簡単にオンライン販売できるということなのです。

近年、PhotoshopやIllustratorでは、パターンを作るためのツールが充実してきました。元となるオブジェクトさえあれば、専用のダイアログを使ってさまざまな並べ方のパターンが瞬時にできあがります。本書の巻頭PATTERN’S STUDYでは事例紹介として、オリジナルアイテムの制作や販売経験のあるクリエイターさんによる生地プリントの体験をご紹介しています。

そして、CHAPTER 01とCHAPTER 02 ではPhotoshopとIllustratorでパターン制作をするにあたっての基礎知識、パターンを作る元となるイラストなどのオブジェクト制作や加工といったスキルを紹介、解説しています。

CHAPTER 03 ではクリエイター陣による各種パターンの見本を掲載し、制作したパターンを活用できる各種サービスを紹介しています。最後に本書制作にあたってはオリジナル生地プリントサービスを展開する「HappyFabric」さんに多大なるご協力をいただきました。この場をお借りして御礼申し上げます。

なお、本誌で紹介しているパターンの一部はHappyFabricに登録していますので生地として購入できます。またBASEでデータとして販売しているパターンもありますので、ぜひご活用ください。

003.. . . . はじめに

004.. . . . 目次

007.. . . . PATTERN’S STUDY

008.. . . . Pattern 01　エシカファーム×空間工房LOHAS

012.. . . . . Pattern 02　Ai Kondoh（FUCHSIA）

016. . . . . Pattern 03　Fountain Mountain

020.. . . . Pattern 04　ぐりーんマム

024.. . . . Column　お気に入りのパターンを暮らしに取り入れる



029.. . . . CHAPTER 01

パターン作りに必要な

基礎知識

● Basic

030.. . . . パターンづくりの基本的な考え方

● Photoshop編

032.. . . . Photoshopでパターンを作る

036.. . . . ハーフステップ送りを付ける場合

039.. . . . 塗りつぶし機能でパターンを簡単アレンジ

044.. . . . 手描きの素材からシームレスパターンを作る

046.. . . . 塗りつぶし機能を使いこなす

051.. . . . Column　Photoshopのパターンを保存して共有する

● Illustrator編

052.. . . . Illustratorでパターンを作る

056.. . . . 規則的な配置のパターンを作る

060.. . . . 旧バージョンのIllustratorでパターンを作る

061.. . . . 自作スウォッチをほかのドキュメントでも利用する

062.. . . . パターンオプションを使いこなす

065.. . . . パターンに白い線が入ってしまう場合、ずれる場合に確認すること

068.. . . . パターンの最小単位を画像にする

070.. . . . Column　PATTERN［模様］× PATTERN［型紙］1

オリジナル図案のガーランドを作る



073.. . . . CHAPTER 02

パターン作りに役立つ

イラスト制作・加工のワザ

● Photoshop編

074.. . . . アルファチャンネルで遠近感を持たせる演出表現

078.. . . . パス書き出しでシルエットを作る

082.. . . . チェック柄のパターンを作る

086.. . . . カラーハーフトーンを使ってイラストをドットで表現する

090.. . . . Column　パターン作成無料アプリを使ってみよう

092.. . . . 1クリックで被写体の選択範囲を作成する

096.. . . . パス書き出しとIllustratorで消しゴムはんこ風に

100.. . . . 写真からシームレスなパターンを作成する

103.. . . . 何もないところから木目のパターンを作る

106.. . . . Column　PATTERN［模様］× PATTERN［型紙］2

生地の余白も無駄にしないデザイン

● Illustrator編

108.. . . . 多角形ツールと回転で作る複雑な幾何学模様

114.. . . . . ドット絵でフクロウを描く

118.. . . . . モザイクオブジェクトを使ってキャンディ風に

121.. . . . . アルファベットの文字列から作るレース

124. . . . . 画像トレースで写真画像をイラスト調に

126.. . . .［拡大・縮小］［個別に変形］でサイズ・位置を調整

129.. . . . シンプル＆カラフルなアーガイル柄



135.. . . . CHAPTER 03

GALLERY &

SERVICE INFO.

136.. . . . PATTERN GALLERY

146.. . . . SERVICE INFO.

オリジナルデザインを活用しよう