公式LINEに登録する

AI×スワイプLPの最新情報をお届け。

特典も受け取れます。

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

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

境界線がカクカクする

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

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

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

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

シェイプ

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

テキスト入力

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

非表示

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

サムネイルをクリック

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

選択範囲をマスク

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

パネル

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

パネル

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

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

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

パネル

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

パネル

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

パネル

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

パネル

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

パネル

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

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

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

パネル

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

パネル

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

パネル

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

パネル

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

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

スリームデザイン

1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインとマーケティングと玄米ご飯。 フリーランス時代に独学で身に付けた技術を活かし、世界規模のデザインコンテストで日本人初の大賞を受賞&Photoshopの専門書を出版。 ブログ集客のエキスパートとして企業や個人のコンサルティングをしながら、コンテンツマーケティングやコピーライティングを手掛けるブログマーケターである。

最近の記事
おすすめ記事
  1. イケてる見た目に着せ替えチェンジ!ブログの運営目的に適したWordPressテーマに変更する方法

  2. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそうな書籍を4選しました。

  3. Photoshopで立体感や空間を表現してリアリティのある世界観を創る方法

  4. 「ネーミング」を考える前に理解しておきたいその重要性について

  5. Phostohopの切り取り方法をマスターして画像コラージュ作品を作ってみよう!

  6. 中性脂肪が6ヶ月間で208→73にガチ下げ!42歳の私が試した三方向アプローチの結果がヤバイ、、

  7. 「いつも締め切りに追われてしまう」そんな人がミッションを成し遂げるために克服しておきたい3つの心理メカニズムについて

  1. 中性脂肪が6ヶ月間で208→73にガチ下げ!42歳の私が試した三方向アプローチの結果がヤバイ、、

  2. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画のまとめ

  3. わずか10秒っ!Photoshopで部分的に色を変えたいときの【色の置き換え】の使い方&動画解説ダイジェスト

  4. 「ちょっと待って!」Photoshopの初心者にありがちな間違った5つの使い方とスキルが飛躍する解決策

  5. Photoshopユーザー必見!無料になったNik Collectionのヤバすぎる使い方

  6. 【保存版】Photoshopの技術を一気に飛躍させるための日本語で学べる実践テクニック7連発

  7. これだけはブクマしておきたい!Youtubeなどの動画制作で”マジで使える”フリー音楽素材と効果音サイトのまとめ

おすすめ記事

ページ上部へ戻る