BLOG

Photoshopでお守りを作成する方法

誰得か分からないPhotoshopでお守りを作る方法

Photoshopでお守りを作成する方法【謎メイキング】

どうも、ぺとらです。

本日は誰得なのか分かりませんが、Photoshopでお守りの素材を作る方法を紹介したいと思います。

年末年始なのでもしかしたら、クライアントが「ちょっとここにお守り入れてよ。そうだなぁ、文字は ”森羅万象” でお願い!」とか、謎すぎる希望を出してくるかもしれません。

「森羅万象なんて何から守ってくれるんだよ……」って思いながら、お守りの素材作る時にでも参考にしてもらえればと思います。

本体の形を作る

Photoshopでお守りを作る方法1

まず角丸のシェイプツールで縦長の図形を作成します。
ちなみに上図は角丸5pxです。

上の台形部分を作る

Photoshopでお守りを作る方法2

上部を作るためにもう一つ短めの角丸の長方形を作成しましょう。
これも同様に角丸5pxぐらいで良いと思います。

上の台形部分を整える

Photoshopでお守りを作る方法3

台形部分を作るために、シェイプのパスを調整しなければいけませんので、パス選択ツールを選択しましょう。どこにあるのか分からない人は上図を参考にして下さい。

Photoshopでお守りを作る方法4

パス選択ツールで角丸の右端のアンカーポイント2つを選択します。
細かくてなかなかアンカーポイントが選択できない人は、これでもかと言う程、キャンバスを Ctrl+ かズームツールで拡大して作業しましょう。

Photoshopでお守りを作る方法5

アンカーポイントを選択した状態で、Shift+← で左に移動すると選択したアンカーポイントが動きます。

Photoshopでお守りを作る方法6

下の方に違和感を感じるので下のパスだけ選択してアンカーポイントを調整してなだらかな角丸にします。
これで調度良い台形になるまで、真ん中に寄せていきましょう。

Photoshopでお守りを作る方法7

右側ができたら左側も同様に角丸を調整して、下の長方形と合体すれば、お守りの本体になるベースが出来上がりました。

本体の色を付ける

ベースができたらレイヤースタイルで色や効果をつけていきましょう。
※ベースのシェイプが別れている場合は、レイヤー → レイヤーの結合 で、結合しておきましょう。

Photoshopでお守りを作る方法8

まずはグラデーションオーバーレイ。
角度0の状態で、 #ce1b1b#e34848 を使いました。

Photoshopでお守りを作る方法9

続いて光彩の内側で光が当たる部分を作ります。
今回は #e67579 で追加しましたが、分かりにくいかもしれませんね。

立体化を表現する光については過去に書いたこの記事も参考になると思います。
Illustratorで立体を意識したダンボールを作る方法

Photoshopでお守りを作る方法10

最後にサテンで気持ち、艶や光沢感を追加します。

Photoshopでお守りを作る方法11

上記のレイヤースタイルで適用後はこんな感じに仕上がります。

本体の質感を付ける

質感がほしい人はここで、ベース部分のレイヤーを複製して、質感になるレイヤースタイルを上から作っていきます。

Photoshopでお守りを作る方法12

複製したレイヤーのスタイルはパターンオーバーレイを使いましょう。今回は無難にデフォルトで入ってる「アーティスト」の最後から二番目を使いました。
色々パターンを試してみるのも質感をアップさせるコツです。

Photoshopでお守りを作る方法13

上記のレイヤースタイルで適用後はこんな感じです。
元あるレイヤーにパターンオーバーレイを重ねるか、描画モードを使うだけでも質感は変わってきますね。

お守りの紐部分を作る

最後にお守りについているを作ります。

Photoshopでお守りを作る方法14

まずなんとなく輪っかの部分を作ります。
1つ作ったものを複製して組み合わせる+境界線でゴリ押しで作りました。

Photoshopでお守りを作る方法15

真ん中の結んでるような部分は角丸シェイプツールで、丸み40px程の長方形作り、組み合わせてゴリ押しで再現しました……。

より本物っぽく作りたい場合は、よーく本物や写真を観察すれば、紐の部分がどうなってるか分かると思うのですが、この時点であまり観察しないと後々後悔します。
最終的に縮小するのでそこまでこだわらないよ! って言う人はすっとばして何となくで参考にしてもらえればと思います。

紐と本体を組み合わせる

Photoshopでお守りを作る方法16

作成した紐の部分を本体の上にのせます。
ドロップシャドウを薄く付けると馴染みますよ。
(よく見たら紐の下にも結び目があったので、後乗せですが追加してみました。)

文字をのせて完成

Photoshopでお守りを作る方法17

最後に好きな文字を上にのせれば完成です。
後ろの紐はお好みで作ってみて下さい。

Photoshopでお守りを作る方法18

質感を出すのに和っぽいテクスチャや画像を重ねるだけでも、それっぽくなるのでおすすめです。
上図はとにかく四文字熟語置いてみただけなので、後でお守りに心の中で謝っておきますね。

それではまた、次回お会いしましょう! アデュー!!

WEBデザイナー ぺとら
著者.
WEBデザイナー ぺとら
役職.
WEBデザイナー

トランシルバニア星雲・トランスセクシャル星出身。 地球に舞い降りた銀河系WEBデザイナー(2023年現在 WEBデザイナー歴15年)で、主にWordPressのカスタマイズや機能の提案、レタッチ・写真加工が得意。現在は母星でテレワーク中。