「Photoshopで文字デザイン6~テカテカ、サテン編~」の編集履歴(バックアップ)一覧に戻る

Photoshopで文字デザイン6~テカテカ、サテン編~ - (2015/06/18 (木) 18:50:24) のソース

前回記事[[Photoshopで文字デザイン5~立体、ベベルとエンボス編~]]の続きで、今度は文字をテカテカさせるサテンについて書いていきたいと思います。木工用ボンド?で文字を書いて、乾かせたような質感(こんな説明でいいのか・・・?)を表現することができます。ただ、注意すべき点は&color(red){サテンのみを使ってもあまり効果はなく、ドロップシャドーやベベルとエンボスとの組み合わせによって非常にデザインがよくなります。}6月18日記事
~
~
イメージ
~
~
目次
#contents
~
~
----
~
*背景キャンバス作成
**Photoshopを開き新規作成
[ファイル]→[新規]を選び、適当にサイズを決定する。
#image(width=400,001.png)
~
~
**長方形ツールを選び、色を選択する。
長方形ツールを選び、色を選択する。
#image(width=100,002.png)
色決定
#image(width=400,003.png)
~
~
**図形を描いていく。
枠からはみ出るように描いていく。
#image(width=400,004.png)
描いた後がこちら
#image(width=400,005.png)
~
~
**雲形模様を追加し、拝啓にアナログ感を出す
レイヤーパレットから、「新規レイヤーの作成」を押す。
#image(width=400,006.png)
~
~
**背景を少し雲模様にする。
[フィルター]→[描画]→[雲模様1]を選択する。
#image(width=600,007.png)
作成後がこちら
#image(width=400,008.png)
~
~
*文字記入方法
**新規レイヤー作成
#image(width=400,009.png)
**横書き文字ツール1から2,3,4とフォント、サイズ、色を選択していく。 
#image(width=400,010.png)
色の選択
#image(width=400,011.png)
**文字記入後調整
移動ツールで調整し
#image(width=100,012.png)
調整後が以下
#image(width=400,013.png)
~
~
*サテンの設定
[レイヤー]→[レイヤースタイル]→[ベベルとエンボス]を選択する。 
#image(width=400,014.png)
ウインドウで調節していく。
#image(width=400,015.png)
~
~
*サテンの詳細設定
サテンの詳細設定は以下の通りです。
#image(width=400,016.png)
~
~
|構造|内容|h
|描画モード|乗算になっているはずで、色が選択できます。|
|不透明度|つやつや感の不透明度を選択できます。|
|角度|つやつや感の角度を選択できます。|
|距離|距離を設定できます。距離は極めて短い方がサテンの効果がよくでます。|
|サイズ|サイズを設定できます。サイズは極めて小さい方がサテンの効果がよくでます。|
|輪郭|つやつや感のデザインです。|
|アンチエイリアス|輪郭にアンチエイリアスをかけます。|
|階調の反転|色と影を反転させます。|
~
~
しかし、サテンだけ行うと以下のようになります。
#image(width=400,017.png)
ボケた感じに・・・・。
~
~
*ベベルとエンボスなどの他レイヤースタイルを追加する。
ベベルとエンボスを追加してやります。
#image(width=400,018.png)
ベベルの設定をしていきます。
#image(width=400,019.png)
~
~
*完成
私はこのようになりました。
#image(width=400,020.png)
サテンのみやベベルとエンボスのみや両方を表示非表示させて、違いを見てみてください。
#image(width=400,021.png)