ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

Homeフォトショップ講座フォトショップの基本 > Photoshopでひび割れたコンクリートにテキストを埋め込む方法

Photoshopでひび割れたコンクリートにテキストを埋め込む方法

投稿日:2009年05月12日   レベル:初心者    ソフトウェア:PhotoShop


このチュートリアルでは、Photoshopでひび割れたコンクリートにテキストを埋め込みたいと思います。


Step1:はじめに

このチュートリアルでは文字を背景のテクスチャを利用して表現する方法や、レイヤースタイルを追加してテキストを徐々に変形させたりテクスチャから浮き出させる方法を紹介します。
ここでは次のようなひび割れたコンクリートのテクスチャを使います。

背景画像

画像を右クリックして保存したら、Photoshopで開きます。

画像の解像度を75ピクセルにします。
「イメージ」−「画像解像度」を選択して画像の解像度を変更します。
このチュートリアルより大きい画像を使う場合は、サイズに沿って解像度を高くします。

コンクリートの画像の上にテキストを入力しますが、分厚いボールドフォントが最適です。

コンクリートの画像の上にテキストを入力する


Step2:1つめのテキストにスタイルを設定する

私のイニシャルの「OP」を入力します。
テキストのレイヤーをコピーして次のように非表示にします。
それから最初に入力したテキストのレイヤーで作業を行います。

最初に入力したテキストのレイヤーで作業を行う

テキストのレイヤーをコピーして非表示にする

光彩(内側)の設定

レイヤーをダブルクリックしてレイヤースタイルの設定画面を表示させます。
今回は「光彩(内側)」の設定のみを行います。

描画モード:焼きこみカラー
不透明度:50%−65%
エレメントのサイズ:約50px

好みに応じて調整できますが、次の設定を使うこともできます。

レイヤースタイルを設定する

このレイヤーの作業はこれで完了です。


Step3:2つめのテキストにスタイルを設定する

コピーしたテキストのレイヤーを表示させます。
このレイヤーには4つのレイヤースタイルを設定して効果をつけます。

ドロップシャドウの設定

レイヤースタイルの設定画面を表示させたらまずドロップシャドウを設定します。
黒:不透明度30%
距離:4px
サイズ:10px

ドロップシャドウの設定

ベベルとエンボスの設定

このレイヤースタイルでテキストを浮き出させます。

スタイル:ベベル(内側)
テクニック:シゼルハード
深さ:1000%
サイズ:8px
角度:122度
高度:64°

ここでは「光沢輪郭」を使います。
「光沢輪郭」はここからダウンロードしてください。

ハイライトのモード:ビビッドライト、明るめのグレーの不透明度100%
シャドウのモード:乗算、黒の不透明度26%

べベルとエンボスの設定

光彩(外側)の設定

光彩(外側)を設定してコンクリートに暗い影を入れます。

描画モード:焼きこみカラー
不透明度:69%
エレメントのサイズ:60px
画質の範囲:50%

光彩(外側)

輪郭の設定

輪郭の範囲を50%にして、曲線部分を強調してなめらかになるよう輪郭を作ります。

輪郭の設定

テキストをラスタライズ

テキストのレイヤーを右クリックして「テキストをラスタライズ」を選択します。

テキストをラスタライズする


Step4:テキストを一部切り取る

テキストの一部切り取り

レイヤーのテキストがラスタライズされたので一部を切り取ってひびを入れます。

多角形選択ツール多角形選択ツールでひびに沿って形を作ったら「Delete」キーを押します。


ひびにそって選択し「Delete」キーを押す


Step5:完成

これで完成です。

完成


引用:Web Design Library 著者:olieng.net 翻訳:菊池



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング