パターン素材を壁紙のように使った、インテリアコラージュを作ろう!

著者:堀野 まり
M&M 使用例の作り方ハウツー
  • このエントリーをはてなブックマークに追加
  • Pocket
パターン素材を壁紙のように使った、インテリアコラージュを作ろう!

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

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

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

 

2 フレームを配置します。

howto-damask5

フレームで囲まれたコラージュを制作する時は、サイズを確定するためにフレーム素材から配置します。 フォトショップ・エレメンツで、ベースになる素材「羽のようなモチーフの白いフレーム」を開きます。 今回はブログに配置できるサイズに調整します。

「羽のようなモチーフの白いフレーム」素材を選択後、「ファイル」 →「サイズ変更」→「画像解像度」を開き、 「画像の再サンプル」にチェックが入っていることを確認してから、 「ピクセル数」の「幅」を 600px(またはお好みの幅)にします。 レイヤーに「フレーム」と名前をつけておきましょう。 この「フレーム」レイヤーは常に一番上になるようにします。

3 【パターン素材】ダマスクシリーズを開きます。

【パターン素材】ダマスクシリーズを開きます。サンプルでは「ダマスクa 015」を使用します。M&Mの素材は印刷にも対応できるよう 解像度360で販売しているものが多いです。この【パターン素材】ダマスクも解像度360なので Web用に解像度を72に変更します。「【パターン素材】ダマスクa 015」素材を選択後、 「ファイル」 →「サイズ変更」→「画像解像度」を開き、「画像の再サンプル」にチェックが 入っていることを確認してから、「解像度」を 72にします。

4  ダマスク画像を複製し4つを合成します。

howto-damask6

小さなサイズになったダマスク画像を、先ほどのフレームの下にコピー&ペーストします。 レイヤーは「フレーム」レイヤーの下に移動しましょう。「壁紙」と名前をつけます。 「壁紙」レイヤーを選択したまま、右クリックまたはレイヤーパレットのメニューから 「レイヤーを複製」を選択します。真上に重なるので、複製された方のレイヤーを選択し、 移動ツールでダマスク画像をシフトキーを押しながら真横に移動します。 

 

howto-damask7

ダマスク柄が ピッタリ合うよう調整し、右クリックまたはレイヤーパレットのメニューから 下のレイヤーと結合を選択します。結合したレイヤーをを選択しレイヤーを複製を選択します。 今度は移動ツールでダマスク画像をシフトキーを押しながら真下に移動します。ダマスク柄が ピッタリ合うよう調整し、右クリックまたはレイヤーパレットのメニューから 下のレイヤーと結合を選択します。壁紙が1枚になりました。移動ツールで角を持ち、フレームのサイズに合うよう「壁紙」を縮小します。

5 床を作り、モールディングを配置します。

howto-damask9

 床をつくります。床は画像ではなく、直接白い色を入れて作ります。「壁紙」レイヤーの上にレイヤーパレットのメニューから「新規レイヤー」を作り「床」と名前をつけます。「床」レイヤーを選択し、描画色を白色に設定しておきます。長方形選択ツールで床の範囲を選択し、塗りつぶしツールで白色を流し込みます。

モールディング画像を開き、コピー&ペーストで「床」レイヤーの上に配置します。モールディングがフレームからはみ出していたら、不要な部分を長方形選択ツールで囲み、消去します。

 

6 花、女の子、ハートを配置します。

 howto-damask10

女の子の画像を開き、コピー&ペーストで「モールディング」レイヤーの上に配置します。お花画像もコピー&ペースト配置しますが、レイヤーの場所は「女の子」レイヤーの下になります。花は分量の割合を見て、少し本数をへらしています(花のいらない部分をを消しゴムツールで消すか、選択範囲で選択して消去)。

女の子の足下に影を作ります。影は画像ではなく、直接灰色を入れて作ります。「床」レイヤーの上にレイヤーパレットのメニューから「新規レイヤー」を作り「影」と名前をつけます。「影」レイヤーを選択し、描画色を灰色に設定しておきます。楕円形選択ツールで影の範囲を選択し、塗りつぶしツールで灰色を流し込みます。影の位置は移動ツールで選択後、キーボードの矢印キーで微調整しましょう。

ハート画像を開き、コピー&ペーストで「女の子」レイヤーの上に配置します。ハートの上にロゴやクレジットを入れる場合は、スペースを多めに空けておきます。空けたスペースに文字ツールで文字を入力しましょう。

完成!

◇ M&M Collectionの新着情報や、楽しいお知らせが届きます。

M&Mメルマガ登録バナー

とっておきの素材たち

 

お申し込み受付中の講座一覧

 

テクニックを学ぶための講座&レッスンのご案内

このようなコラージュ加工は、Photoshop(フォトショップ )や、Photoshop Elements(フォトショップエレメンツ)などの画像編集ソフトで簡単に行えます。

また、M&M コレクションの素材を利用してのチラシ制作のレッスンお洒落でかっこかわいいカード&チラシを作る!レッスン」や、コラージュの作り方レッスン「コラージュ 2Day レッスン」もございます (コラージュ素材をたくさんお持ち帰 りいただけます)。

さらに素材から作れるようになりたい! デザインに興味がある! という方は、「イラストレーター基礎〜初級」をご受講ください。

数に限りはありますが、PC(Windows)の貸出しサービスもございます。

使用例のようなコラージュ制作を身につけるための、おすすめ講座

■ フォトショップ・エレメンツによる写真加工レッスン(基礎〜初級まで)
■ コラージュ 2Day レッスン
■ お洒落でかっこかわいいカード&チラシを作る!レッスン
■ イラストレーター基礎〜初級コース
■ フォトショップ CC 基礎〜初級コース

■ PC 貸出お申込み
■お問い合わせ(疑問点など、どうぞお気軽にお問い合わせくださいね!)

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

コメントを残す

*