• /
    • /
    • /
  • Illustratorブレンドツールで影を利用したロゴ/アイコンの制作方法
  • WEB

Illustratorブレンドツールで影を利用したロゴ/アイコンの制作方法

Illustratorブレンドツールで影を利用したロゴ/アイコンの制作方法

ブレンドツールを使ってフラットな感じのロゴ/アイコンを作ってみました。
アイコンまたはロゴがない場合は四角、三角でやってみましょ～

ブレンドツールを利用した影の作り方

背景となる四角形を作ります

背景

1.角丸長方形ツールを使って四角を作ります。これが背景になります。

ロゴを設置して影を作る準備をします

影を作る準備

1.ロゴ/アイコンなどを四角の上に配置します。
2.ロゴ/アイコンを選択し、二回コピーをする。
3.一番上にくるコピーしたレイヤーの目のマークを消し、非表示にします。

影を作る①

手順イメージ

1.ロゴ/アイコンを選択し対角線方向にshiftキーを押しながら、下の方へ移動。
2.ロゴ/アイコンの色は黒に塗りつぶします。

影を作る②

影を作る手順

1.下のロゴ/アイコンを選択し透明度0％にします。

影を作る③

作業中イメージ

1．上のロゴ/アイコンと下のロゴ/アイコンを選択します。
2．オブジェクト　▶　ブレンド　▶　作成

影を作る④

影を作成

1．オブジェクト　▶　ブレンド　▶　ブレンドオプション
2．距離選択し1pxにします。

影の濃さを調整します

調整イメージ

1．ウィンドウ　▶　透明
2．乗算を選択、透明度：10%~15% 適当に好きな透明度でOK

ロゴを乗せます

ロゴを乗せる

1．一番上にあるロゴ/アイコンレイアの目を付けます。

はみ出た部分の処理をします

後処理イメージ
作業中イメージ

1．背景の四角ボックスをctrl+cコピー、ctrl+ｆ同じ場所に貼り付けて一番上にドラックアンドドロップ。
2．blendをさせたパーツと四角ボックスを全選択し、マウス右クリック　▶　クリッピングマスクをかけます。

完成

完成

完成です。少し違う雰囲気になると思いますがいかかがでしょうか。簡単に影を作れるので、いろんなところに応用できると思います。

応用

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

マロが最近書いた記事

WRITERS POSTS もっと見る

すべてのカテゴリー

シリーズ

ちーむ別の記事をみる

Go-Next人気の記事

RANKING

他にもこんな記事が読まれています！

  • WEB
  • マーケティング
  • サーバー・ネットワーク
  • ライフスタイル
  • お知らせ