【Photoshopチュートリアル】忘れられない恋人【#13】
Creative21
NexOut
【Photoshop】文字にスピード感を出す方法【新人デザイナー向け】
Creative21
Photoshopで文字にスピード感を出したい。
文字にスピード感を出したいけど、参考になる作り方があれば知りたい。
こういった疑問に答えるよ！
Naoya
やぁ！みんな！元気？
デザイナーの@Naoyaです。
目次
- Photoshopで文字にスピード感を出す方法
スポンサーリンク
Photoshopで文字にスピード感を出す方法
今回はこの文字を使って進めていくよ、文字は何でもいいので用意しておいてね！
文字の入力方法が分からない人は下の記事を参考にしてみてね！
- 長方形を作成する
- 長方形を複製する
- 位置を整列する
- 文字をレイヤーマスクする
文字にスピード感を出す流れはこんな感じ。
順番に見て行こう！
長方形を作成する
ツールバーから長方形ツールを選択！
オプションバーから「塗り」を選択後、カラーピッカーのアイコンをクリック！
ここでは#「ff0000」としてOK！
ドキュメント上でクリック！
ここでは幅＝「1200px」高さ＝「6px」としてOK！
ツールバーから移動ツールを選択！
メニューバーの「選択範囲」→「すべてを選択」を選択！
「水平方向中央揃え」を選択！
メニューバーの「選択範囲」→「選択を解除」を選択！
こんな感じになったね！
長方形を複製する
長方形から右クリック後「レイヤーを複製」を選択！
レイヤー名を入力後、OKを選択！
Shiftを押しながら「↓」を押して下へ移動！
こんな感じになるので、同じ要領で何度か繰り返そう！
ここではこんな感じとしてOK！
位置を整列する
「Ctrl」を押しながら、全ての長方形レイヤーを選択！
右クリック後「シェイプを結合」を選択！
こんな感じになったね！
「Ctrl」を押しながら、文字のサムネイルをクリック！
こんな感じで文字の選択範囲が作成されたね！
長方形のレイヤーを選択！
「水平方向中央揃え」を選択！
「下端揃え」を選択！
こんな感じになったね！
選択範囲はもう必要ないので、メニューバーの「選択範囲」→「選択を解除」を選択！
文字をレイヤーマスクする
文字のレイヤーを選択後、レイヤーマスクのアイコンをクリック！
こんな感じになったね！
「Ctrl」を押しながら、長方形レイヤーのサムネイルをクリック！
レイヤーマスクを選択！
ツールバーの下の方にある、描画色をクリック！
ここでは#「000000」としてOK！
「Ctrl」+「Delete」を実行！(描画色で塗りつぶしのショートカット)
メニューバーの「選択範囲」→「選択を解除」を選択！
長方形のレイヤーを選択後、Deleteで削除！
これで完成！
ABOUT ME
デジタルアーツ東京→デザインプレックス東京→デザイン制作会社→フリーランス
