Adobe認定トレーニングセンター

Photoshop

レイヤースタイルで立体文字を作ろう

使用ソフト: Photoshop CC 2018  

Photoshopの「レイヤースタイル」は、レイヤー内のオブジェクトに様々な効果を追加することが可能です。
ここでは、文字を立体にする基本的な作成方法を説明します。

基本的な立体文字を作ってみましょう

まず適当な文字を入力します。
ここでは例として「GRAPHIC」と入力しました。

レイヤーパネルの文字レイヤーを右クリックし、一番上の「レイヤー効果」を選択します。

レイヤースタイルダイアログボックスが開きます。
左に並んでいる効果の「ベベルとエンボス」を選択します。

選択すると様々な効果の設定画面が表示されます。ここの数値などをいじって好みの立体文字にしましょう。

スタイルやテクニックの種類によって表現方法は異なりますので、色々と試してみてください。
注意:スタイルの「エンボスの境界線を描く」というのがありますが、これは「境界線」効果を適用している場合に、その境界線にエンボス効果を適用します。

光の位置を決める角度や高度についてです。
角度は光の当たる方向で、高度は0度に近いほどハイライトの強さが上がります。
ハイライトのモードは光の部分の色で、シャドウのモードは影の色です。

例ではベベル(内側)を適用し、ハイライトは白、シャドウは青に設定しました。光の角度(光源)は左上に設定していますので、その位置から光が当たっています。

レイヤースタイルでは、複数の効果をつけられます。
ここではさらにグラデーションオーバーレイとドロップシャドウを追加してみました。

シンプルですが、これだけでも立体感のある文字が完成しました。

以上、立体文字の基本的な部分の説明でした。レイヤースタイルの設定次第で様々な表現が作れますので、ぜひ試してみてください。

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

関連記事

  1. Photoshop

    横(縦)の長さが足りない写真に背景を追加しよう

    せっかく理想に近い素材写真を見つけたのに、アスペクト比(縦横の比率)が…

  2. Photoshop

    ヴァニシング・ポイントを使った合成画像の作成

    Photoshopの機能の一つ「Vanishing Point」を使用…

  3. Photoshop

    モザイクを入れよう!

    フォトショップ(Photoshop)を使って、人の顔とかちょっと見せた…

  4. Photoshop

    好きな色に変える! 色相・彩度の使い方

    photoshopの色調・彩度使って 1ポイント色を変えていきます…

  5. Photoshop

    選んだ色から選択範囲を作ろう[色域指定]

    色域指定とは色域指定とは、画像の中の特定の色を指定して、選択範囲を…

  6. パペットワープで犬を笑顔にしてみる

    Photoshop

    犬を笑顔にしてみる

    動物はどんな表情をしていても可愛いですよね。でもニッコリした表情だ…

CodeCamp

最近の記事

  1. 黄色いバラの花
  2. 左右で画面の明るさを分けたハンバーガー
  1. Photoshop

    超簡単!?自然な移動と削除
  2. Photoshop

    非破壊処理で逆光を描画
  3. Illustrator

    波のような文字と段組み
  4. Illustrator

    袋文字の作りかた
  5. Illustrator

    インド国旗を作ろう!その③
PAGE TOP