こんばんは!あさひです。

 

昨日、モックアップの作り方を覚えたのに、記事にするのを忘れてました。

 

モックアップとは

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の素材を使ってくださいね!