photoshopで縁取りを応用し素人っぽさから一歩抜け出すスゴ技を伝授。

webデザイン

photoshopで文字などをデザインする際、レイヤースタイルの境界線を用いて縁取りすることでさまざまな表現が可能になります、しかし単純な縁取りだけではどうも素人っぽさが出てしまいがち

ここでは素人っぽさから一歩抜け出すための効果的な境界線の活用方法をお伝えします。

Photoshop CS6使用グラデーション
所要時間の目安5分グラデーション
画面サイズ570×480:解像度72pixel/inchフリーダウンロード 》

単純な縁取り方法を知りたい方はこちらの関連記事を参考にしてください ⇒ photoshopで文字や図形を縁取りする1番簡単な方法。レイヤースタイルに境界線を適用する&小技

素人っぽさから一歩抜け出す境界線の活用方法

任意のテキストや図形を入力

テキストや図形を入力

テキストレイヤーを複製し、非表示にしておく。【縁取りを応用する場合には複製してから加工することで複雑なデザインが可能になるので日頃からそのように癖付けしておこう。

複製して非表示

複製元のテキストレイヤーにレイヤースタイルの境界線を適用(ここでは2pxで、分かりやすいようにカラーを白にしてます)。

境界線

レイヤーの塗りを0%にして、テキスト部分を消し境界線だけを残す

塗り0%

境界線のみになったテキストレイヤーを右クリックしてレイヤースタイルをラスタライズ

ラスタライズ

ラスタライズしたレイヤーにグラデーションをかける。

グラデーションの調整が苦手な方はこちら ⇒ hemming.grd からダウンロード。(スリームデザイン作成なので自由に使用できます)

グラデーション

つづいて、レイヤースタイルのべベルとエンボス光彩(外側)をニュアンスで適用

べベルとエンボス、光彩

ここで先に複製して非表示にさせていたテキストレイヤーを表示させ左上方向に移動

表示、移動

レイヤースタイルのべベルとエンボスを適用

べベルとエンボス

さらに黄色っぽい色で光彩(外側)を適用

光彩

ロケット部分の図形にもべベルとエンボス、光彩(外側)を適用させ、このように完成しましたがいかがでしたでしょうか?

素人っぽくない縁取り完成

photoshopで縁取りを応用しアレンジしたいろいろ。

今回のようにレイヤーを複製して、それぞれに違うレイヤースタイルを適用したりエフェクトをかけることで単純な縁取りだけでないさまざまな表現が可能になります。

ぜひあなただけのオリジナリティーに溢れた表現に挑戦してみてください

素人っぽくない縁取りアレンジ

スリームデザイン

4,699,909 views

1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインとマーケティングと玄米ご飯。 フリーランス時代に独学で身に...

プロフィール

ピックアップ記事

関連記事一覧

小笠原広記

1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインと玄米ご飯。

 

フリーランス時代に独学で身に付けた技術を活かし、世界規模のデザインコンテストで日本人初の大賞を受賞&Photoshopの専門書を出版。

 

ブログ集客のエキスパートとして企業や個人のコンサルティングをしながら、コンテンツマーケティングやコピーライティングを手掛けるブログマーケターである。