フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

著者:堀野 まり
M&M 使用例の作り方ハウツー
  • このエントリーをはてなブックマークに追加
  • Pocket
M&M フラワーエンブレム1

1 こちらのコラージュで使用している素材は、下の画像からM&Mコレクション素材ページにリンクしていますので、全てダウンロードでご用意いただけます。

M&M コレクションの素材を使って、上のようなコラージュを作成します。
Adobe Photoshop Elements(フォトショップ エレメンツ)を使用しながら、下記にピックアップした素材を使って、どんな手順で制作するかをご紹介いたします。

まず、素材を用意しましょう。
直接販売ページにリンクしていますので、すぐお手元にダウンロードできます。

 

 

2 ベースになるフレーム素材を開き、web用にサイズ調整します。

M&Mの素材は印刷にも対応できるよう、解像度360で販売しているものが多いです。この「フレーム エンブレム1」素材も解像度360です。今回は仕上がりの画像の用途がWeb用という想定で解像度をWeb用に変更するとともに、フレームの外側に広がるフラワー素材や、下のリボン素材を配置するための作業領域も広げていきます。

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(1)フレームで囲まれたコラージュを制作する時は、サイズを確定するためにフレーム素材から配置します。フォトショップ・エレメンツでベースになる素材「フレーム エンブレム1」を開きます。

(2)「フレーム エンブレム1」素材を選択後、「イメージ」→「サイズ変更」→「画像解像度」を開き、「画像の再サンプル」にチェックを入れて「解像度」を 150に設定します。

 

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(3)次にエンブレム画像のサイズはそのままで、まわりの作業領域のみを広げます。今回は数値指定をして調整しましょう。「フレーム エンブレム1」素材を選択後、「イメージ」→「サイズ変更」→「カンバスサイズ」を開き、「相対」のチェックが外れていることを確認します。変更後のファイルサイズの「幅」を1200ピクセル数、高さを1320ピクセルにします。

(4)レイヤーの名前の部分をダブルクリックし、表示名を「エンブレム」に変更します。以後、レイヤーが追加されたら、必ずレイヤー名を変更するようにしましょう(レイヤーが増えてくると名前がないと分かりにくくなるので)。

3 リボン素材を配置し、リボンに文字を入れます。

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(1)「上向きになびいているリボン ブルー」素材を開きます。

(2)リボンに沿った文字を入れる準備をします。文字ツールを選択し、あらかじめ
・文字揃え→中央
・色→白
・サイズ →26pt(見本の書体の場合)を設定しておきます。

(3)文字ツールから「カスタムパスに沿ったテキストの追加ツール」を選択し、「描画ペン」でリボンに沿ったパス(線)を描き確定します。

(4)カーソルをパスの中央でクリックし、文字を入力します。

(5)パス上の文字も普通の文字と同様、カーソルで選択して文字サイズや色、書体などを調整します。

 

4 フレームの中央にイニシャルを入れます。

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(1)「エンブレム」レイヤーを選択します。

(2)文字ツールを選択し、「横書き文字ツール」をクリック。文字揃えをテキストの中央揃えにし、エンブレムフレームの中央でクリックし、イニシャルを大文字で入力して確定します。「エンブレム」レイヤーの上にイニシャルの名前の「T」マークレイヤーができました。

(3)イニシャルのレイヤーが選択されている状態で再び文字ツールを選択し、サイズや書体を調整します。

(4)フォントカラーは文字ツールのカラーの部分をクリックしてスウォッチを表示させ、右下のカラーホイールをクリックしてカラーピッカーを表示させます。そのままエンブレムフレームの上にカーソルを重ねると、色を吸い取るスポイトに切り替わるので、エンブレムフレームの青色を吸い取り、OKします。イニシャルがエンブレムフレームの青色に変りました。

 

5 エンブレムの上に、フラワー素材を分割して配置します。

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(1)「アンティークピンクローズ アイビー 5」素材を開きます。
(2)上記の見本のように、なげなわツールでバラの上部分を選択し、バラをコピーします。

 

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(3)エンブレムフレームの右側にペーストし位置を微調整します。レイヤーに「フレーム上/右側ピンクバラ」など、自分で管理しやすい名前をつけます。

 

6 グリーンを花と花の間に差し込むように配置します。

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(1)ピンクのバラの下に小さくて可憐な白ばらを入れます。

(2)ピンクのバラの2つのレイヤーと、白ばらレイヤーの間にグリーンのツタ素材をバランスよく差し込んでいきます。

 

