【Photoshop】文字と花を使った綺麗なデザイン

こんにちはあるです!

今日はフォトショップを使って花を絡めた綺麗なデザインの作り方を
していきます!

今回は完成PSDデータを置いておくので実際にデータをさわって
見てくださいね!(データは一番下に置いておきます!)
⬆︎最後まで読んで欲しい欲がでてしまってる

データの配布は終了しています。

まずは完成品を!

よく、化粧品の広告や、海外のデザインで見かけるこれ・・・

どうやっているんだろう?と思ったデザイナーさん!

フォトショップのマスクがかけれれば誰でも簡単にできるんですよ!
これに必要なスキルは「マスク」「選択範囲」ができていればOKです!

では早速作って行きましょう!

目次

実際に作成してみよう

ここでは実際にデザインしてみながら作成方法をみていきましょう。

テキストとロゴの配置

まずはテキストまたはロゴを用意します

今日はこれ用にささっと作ったAWDESIGNのロゴを使って行きましょう!
ささっと作った割に結構お気に入りになってしまってます。
色までつけちゃってる始末・・・

話それましたがさっそくこれをフォトショップにコピペしましょう!

フォトショップにコピーする

色味は何色でもいいです!
ただ背景とテキストの色ははっきり分かれている方がのちのち作業しやすいですよ!

花を置く

今回はこの花を使用して行きます!

これを文字の後ろにペーストして行きます。
ここで使う花に関してはできるだけ花びらが大きい方が
最初は作りやすいですよ!

このときに
前面に出す部分を意識しながら置くといいですよ!

ここまでくれば80%完成です!
ここまでコピペしかしていないのに80%完成なんて・・・
すごく簡単!ではのこりの20%やって行きましょう!

文字にマスクをかけていく

レイヤーのこれですね!

こんな感じにマスクをかけていきます!

花を選択したあとに、文字レイヤーのところを消して行きます!
commandを押しながらレイヤーをクリックすると勝手に選択してくれますよ!

こんな感じです!(背景の色が変わっているのは気にしないでください・・・)

そして・・・マスクをかけおわると・・・

できました!背景の色に関しては同系色でまとめて綺麗にしています。

同系色や補色に関してはこちらで簡単に説明しています!

あとは花びらを足して、動きをつければ・・・

はい!完成です!
簡単でしたね!

仕上げ

光なんか足すと高級感ででますよ!

この記事はARU氏の運営していた「ARULOG」より2021年8月に移管された記事です。

この記事を書いた人

ARU

デザイナー歴11年
ブロガーに寄り添うプロデザイナー
Kindleでブロガーデザイン本発売中
フォロワーが伸びるヘッダーをココナラで販売中
twitterでデザインのヒントを発信 @awdesign6


目次
閉じる