allWeb制作フローが変わる!便利な最新オンラインツール43個まとめ【2020年版】2020年2月21日ずっと使える、デザインの基本まとめました。クリックすると拡大原寸表示されます。Photoshop」が公開されていたので、今回はご紹介します。テキストを変更するだけで自由自在にエフェクトを適用することができるお手軽なチュートリアルとなっているので覚えておくと良いテクニックのひとつかもしれません。エントリーの最後では無料でダウンロード可能なサンプル用PSDファイルも公開されていますので、実際のデザインサンプルを利用することでより分かりやすいかもしれません。レイヤースタイルを利用するだけの手軽な設定で立体的なエフェクトを表現する方法などがあります。背景デザインを作成しようまずは新しいカンバスを開き、今回は2560x1440pxのカンバスを利用します。レイヤーパレット上で、背景レイヤーをダブルクリックし、ロックを解除しておきましょう。続けてメニューよりレイヤー>レイヤースタイル>グラデーションオーバレイを選択し、以下のように適用します。グラデーションは#fdebc2から#f7ef3oを使用しています。テキストを作成していこうツールバーよりテキストツール(T)を選択、適当な文字を入力しましょう。BLackを使用)を利用することでテキストエフェクトをうまく表現できるようです。ダウンロードしておいたクッキーテクスチャ素材をカンバスで開き、入力したテキストを覆います。新しいフォルダを作成し、全てのクッキーテクスチャ素材をまとめてフォルダに格納します。今回利用したテクスチャ素材はこちらとなります。レイヤーパレット上でテキストレイヤーを選択した状態で、Ctrlキー(MacはCommandキー)を押しながらサムネイルをクリックします。することで、テキストレイヤーの周りに選択範囲を作成することが可能となります。再度レイヤーパレット上でテクスチャ素材をまとめたフォルダアイコンを選択し、メニューよりレイヤー>「レイヤーマスク」>「選択範囲外をマスク」を適用します。0」で適用しましょう。選択範囲をギザギザにすることで、自然な仕上がりを表現することができます。2px」で適用しましょう。続けてメインメニューより「イメージ」>「色調補正」>「レベル補正」を選択し、以下のように適用しましょう。ここまでの設定をすることで以下のようになるかと思います。ここから本物そっくりに立体的なデザインに仕上げていきます。本物そっくりな立体感を表現しよう新しいレイヤーを一番上に作成し、先ほど同様テキストレイヤーの周りに選択範囲を設定します。メインメニューより「レイヤー」>「レイヤースタイル」を選択し、以下のように適用します。ドロップシャドウシャドウ(内側)光彩(内側)全てのレイヤースタイルを適用すると以下のようになるかと思います。リアル感を表現しようレイヤースタイルを適用したレイヤーとテクスチャ素材をまとめたフォルダをまとめて選択し、複製します。複製したレイヤーのレイヤースタイル「ドロップシャドウ」を消去し、複製したレイヤー2つを統合します。結合したレイヤーの描画モードを「オーバーレイ」としたら完成となります。完成お好みでテキストを変更することでどんなフォントにでも対応したテキストエフェクトを完成させることができます。参照元サイトでは今回作成するテキストエフェクトのサンプル用PSDファイルを無料ダウンロードすることが可能となっています。実際にデザインを見ながらチュートリアルを確認することができ、便利かもしれません。(.zipファイルで圧縮されています。VIPが毎日更新される記事をお届けする便利な機能です。無料ですのでお気軽にどうぞ。RSSをさらに詳しく知りたいひとはコチラの記事に説明しています。Earthから無料ダウンロードできる美しい壁紙1000枚がリリース!商用利用も可能に2020年2月17日300年以上前のイラスト画15万枚がパブリックドメイン公開中!無料ダウンロード、二次創作も可能に2020年2月13日おめでとうDCJ!2周年記念で人気素材集が99%オフの特別再販大セール中2020年2月12日ずっと使える、デザインの基本まとめました。