Photoshopで作るパッチワーク・ステッチ風の画像
デニム生地に文字アップリケ風の画像を作り、Wordpressのタイトルにする(使用ツール:Photoshop)
まず、デニム風の生地を作ります
新規レイヤーを塗りつぶし-パターン-カスタムパターン-パターン2(デニム生地風)を選択
白いステッチを描きます
ステッチの描き方はいくつかあります。ステッチを描くためにここで行う作業は、「パスを作って」「パスにブラシを適用する」という作業になります。
パス作りとブラシ作りの二つの工程を実行します。
どちらを先に行っても多分大丈夫ですが、まずブラシの工程から説明します。
ブラシの形状を指定します。縫い目に見えるように指定します。
今回は、円の形状をつぶして楕円にして、間隔をあけて、色を白にすることで縫い目っぽくします。先にブラシの形を整えておきます。
まずツールからブラシを選択。
ツールバーからブラシのオプションを選択。
ブラシの「オプションウインドウでブラシの半径を調整し、さらに径をつぶして正円から楕円にします。そしてブラシの間隔を調整します。間隔を調整すると線が途切れ途切れになり、糸で縫ったステッチ風にできます。
指定後はこのような感じになります。
背景色を白にして、ブラシの色を白にします。
これでブラシの形状が整いました。
ステッチ描き方ステップその2のその1:ペンツールで自力で描いてパスとし、それにブラシでステッチを施す。
ブラシを適用する「かたち」を作ります。まずはステッチをペンツールで自由な曲線で描く方法です。
ツールからペンツールを選択します。
自由にかたちを描きます。ペジェ曲線を使ったり。直線を使ったり。
次にツールバーのウインドウから「パス」をクリックしてパスウインドウを開きます。
次にパスウインドウの下部に並んでいるアイコンから「パスを選択範囲として読み込む」をクリックして実行します。並んでいる中で、左から3番目の点線で描かれた丸のようなアイコンが「パスを選択範囲として読み込む」です。
パスが選択範囲になった状態です。キャプチャーした画像だとわかりづらいですけど、実際は白い細い線だったパスが、選択範囲として選ばれて、点滅する点線になっています。
さらにパスウインドウ下部のアイコンから「選択範囲から作業用パスを作成」するアイコンをクリックして実行します。左から4番目の小さい丸を4つ線でつないだ丸のようなアイコンです。このアイコンは、事前に「パスを選択範囲として読み込む」などでアクティブな選択範囲を作っておかないと選択できません。
次にレイヤーウインドウで、新規レイヤーを作成します。
これが非常に重要です。この工程を実行しないと、絶対に先に進めません。
さて、いよいよブラシの出番です。
この段階でブラシウインドウがアクティブになっていないようでしたら、ツールからブラシアイコンを選択してアクティブにしておきます。ブラシウインドウが表示されます。
そうするとアクティブなポインターの形がブラシの先端形状と同じ形になります。今回のブラシの先端形状だと押しつぶした楕円状になります。(ポインターの画像付きで説明できなくてすみません!)
その状態で「Enter」キーをクリックします。
ブラシがパスに適用されて、パスがステッチ状になりました!
ステッチ描き方ステップその2のその2:シェイプをパスとして、それにブラシでステッチを施す
ありもののシェイプの形に添ってステッチする方法です。例えば、このような画像が割と簡単に描けます。
「パス描画からのブラシ適用」に成功した方でしたら、こちらはもう簡単に作れると思いますので、ざっくり説明しておきます。
(1)新規レイヤーにシェイプで好きな形を描きます。
(2)パスウィンドウを出します。
パスウインドウ下欄の点点点で丸になってるみたいなのを選択。(下図の③ですね)これはシェイプを「パスを選択範囲として読み込む」ものです。
(3)作業用パスを作成します。
パスウインドウ右上の三角マークをクリック、プルダウンメニューを出して、「作業用パスを作成」を選択。許容値を好みに合わせて調節。0・5くらい?1.0でもいいかな。
(4)重要!レイヤーウインドウで新しいレイヤーを作ります。
(5)ブラシツールを選択(ツールのアイコンから)して、Enterキーをクリック。
(6)あら不思議、シェイプからのパス周りにブラシが適用されています!
これが「パスの境界線にブラシを適用する」ということです。
ステッチ以外にも、ブラシはさまざまな形状のものがありますから、シェイプとの組み合わせでいろいろな表現が可能になりますね。
パスとか関係なく、ブラシでフリーハンドでステッチを描く
本ページ冒頭の「PORTFOLIO」画像はこの方式で作りました。作成した「PORTFOLIO」画像を活用している実際のサイト
http://coolbodymaker.com/wordpress/
「パスにブラシを適用」がうまく行かなくて、苦肉の策でごりごり描いたものです。
結果として、狙っていた手書き感、手作り感が出たのでこれはこれで結果オーライです。
大きいフォントのテキストにパスを設定してブラシを適用してみる
元々はこれが実現したかったのです。試行錯誤を経て出来る様になりました^^。
まず、大きいフォントのテキストを書いて、その外周を選択します。
選択する方法は
(1)クイック選択ツール(2)自動選択ツール(3)マグネット選択ツール
などあります。
なかでも(1)クイック選択ツールが便利だと思います。
下記はクイック選択ツールです。クイック選択ツールのポインターでさっと文字をなでるだけで希望の部分が選択されています。
ブラシ適用すると。おお〜!。これこれ、これがやりたかったのです!
※こちらの記事を参考に作成しました。
http://blog.caraldo.net/2008/03/photoshop_2.php