ベクターのシルエットをPhotoshopとIllustratorで簡単作成!

PhotoshopとIllustratorを使い、ベクターのシルエットを簡単に作成します。

シルエットの作成方法はいくつかありますが、この方法はサクッと賑やかしを追加したい時などに重宝します。

写真を用意する必要があるなどの条件がありますが、方法の一つとしてぜひご覧ください。

リソース

制作の流れ

主な工程としては、

Photoshop

  1. 人物の切り抜き
    →[クイック選択ツール]を選択
    →オプションバーの[被写体を選択]と[選択とマスク]を選択
    →[選択とマスク]ワークスペースにて調整
  2. レイヤースタイルの[カラーオーバーレイ]で着色
  3. [CCライブラリ]パネルに追加
    →切り抜きレイヤーを選択
    →[CCライブラリ]パネル下部の[グラフィック]を選択

Illustrator

  1. 画像を配置
    →[CCライブラリ]パネルで追加したグラフィックを右クリックでコピーを配置
  2. 画像トレースでベクター化

となります。

コネクリ

ウェブデザイナーとしてキャリアをスタートして、スマートフォンの台頭によりUI/UX・ゲームデザインを担当、現在はインハウス寄りのアートディレクター兼デザイナー。
社内外のディレクション・ワイヤー設計・デザイン・コーディングを行う。
自社、受託ともにウェブ・アプリ・グラフィック・ゲームの実績多数。

個人サイトTwitterYouTubeにてPhotoshopとIllustratorの作例を発信中!

個人としての仕事は、動画制作『【アーティストに学ぶ】#33 Adobe Illustrator iPad版 xコネクリ – アドビ公式』、オンラインセミナー『朝までイラレ』『朝までフォトショ』、著書『デザインの仕事がもっとはかどるAdobe Firefly活用テクニック50』(インプレス)など。

詳しくはWorkにてご覧ください。

また、お仕事等のご依頼はContactよりご連絡くださいませ。

おすすめ書籍

PhotoshopやIllustratorの使い方についての書籍ではありませんが、イラストを主軸に活動している方は元よりデザインに関わるすべての方におすすめできる書籍です。

どちらかというと中~上級者向けの書籍で、光が色に及ぼす影響や配色の理論から技術的なテクニックまで根本から学べます。

私はディレクションすることも多々あり、今まで感覚的に伝えていた部分の言語化に大いに役立てることができました。

PREVIOUS POST PhotoshopのCaptureアプリ内拡張機能を使って写...
NEXT POST Illustratorで3D風の文字を手のまわりに光らせる魔...
PAGE TOP