見出し画像

#001 クリッピングマスクを使った文字の見せ方をインプット

おはようございます。こんです🦊

前回のnoteで宣言した通り、昨日インプットしたことを記録します。明日からも、復習を兼ねて前日にインプットしたものを翌日の朝に記録するルーティンを作れるといいな。
まずは初日!何日続くだろう?

今回のインプットの目的


  • 文字の見せ方のバリエーションを増やしたい。

  • 色を複数使ってもおしゃれに見える見せ方をインプットしたい。

参考にしたデザイン


出典:https://design-library.jp/71

今回のインプットの成果


  • 今回は、主にツールの使い方をインプット!

  • クリッピングマスクを駆使すれば、画像だけでなく文字も必要な部分だけ表示・非表示にすることができる。

  • 複数色を使っても、似たトーンの配色にすればまとまりが出る。

制作の手順



※私の備忘のために残しているので、下記に示す参考サイトを見る方が勉強になります!
(参考1)

【STEP1】全ての文字をテキストレイヤーで作る。文字間を調整したら1字ずつのテキストレイヤーを作り、位置を調整する。文字は別々のレイヤーで作成するのがポイント👆

【STEP2】文字に配色をする(今回は、東京都のイメージカラーを参考にしてみました。)
さらに、ピンクのTの上に青のOのレイヤーを載せて、さらに上にTのレイヤーを複製してカラーを白に変更し、Tのレイヤーを載せる。
白のTのレイヤーを青のOのレイヤーにクリッピングマスクする。

【STEP3】同様に、コバルトブルーのKのレイヤーの上に白のOのレイヤー、オレンジのYのレイヤーの上に白のKのレイヤー、黄色のOのレイヤーの上に白のYのレイヤーをそれぞれ載せてクリッピングマスクする。

【STEP4】背景に写真を配置するなどして完成。


おわりに

見てくださりありがとうございます。
参考画像を探していると、文字の表現方法は無数にあると実感しました。マネしてみたい文字の見せ方がたくさん!また明日も頑張ろう!


この記事が気に入ったらサポートをしてみませんか?