「Photoshopで文字デザイン7~文字にグラデーション編~」の編集履歴(バックアップ)一覧はこちら
追加された行は緑色になります。
削除された行は赤色になります。
前回記事[[Photoshopで文字デザイン6~テカテカ、サテン編~]]の続きで、今度は、文字にグラデーションをかけていく方法を書いていきたいと思います。9月24日記事
~
~
イメージ
&image(width=400,gradient001.png)
(枠つけたバージョン)
&image(width=400,gradient013.png)
※枠をつけるとより引き立ちます。こちらは[[Photoshopで文字デザイン8~文字の縁に縁取り編~]]で記述していきます。
~
~
目次
#contents
~
~
----
~
*背景のキャンバス作成
**Photoshopを開き、新規作成
大きさと背景色を適当に選んでいきます。別に背景色は透明でもいいです。
&image(width=400,gradient002.png)
~
~
*文字記入
**横書き文字t-ル
文字を記入するために「横書き文字ツール」を選び、1,2,3,4と選んでいきます。&color(red){文字の色はなんでもいいです。}ここでは適当に青にしました。
&image(width=400,gradient003.png)
&image(width=400,gradient004.png)
~
~
**移動ツールで調整
移動ツールで文字の位置を調整していきます。
&image(width=400,gradient006.png)
移動後
&image(width=400,gradient005.png)
~
~
*グラデーションの設定
[レイヤー]→[レイヤースタイル]→[グラデーションオーバーレイ]を選んでいきます。
&image(width=400,gradient007.png)
~
~
**グラデーションの色を選択
赤い部分グラデーションの項目をダブルクリックします。
&image(width=400,gradient008.png)
~
~
**左下の三角マークで開始色を変更
左下の三角マークをクリックして色を決めていきます。
&image(width=400,gradient009.png)
&image(width=400,gradient010.png)
~
~
**右下の三角マークで終了色を決定
右下の三角マークをクリックして色を決めています。
&image(width=400,gradient011.png)
※ちなみに左上は透過度の設定です。興味がある方はいじってみてください。
~
~
**グラデーションの変化位置を調整
グラデーションの変化が開始される位置を調整します。
&image(width=400,gradient012.png)
~
~
*完成
&image(width=400,gradient001.png)
~
~
以上
前回記事[[Photoshopで文字デザイン6~テカテカ、サテン編~]]の続きで、今度は、文字にグラデーションをかけていく方法を書いていきたいと思います。9月24日記事
~
~
イメージ
&image(width=400,gradient001.png)
(枠つけたバージョン)
&image(width=400,gradient013.png)
※枠をつけるとより引き立ちます。こちらは[[Photoshopで文字デザイン8~文字の縁に縁取り編~]]で記述していきます。
~
~
目次
#contents
~
~
----
~
*背景のキャンバス作成
**Photoshopを開き、新規作成
大きさと背景色を適当に選んでいきます。別に背景色は透明でもいいです。
&image(width=400,gradient002.png)
~
~
*文字記入
**横書き文字ツール
文字を記入するために「横書き文字ツール」を選び、1,2,3,4と選んでいきます。&color(red){文字の色はなんでもいいです。}ここでは適当に青にしました。
&image(width=400,gradient003.png)
&image(width=400,gradient004.png)
~
~
**移動ツールで調整
移動ツールで文字の位置を調整していきます。
&image(width=400,gradient006.png)
移動後
&image(width=400,gradient005.png)
~
~
*グラデーションの設定
[レイヤー]→[レイヤースタイル]→[グラデーションオーバーレイ]を選んでいきます。
&image(width=400,gradient007.png)
~
~
**グラデーションの色を選択
赤い部分グラデーションの項目をダブルクリックします。
&image(width=400,gradient008.png)
~
~
**左下の三角マークで開始色を変更
左下の三角マークをクリックして色を決めていきます。
&image(width=400,gradient009.png)
&image(width=400,gradient010.png)
~
~
**右下の三角マークで終了色を決定
右下の三角マークをクリックして色を決めています。
&image(width=400,gradient011.png)
※ちなみに左上は透過度の設定です。興味がある方はいじってみてください。
~
~
**グラデーションの変化位置を調整
グラデーションの変化が開始される位置を調整します。
&image(width=400,gradient012.png)
~
~
*完成
&image(width=400,gradient001.png)
~
~
以上