photoshopで文字(テキスト)の形にくり抜かれたメタリックな金属パネルを表現する、中抜き方法。

webデザイン

photoshopで文字や図形を中抜きしたい場合選択ツールなどで切り抜いてしまうと ↓ 画像のように境界線がカクカクしてキレイにくり抜くことができません。

境界線がカクカクする

こういったケースでは【選択範囲をマスク】を使うのがBEST。ここではクオリティの高いメタリックな金属パネルを表現する工程の中で、境界線がカクカクしないめちゃめちゃ簡単な中抜き方法を説明します。

カクカクしないパネルを文字でくり抜くチュートリアル。

Photoshop CS6使用素材
所要時間の目安3分 メタリック素材
画面サイズ1400×1000:解像度72pixel/inch素材はこちら 》

新規レイヤーでパネルの原型となるシェイプを作成

シェイプ

中抜きしたい任意のテキストをシェイプの上に重ねる

テキスト入力

分かりやすいように背景を非表示(目のマークを消す)にしておく

非表示

入力したテキストレイヤーの【T】の部分をCtrlを押しながらクリック

サムネイルをクリック

テキスト型に選択されたままシェイプレイヤーを選び、レイヤーレイヤーマスク 》選択範囲をマスク

選択範囲をマスク

レイヤーにマスクが追加されたのを確認。

パネル

テキストレイヤーを非表示にすれば、キレイに中抜きされてます。

パネル

パネルを文字(テキスト)でくり抜くための下準備はこれでOKっ!超ぉ簡単。

金属パネルのような表現を追加。

デザイン的な見た目を考慮しさらに任意のテキストを追加

パネル

Shiftを押しながらパネルレイヤーとテキストレイヤーを選択しレイヤーを結合

パネル

メタリックな金属テクスチャーをドラッグして放り込む

パネル

サイズを調整してクリッピングマスクを作成

パネル

パネルやテキストが金属っぽくなりました。

パネル

背景をつけて立体感を出してみよう。

Photoshop CS6使用素材
所要時間の目安1分 皮素材
画面サイズ1400×1000:解像度72pixel/inch素材はこちら 》

背景に皮のテクスチャー素材を入れる。(さっきと同様にサイズ調整)

パネル

金属レイヤーにレイヤースタイルのベベルとエンボスをかける

パネル

さらにドロップシャドウで影を追加

パネル

このように文字が中抜きされたメタリックな金属パネルが完成しましたがどうでしたか?

パネル

ベベルとエンボス&ドロップシャドウで少し立体感を出しましたが、3D機能でロングシャドーを作るとまた違う印象になります

こちらの記事を参考にしてみてね。 ⇒ photoshopで立体を回転させるのはめちゃめちゃ簡単だった、、垂直方向が1分で完成!

スリームデザイン

4,697,735 views

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

プロフィール

ピックアップ記事

関連記事一覧

小笠原広記

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

 

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

 

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