![見出し画像](https://assets.st-note.com/production/uploads/images/143638501/rectangle_large_type_2_97eae0e03225f0991be89970b2b25622.jpeg?width=1200)
【procreate】ストライプパターンブラシ
procreateだけでストライプのパターンブラシを制作する記事です
キャンバス設定等
・2000×2000pixel,300dpi
(正方形で小さ過ぎなければどんなサイズでも可)
・今回は描写ガイドを特に必要としませんが、自分はグリッドのサイズを125pixelに設定しています
・キャンバスにオブジェクトがある状態で変形ボタン(矢印マーク)をタップすると変形ツールバーが表示されます。補完をニアレストネイバー法、設定のマグネットとスナップをオンにし、距離と速度をそれぞれ最大にしてください
![](https://assets.st-note.com/img/1717740725639-duq2Szl2Zc.jpg?width=1200)
![](https://assets.st-note.com/img/1717740725604-EudACKQP0p.jpg?width=1200)
ロンドンストライプ
![](https://assets.st-note.com/img/1717835208453-V4z5cqXcU5.jpg?width=1200)
キャンバスを黒に塗り潰し、変形ボタンで移動。オブジェクトを半分にする
![](https://assets.st-note.com/img/1717847637821-ytmnkyzyZD.jpg?width=1200)
アクション(スパナマーク)から「キャンバスをコピー」をタップ
![](https://assets.st-note.com/img/1717847712531-BdddPhloej.jpg?width=1200)
ブラシのライブラリの「+」マークをタップし新規ブラシを作成
![](https://assets.st-note.com/img/1717847847550-9dYOJBILcg.jpg?width=1200)
ブラシをタップしブラシスタジオを開く
グレイン内にあるグレインソースを開き、左上の「読み込む」をタップ。「ペースト」を選択すると最初におこなった「キャンバスをコピー」でコピーをしたパターン元がペーストされる
![](https://assets.st-note.com/img/1717847940271-4XsXGhAIqj.jpg?width=1200)
グレインの動作を変更する。「拡大/縮小」を「サイズに追随」へ。これでブラシサイズを変更するとパターンのサイズも変更されるようになる
続いて「オフセットのジッター」のチェックを外す。そうすればブラシを2度塗りしてもパターンがズレなくなる
![](https://assets.st-note.com/img/1717848109878-zeG1ikQ71Q.jpg?width=1200)
濃淡のないベタ塗り状態のブラシを作りたかったので、Apple Pencilの筆圧内にある「不透明度」を「なし」にする
![](https://assets.st-note.com/img/1717848162022-xUhkeb3Zq6.jpg?width=1200)
プロパティの「ブラシの動作」で最大サイズと最小サイズを好みで変更する。これはお絵描き画面のサイドバーのサイズスライダからブラシを小さくしたり大きくしたりするために必要なもので、同じ%で設定してしまうと大小を変更できない
ブラシサイズの変更の他、グレイン内にある「比率」を調整するとストライプの幅が変わる
![](https://assets.st-note.com/img/1717848362001-jgZJFHJXP2.jpg?width=1200)
ダブルストライプ
![](https://assets.st-note.com/img/1717835262760-MUAiN6tPsk.jpg?width=1200)
キャンバスを黒で塗り潰し、ロンドンストライプと同じように横へ移動させてオブジェクトを半分にする
レイヤーを複製して白で塗り潰し、4分の1のサイズ(横へ移動→半分のサイズを繰り返す)にする
黒のオブジェクトの中央へ移動
![](https://assets.st-note.com/img/1717848435348-VXw0nSrD91.jpg?width=1200)
ロンドンストライプのときと同様に「キャンバスをコピー」。設定は同じなので、ロンドンストライプのブラシを複製してグレインソースを入れ替える
お好みで入れ替えたパターンを「グレインの編集」画面で指2本でタップして反転させる
![](https://assets.st-note.com/img/1717836511603-JGPCyKGmqh.jpg?width=1200)
トリプルストライプ
![](https://assets.st-note.com/img/1717835319962-2yhtbNmXHX.jpg?width=1200)
ロンドンストライプのときと同様に黒のオブジェクトを半分にする
レイヤーを複製し、白に塗り潰す。バウンディングボックス状態にして変形ノード(青い点)をタップ。200×2000pixelのオブジェクトを作成。2回複製して計3本の長方形オブジェクトを横に並べる
![](https://assets.st-note.com/img/1717849217942-IbCDPbEHkC.jpg?width=1200)
3本並んでいます
3本並んだオブジェクトの真ん中を削除。残った2本を選択し、黒いオブジェクトの中央へ配置
(数値入力での移動ができないためこのような方法をとっています)
![](https://assets.st-note.com/img/1717849279954-1IOtsnigHX.jpg?width=1200)
今までのストライプブラシと同様にブラシを設定していく
お好みで入れ替えたパターンを「グレインの編集」画面で指2本でタップして反転させる
![](https://assets.st-note.com/img/1717836752609-V7XVhkqr0Y.jpg?width=1200)
オルタネートストライプ
![](https://assets.st-note.com/img/1717835362984-Py8M5ILfTf.jpg?width=1200)
キャンバスを白で塗り潰す。500×2000pixelの長方形を作りキャンバスの左端へ移動
![](https://assets.st-note.com/img/1717849378664-JCqzuc6sM4.jpg?width=1200)
![](https://assets.st-note.com/img/1717849424968-OQfVV66tor.jpg?width=1200)
レイヤーを複製し、灰色に塗り潰す。サイズを250×2000pixelへ変更し、白いオブジェクトの右隣へ移動
![](https://assets.st-note.com/img/1717849553685-UvkNx41Oin.jpg?width=1200)
白いオブジェクトと灰色のオブジェクトのレイヤーをグループ化し複製。複製したグループの灰色を黒で塗り潰し、グループを右へ移動
![](https://assets.st-note.com/img/1717849725722-CNd4xJHnIN.jpg?width=1200)
![](https://assets.st-note.com/img/1717849725684-rHWflDeOYG.jpg?width=1200)
2つのグループをさらにグループ化し、複製。複製したグループを右へ移動する
![](https://assets.st-note.com/img/1717877371512-Tz6vNCluVV.jpg?width=1200)
今までのストライプブラシと同様にブラシを設定していく。今回はグレーの色を出したいので「レンダリング」の「グレーズ(ライト)」へ変更する
![](https://assets.st-note.com/img/1717877460827-0ZDmqfY9Gy.jpg?width=1200)
![](https://assets.st-note.com/img/1717836899000-O138MfmSgR.jpg?width=1200)
斜めストライプ
![](https://assets.st-note.com/img/1717835393530-GRzrIgmalp.jpg?width=1200)
オルタネートストライプの灰色を黒にしたバージョンを制作する
もしくは、オルタネートストライプを作ってある方は、パターン元の白を非表示、キャンバスの背景色を透明(チェックを外す)にした状態で「キャンバスをコピー」、新たなレイヤーにペーストし、背景色を戻す
![](https://assets.st-note.com/img/1717878303197-Fp1CKrbcmW.jpg?width=1200)
調整ボタン(魔法の杖のようなマーク)の「色相、彩度、明るさ」から「明るさ」をなしにする(パターン元の白を非表示にしていないと白も黒くなってしまう)
![](https://assets.st-note.com/img/1717878450731-yEMC2MZyBf.jpg?width=1200)
黒ストライプの下に新規レイヤーでキャンバスを白で塗りつぶしたものを作り、黒ストライプのレイヤーと結合
![](https://assets.st-note.com/img/1717878654307-AScDSoBaF8.jpg?width=1200)
変形ボタンで選択し、変形ツールバーで「45°回転」
![](https://assets.st-note.com/img/1717878729199-9ivqCBZsLA.jpg?width=1200)
変形ツールバーの「フリーフォーム」を選択し、オブジェクトの四辺をキャンバスの頂点へそれぞれ伸ばす
![](https://assets.st-note.com/img/1717878983154-RexWaktFSI.jpg?width=1200)
![](https://assets.st-note.com/img/1717878983101-YVX7iCzDHf.jpg?width=1200)
![](https://assets.st-note.com/img/1717878983145-7II0FO5ZrX.jpg?width=1200)
![](https://assets.st-note.com/img/1717878983168-tabOwEbUtq.jpg?width=1200)
今までのストライプブラシと同様にブラシを設定していく
シャドーストライプ
![](https://assets.st-note.com/img/1717835886406-eCvPLyC8IM.jpg?width=1200)
斜めストライプの元パターンを複製し、変形ボタンの「フリーフォーム」の状態で半分にする
![](https://assets.st-note.com/img/1717879204944-AuN3En30RW.jpg?width=1200)
レイヤーを複製し左右に反転。右へ移動
![](https://assets.st-note.com/img/1717879268600-nmpwYjCe9O.jpg?width=1200)
左右のオブジェクトをそれぞれ調整ボタン(魔法の杖のようなマーク)の「色相、彩度、明るさ」から「明るさ」を変更する
![](https://assets.st-note.com/img/1717879381323-RY6On6oDzb.jpg?width=1200)
今までのストライプブラシと同様にブラシを設定していく。今回はグレーの色を出したいのでオルタネートストライプのときのように「レンダリング」の「グレーズ(ライト)」へ変更する
アイビーストライプ
![](https://assets.st-note.com/img/1717836999523-3D5g6DvZD0.jpg?width=1200)
キャンバスを黒で塗り潰して複製。複製したレイヤーを白で塗り潰す
白いオブジェクトの幅を4分の1のサイズにして左端へ移動
![](https://assets.st-note.com/img/1717879679529-91NJLAVo5V.jpg?width=1200)
白いオブジェクトを複製して幅を3分の1(割り切れないので幅166pixel)にし、黒で塗り潰す。白いオブジェクトの中央へ配置
![](https://assets.st-note.com/img/1717879759649-bct8Ga7BHH.jpg?width=1200)
今作った白いオブジェクトと黒いオブジェクトをグループ化、複製。右へ移動
![](https://assets.st-note.com/img/1717879880833-K3gYOJIFl2.jpg?width=1200)
![](https://assets.st-note.com/img/1717879998253-Cs0z6jPcTV.jpg?width=1200)
黒のオブジェクトを複製し、白く塗り潰す。2分の1の幅にして黒のオブジェクトの中央へ配置
![](https://assets.st-note.com/img/1717879918287-efVO4tMAXz.jpg?width=1200)
今までのストライプブラシと同様にブラシを設定していく
![](https://assets.st-note.com/img/1717837019859-qOef2Tc7U8.jpg?width=1200)
以上です。お疲れ様でした
手っ取り早く完成したブラシを使いたい方はこちらからどうぞ
次回はチェック柄にしようかと思っています
この記事が気に入ったらサポートをしてみませんか?