7 赤い実をグリーンにからめるように配置します。

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(1)花の間からのびているグリーンのツタにからめるように、赤い実を配置していきます。

(2)このあとフレームの下側にも花素材を入れていくので、この段階ではあまり盛り盛りにならないように注意しましょう。

(3)エンブレムフレームの角っこは、エンブレムの方がぱっと見てわかるように、全部隠してしまわないようにします。

 

8 同じ要領でエンブレム左側と上部の装飾をしていきます。

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(1)「アンティークピンクローズ アイビー 10」素材をエンブレム左側に配置し、移動ツールで回転させて見本のような向きに調整します。

(2)「花 ホワイトローズ 2」素材をエンブレム左側に配置し、移動ツールで回転させて見本のような向きに調整します。

(3)花素材は一部を切り抜いて配置したりしながらボリュームを調整しています。

(4)お花レイヤーの間にグリーンのツタ素材をバランスよく差し込んでいきます。更にグリーンのツタにからめるように、赤い実を配置していきます。下の方のグリーンのツタと赤い実は、エンブレムの真ん中のイニシャルに絡むように配置します。

(5)右同様、エンブレムフレームの角っこは、エンブレムの方がぱっと見てわかるように、全部隠してしまわないようにします。

(6)「ホワイトローズ ストック1」素材と「ホワイトローズ 2」を合成し、エンブレム上部に配置します。グリーンは、ホワイトローズの下からのびているような自然な感じに配置します。

(7)このあとフレームの下側にも花素材を入れていくので、この段階ではあまり盛り盛りにならないように注意しましょう。

 

9 エンブレムの後ろ側からのぞいているイメージで花素材を配置していきます。

【まずは、上部の装飾】

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(1)背後に配置する「白ばら」と「ピンクのばら」を、エンブレムレイヤーより下にレイヤーが来るように配置します。

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(2)さらに赤い実をエンブレムレイヤーより下の「白ばら」と「ピンクのばら」レイヤーの上下にバランスを見ながら配置します。

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(3)配置した赤い実に絡めるようにグリーンのツタを配置します。

 

10 同じ要領で(エンブレムレイヤーより下の)エンブレムの右側のお花の背後に装飾を追加していきます。

【右側の装飾】

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(1)エンブレムの右側のお花の背後に配置する「白ばら」「白いストック」と「ピンクのばら」を、エンブレムレイヤーより下にレイヤーが来るように配置します。

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(2)さらに赤い実を、エンブレムの右側のお花の背後(エンブレムレイヤーより下)に配置した「白ばら」「白いストック」と「ピンクのばら」レイヤーの上下にバランスを見ながら配置します。

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(3)配置した赤い実に絡めるようにグリーンのツタを配置します。

 

11 同じ要領で(エンブレムレイヤーより下の)エンブレムの左側のお花の背後に装飾を追加していきます。

【左側の装飾】

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(1)エンブレムの右側のお花の背後に配置する「白ばら」「白いストック」と「ピンクのばら」を、エンブレムレイヤーより下にレイヤーが来るように配置します。

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(2)さらに赤い実を、エンブレムの左側のお花の背後(エンブレムレイヤーより下)に配置した「白ばら」「白いストック」と「ピンクのばら」レイヤーの上下にバランスを見ながら配置します。

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(3)配置した赤い実に絡めるようにグリーンのツタを配置します。

 

12 リボンの上部と裏側(リボンレイヤーより下に)に装飾をします。

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(1)リボン左上と右下に、リボンレイヤーより下にレイヤーがくるよう、赤い実を配置します。

(2)配置した赤い実に絡めるように(リボンレイヤーより下に)グリーンのツタを配置します。

(3)次にリボン左上と右下に、リボンレイヤーより上にレイヤーがくるよう、赤い実とグリーンのツタを配置します。

 

13 蝶を配置して完成

フラワー素材とフレーム素材を使った、フラワーエンブレムを作ろう!

(1)ブルーグリーンの蝶を左上、黄色の蝶は右下にそれぞれ配置します。

完成!

 

新作フラワー素材

Mコレのフラワー素材が可愛い!!

とっても素敵なフラワー素材の新作をご紹介します〜♡

フラワー素材ページへGO

メルマガ登録がまだの方はこちらからどうぞ♪
メルマガ登録

  • このエントリーをはてなブックマークに追加
  • Pocket