フリーランスデザイナーが自由なライフスタイルを実現するための新しいブログの活用法や個性的がほとばしるブログにするためのPhotoshopを使ったデザインのチュートリアルなどを公開中~。

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

素人から一歩抜け出す縁取り

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

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

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

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

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

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

テキストや図形を入力

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

複製して非表示

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

境界線

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

塗り0%

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

ラスタライズ

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

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

グラデーション

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

べベルとエンボス、光彩

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

表示、移動

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

べベルとエンボス

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

光彩

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

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

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

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

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

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

合わせて読みたい関連記事:photoshopで映画タイトルロゴのようなメタリックでカッコ良い文字を作るチュートリアル!

スリームデザイン無料の公式メールマガジン スリームデザインのメールマガジン

関連記事

Wordpress日本語テーマのまとめ
個別ブログ相談会
photoshop日本語チュートリアル
ブログラ

スリームデザインの出版書籍情報

photoshopの本

fotoliaデザインコンテスト大賞受賞作品の解説

tenコレクションデザインコンテスト

スリームデザインおすすめの書籍

本 本本 本

スリームデザインとソーシャルで繋がろう!

 
 
 

カテゴリー