Affinityでロゴ入りカップ(イメージ)を作る(3)

Canvaのモックアップ

Canvaにはモックアップという機能があります。これを利用してロゴを変形させるための下絵を作ります。モックアップ機能はCanvaのトップページからのリンクを見つけられなかったため、別URLから入ります。Webブラウザで次のアドレスを開いてください。

https://www.canva.com/ja_jp/mockup/

前の手順Canvaのアップロードページを開いているので、すでにログインしている状態です。

手順①

モックアップを作成する]をクリックすると見慣れCanvaの画面になります。左の素材リストの「ホーム&リビング」の中にちょうどよいカップがありますのでこれをクリックします。

手順②

キャンバスにクリックした画像が配置されますが、小さいので大きくします。

手順③

左の[アップロード]をクリックすると、Affinityからアップロードしたロゴ画像が表示されています。これをキャンバス上にドラッグ&ドロップします。

手順④

ロゴ画像が配置されました。しかし、カップ全体に引き伸ばされているので、これでは使えません。ロゴ画像をダブルクリックすると配置の大きさを変更する画面が表示されます。

手順⑤

ここで大きさと位置を変更します。

  • 4隅の○をドラッグして大きさを変更できます。
  • 画像部分をドラッグして位置を変更できます。
  • 位置を移動する際は中心にガイドが表示されます。
  • うっかり回転してしまった場合など、初期状態に戻したい場合は[全体表示]をクリックします。

位置と大きさが決まれば[変更を適用]をクリックします。

手順⑥

ロゴ画像を選択した状態で、短いツールバーの[…]をクリック❶し[選択した素材をダウンロード]をクリック❷します。

手順⑦

ダウンロードのオプションを指定するウィンドウが表示されます。何も変更するところはないので[ダウンロード]をクリックします。

なお、有料プランを契約している方はダウンロード形式SVGを選択できますが、ラスター画像SVGファイル内に含めただけなので、SVGを選択する意味はありません。これはロゴ画像をアップロードする際SVG形式を選択していても同様です。

手順⑧

ダウンロード画像の準備ができるとウィンドウが表示され、完了すると次の表示になります。標準のファイル名は「名称未設定のデザイン.png」です。

 

以上Canvaでの操作は終了です。ダウンロードした画像Affinityで使用します。

Affinityでロゴ入りカップ(イメージ)を作る(4)に続きます。