allWeb制作フローが変わる!便利な最新オンラインツール43個まとめ【2020年版】2020年2月21日ずっと使える、デザインの基本まとめました。CS4」の様な型押し文字を作る方法2009年8月27日テキストエフェクトチュートリアルAdvertisement2009年ウェブデザインのトレンドのひとつに型押し文字があります。CS4の起動画面にも使われています。今回は、フォトショップの便利な機能のひとつ「レイヤースタイル」のみを使用して、簡単に型押し文字を作る方法をご紹介します。作成するテキストは、「黒」の型押し文字と「透明」の型押し文字の2種類になります。チュートリアルの最後では、サンプル用PSDファイルを無料でダウンロード配布しています。サンプル用PSDファイルに収録されているのは、「72pt」、「180pt」、「400pt」と大小さまざまな文字サイズになっているので、必要に応じて使い分けることもできます。ダウンロードしたPSDファイルの「レイヤースタイル」を保存してしまえば、いつでも簡単に、思い通りの型押し文字をデザインすることができます。難しいことは一切なしなので、フォトショップを始めたばかりの初心者の人も安心してデザインしてください。今回使用したフォトショップのバージョンはCS4ですが、古いバージョンでも問題なく作ることができます。チュートリアルを始める前に、今回使用するフォントをダウンロードしておきましょう。1メインメニューよりファイル>新規を選択し、ドキュメントを開きます。700pxの72px/inchとします。2レイヤーパレット上で「背景」レイヤーをダブルクリックし、ロックを解除します。続けてメインメニューより「レイヤー」>「レイヤースタイル」を選択し、「グラデーションオーバーレイ」を以下のように適用します。今回使用したグラデーションは「青色」(#1086ee)から「濃青」(#125097)となっています。「グラデーションオーバーレイ」を適用するとこのようになります。(#3b3b3b)で適当な文字を入力します。このときに文字のサイズを「180pt」に設定してください。ここまでは黒文字、透明文字ともに同じ手順です。あとは「レイヤースタイル」の適用の仕方が違うだけなのです。「黒」型押し文字メインメニューより「レイヤー」>「レイヤースタイル」を選択し、スタイルを順番に適用したら完成です。ドロップシャドウシャドウ(内側)グラデーションオーバーレイすべてのレイヤースタイルを適用するとこのようになります。「透明」型押し文字メインメニューより「レイヤー」>「レイヤースタイル」を選択し、スタイルを順番に適用したら完成です。「透明」型押し文字いかがでしたでしょうか。簡単にウェブデザインのトレンドの型押し文字を作成することができました。ポイントとしては、ある程度太めのフォントを使うことによって、効果的にレイヤースタイルを加えることができます。細いフォントを使いたい場合は、「レイヤースタイル」の「ドロップシャドウ」と「シャドウ(内側)」の値を変更してください。サンプル用フォトショップPSDファイルをダウンロードするPhotoshopVIPは高品質のフォトショップチュートリアルを皆さんにお届けしています。随時更新されるチュートリアルのRSS定期購読をしませんか。VIPが毎日更新される記事をお届けする便利な機能です。無料ですのでお気軽にどうぞ。RSSをさらに詳しく知りたいひとはコチラの記事に説明しています。PhotoshopVIPのRSS購読をするチュートリアルに関する質問等ありましたらご連絡ください。Earthから無料ダウンロードできる美しい壁紙1000枚がリリース!商用利用も可能に2020年2月17日300年以上前のイラスト画15万枚がパブリックドメイン公開中!無料ダウンロード、二次創作も可能に2020年2月13日おめでとうDCJ!2周年記念で人気素材集が99%オフの特別再販大セール中2020年2月12日ずっと使える、デザインの基本まとめました。