こんばんは!あさひです。
昨日、モックアップの作り方を覚えたのに、記事にするのを忘れてました。
モックアップとは
https://kotobank.jp/word/%E3%83%A2%E3%83%83%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97-186512
簡単に言うと見本です。
名刺のロゴ作りました!ってロゴだけ見せてもイメージわかないので、
じゃあ名刺に印刷した見た目の画も用意しようねってことです。
------------------------------------------------------------
モックアップの作り方
モックアップは、自分でしこしこ作ることも可能なんですけど、
今回はモックアップの素材を配布しているサイト様から
素材をお借りしてやってみました。
完成品がこちら。
たった5分でこんなにおしゃれ!
さてさて注目の手順ですが・・・簡単です!
※わからない言葉が出てきたら検索してね
①素材ファイルダウンロードします。
・モックのpsdデータ配布元:http://graphicburger.com/silver-stamping-logo-mock-up/ …
②psdファイルを開きます。
すると、サンプルロゴが印字されたような
おしゃれな画像が出てきます。
このサンプルロゴを差し替えることで、
希望のモックアップを作ります。
③「Your logo here・・・」レイヤーのサムネイル部分をダブルクリック
なんか言われるので「OK」をおします。
すると、別の作業用窓が開きます。
④新規レイヤーを作成し、箔押ししたいロゴを作ります。
白黒で表せるようなやつがいいな。
私はFF10のティーダとユウナが大好きなので、
彼らの結婚式を想定してこんな画像を作ってみました。
フリー配布されているこれまたおしゃれな飾り枠のなかに、
気の利いたフォントで文字を描いただけ。
・飾り枠:https://azukichi.net/frame_elegant.html …
⑤描画ピクセルを選択して作業用パスを作成します。
※スクショとったんだけどわかりにくかったので割愛しました。
すみません;
⑥そのまま上書き保存します。
⑦元のモックアップの画像に反映されています!
たったこれだけ。
まとめると、もっと簡単。
1.ロゴ作成
2.作業用パス作成
3.反映されてる!
急に品質があがったような感じがする。
あと、楽しい。
みなさんもやってみては?
あ、商用のものはちゃんと商用OKの素材を使ってくださいね!






