運動会やパーティでよく見る旗!フラッグガーランドの作り方【photoshop(フォトショップ)】

Photoshopで作るフラッグガーランド

この記事の前提条件

対象: Photoshop CC以降(最新バージョンでも同じ手順で操作できます)
難易度: ★★☆
所要時間: 約15分

運動会やパーティー会場でよく見かける、三角形の旗が連なったあの飾り。実は「フラッグガーランド」という名前があります。今回はこのフラッグガーランドをPhotoshopで作る方法をご紹介します。

パスを使って作成するので、あとから長さや角度を自由に調整できるのがポイントです。イベントのバナーやチラシのワンポイント装飾としても使いやすい素材です。

1. パスを作成する

ペンツール(P)で、旗を並べるためのパスを作成します。厳密なカーブでなくてOKです。長さや角度はあとから調整できるので、まずはサクッと作ってしまいましょう。

ペンツールでフラッグガーランドの土台になるパスを作成した状態

2. テキストツールで三角形の旗を作成する

旗の部分はテキストツールで作成します。日本語入力で「さんかく」と入力して変換すると「▼」が出てくるので、これを使用する色の数だけ入力します。今回は緑・黄色・水色・赤の4色を使いたいので、4つの三角形を用意しました。

この段階で三角形にそれぞれ色をつけておきます。1つずつドラッグで選択して色を変更していく作業なので、地味に手間がかかりますが、ここで丁寧に色分けしておくと後工程がラクになります。

テキストツールで作成した色違いの三角形(▼)が4つ並んだ状態

3. 作成したパスに三角形をペーストする

手順1で作成したパスに、三角形をペーストしていきます。テキストツールを選んだ状態でパスの上にカーソルを持っていくとカーソルの形が変化するので、そのタイミングでクリックするとパス上に文字を配置できます。元の三角形はもう不要なので消してしまって問題ありません。

パス上に三角形の旗を配置し始めた状態

パスの角度や長さが気に入らない場合は、パス選択ツール(A)で調整できます。このとき選択するのは「パスそのもの」にしてください。文字部分を選んでしまうと、パス上の文字の位置がずれるだけの操作になってしまいます。

パス選択ツールでフラッグガーランドの角度と長さを調整している様子

4. 完成

うまく配置できたら完成です。今回はレイヤースタイルの「ドロップシャドウ」を軽く加えて、旗に立体感を出しています。

完成したフラッグガーランドの画像
💡 実務での注意点・応用アイデア

三角形の形はフォントによって変わるので、いろいろなフォントで試してみるのがおすすめです。また、三角形の中にパターン(柄)を適用すれば、単色ではなく水玉やストライプ柄のフラッグガーランドも作れます。印刷用途で使う場合は、仕上がりサイズに対して解像度(300dpi目安)が足りているかも忘れずに確認しましょう。

パスを使って線をあしらう表現は、画像に線をつける方法【Illustrator】でも扱っているので、あわせてチェックしてみてください。

まとめ

  • フラッグガーランドは、パスに沿ってテキストの三角形を配置することで作成できる
  • パス選択ツールで、あとから長さ・角度を自由に調整できる
  • フォントを変えると三角形の形が変わるので、いろいろ試すのがおすすめ
  • 三角形にパターンを適用すれば、柄付きのガーランドにもアレンジできる