コラージュバナー作る

人物小物切り抜きテキスト追加SNSなど使用するコラージュ制作ましょ

チュートリアル

すべて手順わかる短いチュートリアルビデオご覧ください

次にAdobe Photoshop無料体験練習サンプルアセットダウンロードます

アセット

クリックするアセットダウンロード始まります

01. 新規ファイル開く

スタート画面新規ファイルクリック1600px×1600px正方形新規ドキュメント作成ます

 

jp-ypyp-lifestyle-220215

02. 画像配置する

サンプルアセットfumiami_4-1.jpgfumiami _4-2.jpg

fumiami_4-3.jpgfumiami_4-4.jpgfumiami_4-5.jpgfumiami_4-6.jpgfumiami_4-7.jpg画像7すべてドラッグドロップますサイズ位置特に変更1ごとreturnキーエンター確定ます

jp-ypyp-lifestyle-220215

03. 写真切り抜き位置サイズ調整する1/3

ツールパネルオブジェクト選択ツール対象ドラッグ選択レイヤーパネル下部レイヤーマスク追加ボタンクリックする小物だけ切り抜かます切り抜いレイヤーレイヤーパネル左側あるマーククリック表示ます同じ手順小物切り抜いいきます

 

03. 写真切り抜き位置サイズ調整する2/3

人物選択範囲被写体選択自動選択レイヤーマスク追加切り抜きます切り抜いレイヤーレイヤーパネル左側あるマーククリック表示ます同じ手順人物切り抜きましょ

 

03. 写真切り抜き位置サイズ調整する3/3

全て小物人物切り抜きできたらレイヤーパネル左側あるマーククリックレイヤー全て表示移動ツール使いレイヤー位置調整いきますサイズ編集自由変形クリック調整ましょ 自由変形ショートカット使えますMac:⌘+TWindowsCtrl+T

04. 調整する1/3

帽子バッグブーツ暗いため明るく補正ます一気に効果かけたいため3レイヤー選択レイヤーパネル下部新規グループクリックグループますグループMac:⌘+GWindowsCtrl+G ショートカットできますグループレイヤーレイヤーパネル下部調整レイヤーからトーンカーブ追加ます

 

jp-ypyp-lifestyle-220215

04. 調整する2/3

グループレイヤーのみ効果かけたいためクリッピングマスク設定ますもしくはグループトーンカーブ境界MacoptionクリックWindowsAltクリック )ショートカットできますグループレイヤートーンカーブ入力115出力149設定写真明るく補正ます

04. 調整する3/3

人物1だけやや暗いので調整ます効果かけたいレイヤートーンカーブ追加MacoptionクリックWindowsAltクリック )クリッピングマスク設定ますトーンカーブ入力117出力133設定写真明るく補正すること全体ムラなくすことできます

 

05. 背景作る1/2

カラー背景作りますレイヤーパネル下部調整レイヤーからべた塗り追加ます今回背景薄いピンクたいためカラーピッカーたら fee6ff 指定変わったらベタ塗りレイヤー一番下げます

05. 背景作る2/2

べた塗りのみフラット印象なっしまうため質感追加ますフィルターノイズ加えるクリックます今回グレースケールノイズチェック入れ5%程度ノイズ加えます

jp-ypyp-lifestyle-220215

06. Adobe Fontsからフォント選びアクティベートする1/2

まずは文字パネルフォントタブクリック上部あるAdobe Fonts追加Adobe Creative CloudアイコクリックますAdobe Fontsページ移動するので今回使用するフォントハッピールイカページ検索入力ましょ

06. Adobe Fontsからフォント選びアクティベートする2/2

フォントダウンロードする選んフォントファミリー表示クリックます全て一括ダウンロードする場合ページあるフォントアクティベートスライドますフォントアクティベーション完了まし表示出れフォント使用可能なります同じ手順下記フォントアクティベートましょBroadacre HairlineモッチーポップP

jp-ypyp-lifestyle-220215

07. 文字加える1/2

テキストツール文字打っいきましょほどアクティベート雑誌フォント選びサイズカラー指定ます今回フォント下記使用ます

 

1234モッチーポップP/200px

jumelleハッピールイカ/50px

PINK COLLECTIONBroadacre Hairline 4/70px

wool bucket hatboston hand bagcoco short bootsハッピールイカ/35px

07. 文字加える2/2

フチ文字する該当するテキスト選択レイヤー塗り0%ます レイヤー効果境界選択フチカラーサイズ()設定ます今回サイズ3px不透明60%設定背景馴染ませる文字配置ます

 

その他のチュートリアル

fumiamiさんの写真編集テクニックの続きをご覧ください。

draw-a-rough-sketch

背景の写り込みを消す

draw-a-rough-sketch

背景を合成する

draw-a-rough-sketch

人物をキレイに目立たせる

draw-a-rough-sketch

コラージュバナーを作る

ファッションブランドjumelle | ジュメロCEO/

インフルエンサー

fumiami

人気ファッションブランドjumelleジュメロ運営する双子インフルエンサーファッションメイクライフスタイル中心投稿学生とき始めモデル活動を通して2ファッションブランド立ち上げるブランド現在SNSオンラインショップ中心販売おり写真編集自ら手がける

コラージュ作成する画像1モノ引き出すことできるです

Creative Cloudロゴ

すべての人に「つくる力」を

写真、ビデオ、グラフィックデザイン、イラストなど、あらゆる創造力に応えるツールが揃っています。