ホームページ  >  記事  >  ウェブフロントエンド  >  PS初心者向けチュートリアル!おいしいチョコレート フォントの作成方法を段階的に教えます Effects_html/css_WEB-ITnose

PS初心者向けチュートリアル!おいしいチョコレート フォントの作成方法を段階的に教えます Effects_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 08:59:07965ブラウズ

@P大点S Weibo: 今日は漫画のチョコレートフォントの特殊効果を紹介します。操作は複雑ではなく、いくつかのレイヤースタイルの適用に焦点を当てています。 。すでに宿題を提出している生徒もいるので、あなたも挑戦してみてはいかがでしょうか。

作成時にCC 2015を使用しました。スクリーンショットを撮ったときもCC 2015のスクリーンショットでした。一部のレイヤースタイルは、同じスタイルを複数追加しています。バージョンを変更するには、レイヤーを直接コピーして塗りつぶし、スタイルを追加してこの効果を実現します。

スクリーンショットを再度修正するのは非常に面倒なので、スクリーンショットは修正していませんが、CC 2015 を使用している人がそれほど多くない可能性を考慮して、提供される PSD は下位バージョンに修正されています。理解できない場合は、PSD を見てください。

正式に開始

1920*1080の新しいキャンバスを作成し、背景色#1c120bで塗りつぶし、背景レイヤーのロックを解除してスタイル-パターンオーバーレイを追加し、パターンを追加します。

レイヤーの描画モードをオーバーレイ、不透明度 30% に設定します

新しいレイヤーを作成し、グラデーション、デフォルトの白黒カラーを描画し、パス 1 つをグラデーションに向かって引き、描画モードのオーバーレイを使用し、不透明度を約 70 に下げます。

ここでは、P、大きなドット S、の 4 つの単語を使用します。使用されているフォントは簡略化された Founder fat headfish です。

テキストレイヤーを右クリックし、スマートオブジェクトに変換します。

フィルター – ディストーション – リップルをここでは 90 に調整します。パラメーターは固定ではなく、それに合わせて調整してください。

レイヤー スタイルを追加し、最初にグラデーション、カラー #d46819—#f9aa01

ベベル レリーフとテクスチャを追加します。テクスチャはパターンの 1 つ (他の効果が必要な場合は、他のパターンを試してください)

最初の内側の影を追加します

2 番目の内側のシャドウ (内側のシャドウの後に [追加] をクリックします。これは CC 2015 バージョンでのみ使用できます。それより前のバージョンの場合は、テキストを 1 つのレイヤーにコピーし、塗りつぶしの不透明度を 0 に下げます。 )

3 番目の内側のシャドウ

内側の輝きを追加します

ドロップ シャドウを追加します

新しいレイヤーを作成し、CTRL キーを押しながらスタンドアロン テキスト レイヤーを作成し、テキスト レイヤーの選択範囲を作成し、20 ピクセルを選択、修正、縮小し、色で塗りつぶします。 (ここのSは少し縮んでいて、尻尾が少し欠けています。Sだけを縮小して15ピクセルにし、他の部分を削除して尻尾の部分だけを残します。)

レイヤー スタイルをコピーし、新しく作成したレイヤーに貼り付けます。ベベル レリーフとテクスチャ、および 3 つの内側のシャドウのみを残し、他には何も残しません。

チュートリアルは基本的に終了です。さらに装飾を追加したい場合は、さらに装飾を追加できます。

テキストとロゴを入れます

ドーナツのようなものを追加します。

課題の表示:

オリジナルのチュートリアルの作成に最も熱心である可能性がある公開アカウントのフォローを歓迎します:

【Youshe Cool Station 22連発! 】

  1. 無料のギャラリー + ナビゲーション コレクション ステーション: 「クールなステーションが 2 つ連続!」高品質な無料フォトギャラリーサイト+専用WEB/APPナビ集サイト』
  2. 音楽サイト+フォント検索: 『かっこいいサイト2連発!仕事に集中できる音楽サイト + Google フォントのオンライン検索ツール》
  3. グラデーション カラー + コードの比較: 「クールなサイトが 2 つ連続!グラデーション カラー スキームの完全集約 Web サイト + オンライン コード比較ツール"
  4. カラー マッチング + プレースホルダー画像: "クールなサイトが 2 つ連続!オンライン カラー マッチング ツール + クイック プレースホルダー画像ジェネレーター》
  5. ロゴ ダウンロード + フォント ダウンロード: 「クールな投稿が 2 つ連続!商用利用可能なベクター ロゴのダウンロード + グラフィック デザイン用の 27 個のお気に入りのフリー フォント"
  6. 圧縮画像 + オンライン カラー マッチング: "2 つのクールなステーションがリリースされました!オンライン画像圧縮アーティファクト + オンラインカラーマッチングツール COLOURCO》
  7. CSS ホバーアニメーション + ポケモンカラーマッチング: 『クールステーション2連続リリース!ポケモン専用カラーマッチングサイト+CSS HOVERアニメーション集サイト』
  8. 美女写真+ゲームカラーマッチング: 『カッコイイサイトから2連続リリース!ゲームカラーマッチングサイト+無料美容素材専門サイト』
  9. オンラインカラーマッチング+フォント推奨:『クールステーション2連続リリース!オンラインカラーマッチングアーティファクト+英字フォントおすすめサイト》
  10. チャイボ作品のコード変更+16進カラー:「クールステーションから2連続リリース!」コードを使用して DRIBBBLE 作品 + 16 進カラー Web サイトを表示します》
  11. シームレス テクスチャ + ポリゴン背景: 「クールなステーションが 2 つあります!」シームレステクスチャ素材サイト+ポリゴン背景ジェネレーター中心》
  12. 元アドレス: pdadians

[Ushe.com オリジナル記事投稿メール: 2650232288@qq. 】

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。