第2回 Photoshopでパターンデザインをしてみよう

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

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

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

151001_基本のパターン3
第1回で紹介した基本パターンの応用(2)
このパターンをPhotoshopで実際にデザインする手順をご説明します

作業環境

  • Mac OS 10.10(Yosemite)
  • Photoshop CC

新規作成

スクリーンショット 2015-10-12 14.54.08

作りたいパターンサイズでドキュメントを新規作成します
今回はポーチなどの小物を作るイメージで15センチサイズのパターンにしてみました!
解像度:150、カラーモード:RGBカラーが推奨です(パターン登録画像がTIFF・JPEGのため)

写真やイラストを配置する

HF_PS_03_埋め込みを配置

ファイル>埋め込みを配置
新規作成したドキュメントに、パターンにしたい写真やイラストを配置します

HF_PS_03_写真を配置

今回はイチョウの落葉写真を使用しました

配置した写真を切り抜く

HF_PS_04_ラスタライズ
レイヤー>ラスタライズ>スマートオブジェクト
見えている部分だけにカットしたいので配置した写真やイラストをラスタライズします

選択範囲>すべてを選択
ラスタライズできたら「すべてを選択」で選択範囲を作成

HF_PS_選択範囲をコピーしたレイヤー
レイヤー>新規>選択範囲をコピーしたレイヤー
四角く切り抜かれたレイヤーが作成されます

スクロールをつかって送りをつける

151012_カンバスサイズ確認

イメージ>カンバスサイズ
カンバスサイズを確認する(後で数字が必要になるので覚えておく)
サイズの確認だけなのでキャンセルでウィンドウを閉じる

151012_スクロール

フィルター>その他>スクロール
さっき確認したキャンバスサイズ(1772px)の半分886pxを入力
未定義領域はラップアラウンド(巻き戻す)を選択

HF_PS_06_スクロールのコピー

そうすると第1回で紹介した基本パターンの応用(2)の状態になります

継ぎ目部分を編集する

151012_継ぎ目
スクロールすると十字に継ぎ目が見えます
継ぎ目が残っていると、パターンデザイン登録した時にうまく繰り返す柄になりません
この継ぎ目を目立たなく編集すれば、パターンデザインの完成です

151012_継ぎ目の編集
コピースタンプツールを使ったり
元写真の一部を切り抜きコピーしたりしながら
継ぎ目が目立たなくなるように加工します

HF_PS_07_継ぎ目をなくすのコピー
最後にイチョウのハッパに顔をつけました(`・ω・´)

JPEG形式で画像を書き出す

151012_書き出し形式
ファイル>書き出し>書き出し形式
最後にJPEG形式で保存します
※別名で保存などでJPEGとして保存しても問題ありません

書き出したJPEG画像を登録すればOK

スクリーンショット 2015-10-12 12.06.30

イチョウのハッパちゃん by haruna1221 @haruna1221 | HappyFabric

HappyFabricでデザイン登録をすれば
オリジナルデザインの布が注文できるように!

ぜひPhotoshopを使ってオリジナルのパターンデザイン作りに挑戦してみてください(`・ω・´)

次回予告

次回はIllustratorのソフトを使って、パターンデザインをする方法をご紹介します!

Subscribe HappyFabric Bblog