【グラフィックツール】Canvaだけじゃない!Vismeの使い方

ブロガーさんの定番グラフィックツールと言えば 皆さん存知Canvaですが、

海外ではVismeもよく使われていると知り早速使ってみました!

しかし残念なことにVismeの利用は無料/ダウンロードは有料と最後の最後に気づく…

あ〜ショック!!

でもでもVismeのテンプレート・英字フォントのデザインはオシャレで新鮮♪

Canvaに物足りなさを感じている人はVismeのテンプレートも是非見てみてね!

こんな人に読んでほしい♪
  • Canvaに以外のグラフィックツールを使ってみたい方
  • Vismeのお洒落なテンプレートを見てみたい方
OBちゃん

Vismeはまだ日本語対応ないねん。でもDeepLあるし大丈夫やでぇ

スポンサーリンク

目次

Visme(ヴィズミー)のテンプレート

お洒落なデザインを1から考えるのは大変ですよね。

そんな時に便利なのがデザインテンプレート。

今回はVisme(ヴィズミー)の*Mockupのテンプレートを使ってデザインしてみました♪
*Mockup : 実物そっくりに似せて作られたもの

OBちゃん

テンプレートを少し変更するだけで大変身やでぇ♪

テンプレートを使って簡単デザイン

STEP
Vismeのログインページ
STEP
Create New(新規作成)

Create New(新規作成)をクリック

STEP
New Project(新規プロジェクト)

New Project(新規プロジェクト)→好きな項目を選択
※ここではWeb Graphics(ウェブグラッフィックス)を選択

STEP
テンプレート画面

様々な形式のテンプレートが選択可能

STEP
WEBグラッフィックテンプレート

海外のお洒落なWebグラフィックテンプレート

STEP
Mockups

❶ More からMockupテンプレートを選択
※Mockup : 実物そっくりに似せて作られたもの。
ここではスマホに好きな画像を挿入します

❷ をクリック

OBちゃん

今回はMockupのテンプレートでデザインしてみるでぇ♪

STEP
スタイルを選択

❶ Square(正方形)Wide(ワイド)Vertical(縦長)からWideを選択

❷ Use this template(このテンプレートを使う)をクリック

STEP
テンプレートが選択できた

テンプレートはパーツごとにロック掛かっています

画像をクリックするとUnlock Objectが現れクリックでロック解除できる

STEP
背景画像の変更

背景をクリックしてキーボードの delete キーで削除

STEP
背景画像が削除できた
STEP
背景画像を選択

❶ Photos→Photoから背景にしたい画像を選択

❷ 選択した画像をクリック

STEP
Mockup画像を変更

画像を選んでクリック

STEP
画像をMockupに挿入

画像を挿入できた

STEP
カラーの変更

❶を選択、❷でカラーを変更

STEP
カラー選択

❶ を選択、❷ 好きな色がない場合はをクリック

❸ ○をドラッグで動かしカラーを選択

OKをクリックして選択

STEP
カラーが変更できた
STEP
テキストカラーとサイズを変更

❶テキストを選択

❷でサイズとカラーを変更

STEP
テキストの装飾

❶テキストを選択、❷Moreをクリック

FILL&BORDERからBORDERのプルダウンをクリックして選択

STEP
完成
OBちゃん

画像とカラーを変更するだけでオリジナルができるでぇ♪

スポンサーリンク

カスタムサイズ

STEP
Create New(新規作成)

Create New(新規作成)をクリック

STEP
New Project(新規プロジェクト)

New Project(新規プロジェクト)→Customize(カスタマイズ)をクリック

STEP
カスタムサイズを入力

Width(横幅) x Hight(縦幅)を入力してCreate!をクリック

STEP
カスタムサイズが選択できた

Vismeの登録方法

STEP
Visme公式ページ
STEP
登録(Sign up)

メールアドレス、Googleアカウント、又はFacebookでサインアップ
※ここではGoogleアカウントで登録します。

STEP

ご利用目的が個人の場合はPersonalを選択

STEP

【Basics】 テキスト入力

STEP
テキスト

❶Basicsを選択

❷Header&Textを選択

❸テキストスタイルを選択してクリック

❹左からテキストスタイル/サイズ/色/ボールド/下線 etc…

STEP
フォントペア

❶Basicsを選択

❷Font Pairs(フォントペア)をクリック

❸フォントペアを選択

❹フォントペアのグループ化をUngroupで解除できる

STEP
スタイリッシュなフォントペア
OBちゃん

お洒落なフォントペアがいっぱいあるでぇ♪

【Basics】線と図形

STEP
線と図形

❶Basicsを選択

❷Lines & Shapesをクリック

❸お好きな線と図形をクリック

STEP
様々な図形

様々な図形が選択可能

OBちゃん

これだけちゃうでぇ!まだまだあるでぇ♪

【Basics】アイコン

OBちゃん

フリーイラストのunDrawも要チェックやでぇ〜♪

【Basics】動くイラストレーション

Devices(ディバイス)

❶Basicsから

❷イラストレーションを選択

❸Devices(ディバイス)を選択

Environment(環境)

Basicsから❶イラストレーションを選択

❷Enviroment(環境)を選択

❸カラーを変更できます

【Photos】画像

Photo(写真)とCutout(切り取り画像)

Photo(画像)Cutout(切り取り画像)

Cutout(切り取り画像)集

このほかにもまだまだ沢山のCutout画像があります

OBちゃん

写真フリー素材もっと見たい?それならO-DANもチェックやでぇ♪

スポンサーリンク

まとめ

Vismeいかがでしたか?

無料版ではダウンロードできないのがとても残念だったけど、

フォントペアやテンプレートがお洒落だからデザインの参考になりました。

グラフィックツールを使い慣れてる方ならVismeもすぐ使えるはずですよ!

Canvaに飽きた(そんな人いるかな?)と言う方は、Visme有料版もありかもですよ!

最後まで読んで頂きありがとうございました♪

OBちゃん

また他にも海外のWebデザイナーが使ってるサイト探してみよっと♪

にほんブログ村 にほんブログ村へ
にほんブログ村

この記事が気に入ったら
フォローしてね!

  • URLをコピーしました!
目次