2013年1月18日金曜日

◆ロゴデザイン

ドロップシャドウを作る

ドロップシャドウというのは良く見かける文字に影を付ける効果

フィルターを使ったドロップシャドウ
  • 「ファイル」「新しい画像」で背景色が白の新規画像を作る
    image
  • 「ツールボックス」の「テキスト」ツールを選択し文字を書く
    image
  • 通常はそのままで良いのだろうが、文字を移動させたりしたときにレイヤーがはみ出るのがなんとなく嫌なので「レイヤー」「レイヤーの自動切り抜き」を行っておく
    imageimage
  • 「フィルター」「照明と投影」「ドロップシャドウ」を選択
    image
  • 「ドロップシャドウ」ダイアログが表示されるのでそのままOK
    image
  • ドロップシャドウが表示される(ドロップシャドウはそれ自体が別のレイヤーになる)
    image
  • 表示位置を移動させたいときは「文字」と「Shadow」のレイヤーを連結してから「移動」ツールを使うと一緒に移動してくれる
    imageimage
    image
  • ぼかし半径を大きくするとこんな感じ
    image
  • オフセットも大きくするとこんな感じ
    image
選択範囲からドロップシャドウを作る
  • 文字を入力する
  • 「レイヤー」ダイアログでテキストレイヤーのアイコン部分を「Alt + マウスクリック」もしくはコンテキストメニューから「不透明部分を選択範囲に」をクリック
    image
  • 「選択」メニューから「境界をぼかす」を選択し表示されたダイアログで「縁をぼかす量」を指定する(すこし大き目が良さそう)
    image
  • 「レイヤー」ダイアログで背景レイヤーを選択し「新規レイヤー」ボタンでレイヤーを追加(テキストレイヤーの下に追加される)
    imageimage
  • 「ツールボックス」で描画色を黒にする
    image
  • 「シャドウ」レイヤーを選択し、「編集」メニューの「描画色で塗りつぶし」を選択して選択範囲を塗りつぶす
    image
  • 「シャドウ」レイヤーが「文字」レイヤーと重なりすぎているので、「移動」ツールを選んでずらしてあげると良い。
    その時、「シャドウレイヤー」を選択したうえで「ツールオプション」で「アクティブなレイヤーを移動」を選択すると効果を見ながら作業ができる。
    image
レイヤーをコピーしてシャドウにする
  • 文字入力をする
  • 「レイヤー」ダイアログでテキストレイヤーをコピーする
    image
  • 追加されたレイヤーの名前を「シャドウ」に変更
    テキストレイヤー非表示
    シャドウレイヤー選択
    「塗りつぶし」ツールで黒に塗りつぶす
    image
  • 「フィルタ」「ぼかし」「ガウスぼかし」で適当量のぼかしを入れてあげる
    image
  • テキストレイヤーを表示させれば
    image
  • あとは先ほどと同様に好みに合わせてシャドウをずらしてあげればよい
    image
ドロップシャドウを鏡面のように表示する
  • 先ほど作ったドロップシャドウの「シャドウ」レイヤーを「鏡面反転」ツールで垂直に反転させる
    image
  • 「移動」ツールでシャドウをテキストの下側に移動する
    image
  • 「遠近法」ツールで変形
    image
    image
  • シャドウの色が濃いので薄めたいところだがここら辺の調整がまだ判っていないので、とりあえず「色」「明るさ・コントラスト」で「明るさ」を調整してみた
    image

    image
  • 「色」「着色」で適当に調整するとこんな感じ(こっちの方が良い感じ?)
    image

パターンになじませた文字を描く

  • 「ファイル」「新しい画像」を開く(背景は白)
  • 「塗りつぶし」ツールを選択
    image
  • 「ツールオプション」で「塗りつぶし色」の「パターン」(recessed)を選ぶ
    image
  • パターンで塗られる
    image
  • 「色」「着色」を開いて適当な色を塗る
    image
    image
  • 「テキスト」ツールでテキストを入力
    image
    image
  • 「レイヤー」ダイアログの「モード」コンボボックスで「標準」以外のモードを選んでみる。(ここでは「色相」を選んだ)
    image
  • するとテキストにも「パターン」が表示された感じになってくれる
    image
文字の枠でかたどる
  • テキストを描画
    image
  • テキストレイヤーを右クリックして「テキストをパスに」
    image
  • 新規レイヤーを追加し、テキストレイヤーは非表示にする
    image
  • パスダイアログを開き追加されたパスを右クリックして「パスの境界線を描画」を選択
    image
  • 「パスの境界線を描画」ダイアログが表示されるので「描画」ボタンをクリック
    image
  • 文字の枠が描画できた
    image
  • ダイアログで「描画ツールを使用」を選択して「ブラシで描画」を選ぶとこんな感じになる(ここではピーマンのブラシを選択した)
    image


0 件のコメント:

コメントを投稿