扇子は、細い骨を 1 点 (要) を中心に放射状に並べ、その上のほうに紙 (扇面) を張った形をしています。形の規則がはっきりしているので、Photoshop の変形と選択範囲の機能を組み合わせると、きれいに描けます。ここでは、手順の考え方を順に説明します。メニューの名前やショートカットは版によって違うことがあるので、使っている版に合わせて読み替えてください。
下準備: 要の位置と、開く角度を決める
新しいドキュメントを作り (例: 幅 1600 px、高さ 1000 px、RGB)、扇子の要の位置を決めます。扇子は下の 1 点から上へ開くので、要は画面の下のほう、左右の中央に置くとバランスが取れます。定規を表示してガイドを引き、要の位置で縦と横のガイドが交わるようにしておくと、あとで中心を合わせやすくなります。
次に、扇子を開く角度と、骨の本数を決めます。たとえば、開く角度を 140 度、骨を 15 本にすると、骨と骨のあいだは 14 か所なので、1 本ごとに 10 度ずつ回転すればよいことになります。最初の骨は、真上から左へ 70 度傾けた位置に置きます。
骨を回転しながら複製する
- 新しいレイヤーに、細長い長方形を描きます。これが 1 本の骨です。下の端を要の位置に合わせ、色は竹や木を思わせる茶色にします
- 自由変形 (Ctrl + T、macOS では Command + T) を始め、回転の中心になる基準点を、骨の下の端 (要の位置) に移します。オプションバーの角度の欄に -70 を入れて確定すると、骨が左へ傾きます
- 複製しながら自由変形する操作 (Ctrl + Alt + T、macOS では Command + Option + T) を行い、基準点を要に移して、角度に 10 を入れて確定します。2 本めの骨ができます
- 直前の変形を、複製しながらくり返す操作 (Ctrl + Shift + Alt + T、macOS では Command + Shift + Option + T) を、骨が 15 本になるまで続けます
版によっては、自由変形のときに基準点が表示されないことがあります。その場合は、オプションバーで基準点を表示する設定をオンにします。
複製した骨が新しいレイヤーになるか、同じレイヤーの中に入るかは、選択範囲の有無やレイヤーの種類によって変わります。新しいレイヤーに分かれたときは、骨のレイヤーを 1 つのグループにまとめておくと扱いやすくなります。
左右の端の 2 本は、実物では親骨と呼ばれる太い骨で、扇面の手前に来ます。端の 2 本だけを複製して別のレイヤーにし、少し太くしておきます。内側の骨 (中骨) は、扇面の後ろに置きます。
扇面を扇形の選択範囲で作る
扇面は、要を中心とした大きな円と小さな円にはさまれたドーナツ形のうち、開いた角度の部分だけを切り取った形です。
- 楕円形選択ツールで、要を中心に大きな円を選択します。要の位置からドラッグを始め、そのあとで Alt (macOS では Option) と Shift を押すと、ドラッグを始めた点を中心にした正円になります。半径は、骨の先が少し出るくらいにします
- オプションバーで、選択範囲から削除するモードに切り替え、同じように要を中心にした小さな円を選択して、内側をくり抜きます。扇面は骨の上のほうだけに張るので、小さな円の半径は骨の長さの 4 割ほどにします
- 多角形選択ツールで、開いた角度の外側 (下のほう) を囲んで選択範囲から削除します。両端の骨に沿って、要から斜め上へ線を引くようにすると、扇形になります
- 新しいレイヤーを作り、選択範囲を塗りつぶします。これが扇面の土台です
選択範囲の代わりに、シェイプやパスで同じ形を作っておくと、あとから大きさや形を直しやすくなります。
和柄とグラデーションで仕上げる
扇面のレイヤーの上に、柄や陰影のレイヤーを重ね、クリッピングマスクで扇面の形に切り抜きます。クリッピングマスクは、下のレイヤーの形の中だけに、上のレイヤーを表示する機能です。レイヤーパネルで、2 つのレイヤーの境目を Alt (macOS では Option) を押しながらクリックすると設定できます。
- 和柄: 青海波 (重なった半円が波のように並ぶ文様)、麻の葉、市松、七宝などの伝統的な文様が合います。小さな図柄を 1 つ描き、「パターンを定義」で登録すると、レイヤースタイルのパターンオーバーレイなどで敷き詰められます。素材集などの柄を使うときは、利用の条件を確かめてください
- 折り目: 扇面は細かく折られているので、骨の角度に合わせて、明るい帯と暗い帯が交互に並ぶ陰影を付けると立体感が出ます。骨と同じ手順で、要を中心に細い三角形を回転しながら複製し、描画モードを乗算にして、不透明度を下げます
- 色: 朱、藍、金のような和の色を使うと雰囲気が出ます。グラデーションツールで、要を中心に円形のグラデーションをかけると、外側に向かって色が変わる、柔らかな印象になります
要には、小さな円に金属らしいグラデーションをかけた金具を置きます。
レイヤーの重ね順
上から順に、次のように重ねます。
要 (金具の円)
親骨 (左右の 2 本)
折り目の陰影 (扇面にクリッピングマスク)
和柄 (扇面にクリッピングマスク)
扇面
中骨 (内側の骨)
背景
扇面の後ろに中骨を置くと、扇面の下の端から、骨の根元だけが見える形になります。親骨は扇面の手前に重ね、要の金具をいちばん上に置きます。仕上げに扇子全体をグループにまとめ、ドロップシャドウを付けると、背景から少し浮き上がって見えます。
保存はレイヤーを残した PSD 形式で行い、Web に載せるときは、別に PNG などで書き出します。書き出したときのファイルサイズについては、保存し直すとファイルサイズが増える理由の記事 も参考にしてください。
まとめ
- 先に要の位置と、開く角度・骨の本数を決め、1 本ごとの回転の角度を計算しておく
- 骨は、基準点を要に移して、回転しながら複製する
- 扇面は、大小の円と角度の範囲を組み合わせた選択範囲で作る
- 和柄や折り目の陰影は、クリッピングマスクで扇面の形に収める
- 重ね順は、下から背景、中骨、扇面、柄と陰影、親骨、要