採用情報お問い合わせWEB制作ウェブデザインバレンタインで大活躍!!photoshopで作るチョコレート文字【中級者向け】2020.01.30ウェブデザインバレンタインで大活躍!!photoshopで作るチョコレート文字【中級者向け】Photoshopデザインツイート皆さんこんにちは、WEB部のみやちゃんです。2020年になって最初のブログです!もうすぐ2月に突入しますね。2月というと何を連想しますか?わたしはもちろんバレンタインを真っ先に連想します!この時期になると前の会社でバレンタインのバナーを作っていたことを思い出します。そのときによく使っていたphotoshopで作るチョコレート文字の作り方をレクチャーします!今回の記事もまた、前の会社でよく使っていた文字の作り方の紹介ですっ。完成♪こちらを作っていきますビスケットの上にチョコレートがとろりとかかっています。美味しそうですね、一緒に作っていきましょう〜!テクスチャーを用意こんな感じのザラザラした質感のテクスチャーをまず用意します。テクスチャーって探すと見つかりやすいですよ。このテクスチャーをphotoshopで開いてパターンに登録します。登録方法は簡単です!まず画像を全選択します。上のメニューバーにある「編集」→「パターンを定義」で登録完了。レイヤースタイルのパターンオーバーレイを開くと、画像がパターンとして登録されて使えます。ビスケットを作る最初にビスケットを作っていきましょう。こんな感じの丸くて太めのフォントで好きな文字を入力します。フォントサイズ:290px先ほど登録したパターンをレイヤースタイルのパターンオーバーレイで文字にかけます。ここからは↓のレイヤースタイルを主に使って文字を作っていきます。レイヤースタイルのカラーオーバーレイで上から色をつけます。先ほどパターンをかけたことで色がグレーになってしまったのを直しました。描画モードを変えることで色の載せ方が変わるので色々いじってみてください。使用したカラーはこちらです↓カラーコード:fdc666焼き色をつけるちょっとこんがりした感じを出すためにシャドウ(内側)をかけます。ビスケットの厚みを出すためにベベルとエンボスを使います。これでビスケットの完成です!次はチョコレートをかける工程にうつりましょう。チョコレートの作り方こんな感じのチョコレートをビスケットの上に作っていきます!先ほどのビスケットを作れたなら簡単にできますよ♪テキストレイヤーを複製まずは上で作ったビスケットのテキストレイヤーを複製して、色をチョコレートっぽい茶色にします。今は下にビスケットの文字が置いてある状態です。ここでも活躍!ベベルとエンボスをかけます。チョコレートにツヤと立体感を出します。ドロップシャドウでほんのり影をつけます。実はこれけっこう大事なのです・・・後ほどわかります。チョコレートを溶かそう先ほど作ったチョコレート文字のレイヤーにマスクをかけます。ブラシモードを黒にしてマスクを選択してなぞると・・・チョコレートが溶けました!というより欠けてる感じに近いですね笑なのでとろとろした感じになるようブラシで整えていきます。完成♪さっきチョコにかけたドロップシャドウのおかげでビスケットにチョコレートが乗ってる感じが出ててよいですねっ。チョコの色をピンクや白に変えても可愛いと思います。これからのバレンタインの季節に大活躍しますね!みなさんも素敵なチョコレート文字をじゃんじゃん作ってください〜Photoshopデザインウェブデザインphotoshopで格好いいRGBずらしを作ってみよう!!!初心者でも簡単にできる!【楽天スマホアプリ】運営者必見!簡単にCVR、アクセスアップを実現した2つの対策00000この記事を書いた人みやちゃんmiyachanレジットの前はちょっと特殊な業界でデザインしてました。お絵描きとお酒が好きです。...SEO対策になる記事の書き方、真心を込めて紹介してみた。ReservedScroll。