基本に立ち返りPhotoshopの切り抜きとマスクをテーマにフォトフレーム風のコラージュを作成するスピードアートです。
マスクはレイヤーマスク、グループマスク、クリッピングマスクの3つを使っているのでマスクに今一つ苦手意識がある方はぜひご覧ください！
後半はグラデーション、境界線、ドロップシャドウとこちらも簡単なレイヤースタイルを使っております。
リソース
制作の流れ
主な工程としては、
- 「被写体を選択」と「選択とマスク」を使って人物を切り抜く
→不要なカラーの除去にチェック - 長方形ツールを使ってフォトフレーム（白と黒）を作成
- 人物（切り抜き）と複製した背景込みの人物写真をフォトフレームの上レイヤーに移動
- 人物（背景込み）レイヤーをフォトフレームの黒に対してクリッピングマスク
- フォトフレーム（白と黒）を傾ける
- フォトフレーム（黒）のサムネイルをCtrl+左クリックで選択範囲を作成してグループを作成、グループに対して選択範囲でマスクを作る
- 人物をグループに入れて、グループのマスクをブラシで塗る
→マスクを塗る際のブラシの描画色は、白で塗ると表示、黒で塗ると非表示
→ブラシはソフトブラシだと輪郭がボケるので今回はハードブラシに
→ブラシを選択して右クリックで確認できます - フォトフレーム（白）をグループ化して、グループの上に空レイヤーを追加、空レイヤーをグループに対してクリッピングマスク
- 空レイヤーを黒で塗り影を作る
- フォトフレーム（白）に対してレイヤースタイルでグラデーションと境界線、フォトフレーム（黒）に対して境界線
- フォトフレーム（白）のグループに対してドロップシャドウ
となります。
コネクリ
ウェブデザイナーとしてキャリアをスタートして、スマートフォンの台頭によりUI/UX・ゲームデザインを担当、現在はインハウス寄りのアートディレクター兼デザイナー。
社内外のディレクション・ワイヤー設計・デザイン・コーディングを行う。
自社、受託ともにウェブ・アプリ・グラフィック・ゲームの実績多数。
個人サイトやTwitter、YouTubeにてPhotoshopとIllustratorの作例を発信中！
個人としての仕事は、動画制作『【アーティストに学ぶ】#33 Adobe Illustrator iPad版 xコネクリ – アドビ公式』、オンラインセミナー『朝までイラレ』『朝までフォトショ』、著書『フォトショ 魔法のデザイン』（ソーテック社／共著）など。
詳しくはWorkにてご覧ください。
また、お仕事等のご依頼はContactよりご連絡くださいませ。
おすすめ書籍
リンク
PhotoshopやIllustratorの使い方についての書籍ではありませんが、イラストを主軸に活動している方は元よりデザインに関わるすべての方におすすめできる書籍です。
どちらかというと中～上級者向けの書籍で、光が色に及ぼす影響や配色の理論から技術的なテクニックまで根本から学べます。
私はディレクションすることも多々あり、今まで感覚的に伝えていた部分の言語化に大いに役立てることができました。
