ブロガーさんの定番グラフィックツールと言えば 皆さん存知Canvaですが、
海外ではVismeもよく使われていると知り早速使ってみました!
しかし残念なことにVismeの利用は無料/ダウンロードは有料と最後の最後に気づく…
あ〜ショック!!
でもでもVismeのテンプレート・英字フォントのデザインはオシャレで新鮮♪
Canvaに物足りなさを感じている人はVismeのテンプレートも是非見てみてね!
- Canvaに以外のグラフィックツールを使ってみたい方
- Vismeのお洒落なテンプレートを見てみたい方
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
Vismeはまだ日本語対応ないねん。でもDeepLあるし大丈夫やでぇ
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/DeepL_eyecatch-300x169.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/DeepL_eyecatch-300x169.png)
スポンサーリンク
Visme(ヴィズミー)のテンプレート
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/20-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/20-1024x538.png)
お洒落なデザインを1から考えるのは大変ですよね。
そんな時に便利なのがデザインテンプレート。
今回はVisme(ヴィズミー)の*Mockupのテンプレートを使ってデザインしてみました♪
*Mockup : 実物そっくりに似せて作られたもの
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/03/OB-finger-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/03/OB-finger-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/03/OB-finger-150x150.png)
テンプレートを少し変更するだけで大変身やでぇ♪
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/e56b317b86b495e5eb6d31e14bb2affe-300x169.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/e56b317b86b495e5eb6d31e14bb2affe-300x169.png)
テンプレートを使って簡単デザイン
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/2-6-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/2-6-1024x538.png)
Create New(新規作成)をクリック
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/3-4-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/3-4-1024x538.png)
New Project(新規プロジェクト)→好きな項目を選択
※ここではWeb Graphics(ウェブグラッフィックス)を選択
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/4-3-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/4-3-1024x538.png)
様々な形式のテンプレートが選択可能
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/5-5-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/5-5-1024x538.png)
海外のお洒落なWebグラフィックテンプレート
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/6-3-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/6-3-1024x538.png)
❶ More からMockupテンプレートを選択
※Mockup : 実物そっくりに似せて作られたもの。
ここではスマホに好きな画像を挿入します
❷ をクリック
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
今回はMockupのテンプレートでデザインしてみるでぇ♪
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/7-3-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/7-3-1024x538.png)
❶ Square(正方形)Wide(ワイド)Vertical(縦長)からWideを選択
❷ Use this template(このテンプレートを使う)をクリック
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/8-1-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/8-1-1024x538.png)
テンプレートはパーツごとにロック掛かっています
画像をクリックするとUnlock Objectが現れクリックでロック解除できる
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/9-1-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/9-1-1024x538.png)
背景をクリックしてキーボードの delete キーで削除
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/10-1-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/10-1-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/11-2-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/11-2-1024x538.png)
❶ Photos→Photoから背景にしたい画像を選択
❷ 選択した画像をクリック
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/12-1-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/12-1-1024x538.png)
画像を選んでクリック
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/13-1-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/13-1-1024x538.png)
画像を挿入できた
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/14-2-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/14-2-1024x538.png)
❶を選択、❷でカラーを変更
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/15-1-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/15-1-1024x538.png)
❶ を選択、❷ 好きな色がない場合は➕をクリック
❸ ○をドラッグで動かしカラーを選択
❹ OKをクリックして選択
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/16-1-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/16-1-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/17-1-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/17-1-1024x538.png)
❶テキストを選択
❷でサイズとカラーを変更
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/18-1-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/18-1-1024x538.png)
❶テキストを選択、❷Moreをクリック
❸FILL&BORDERからBORDERのプルダウン▽をクリックして選択
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/19-1-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/19-1-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
画像とカラーを変更するだけでオリジナルができるでぇ♪
スポンサーリンク
カスタムサイズ
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/2-7-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/2-7-1024x538.png)
Create New(新規作成)をクリック
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/21-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/21-1024x538.png)
New Project(新規プロジェクト)→Customize(カスタマイズ)をクリック
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/7-1-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/7-1-1024x538.png)
Width(横幅) x Hight(縦幅)を入力してCreate!をクリック
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/8-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/8-1024x538.png)
Vismeの登録方法
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/3-3-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/3-3-1024x538.png)
メールアドレス、Googleアカウント、又はFacebookでサインアップ
※ここではGoogleアカウントで登録します。
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/4-1-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/4-1-1024x538.png)
ご利用目的が個人の場合はPersonalを選択
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/5-4-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/5-4-1024x538.png)
【Basics】 テキスト入力
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/9-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/9-1024x538.png)
❶Basicsを選択
❷Header&Textを選択
❸テキストスタイルを選択してクリック
❹左からテキストスタイル/サイズ/色/ボールド/下線 etc…
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/10-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/10-1024x538.png)
❶Basicsを選択
❷Font Pairs(フォントペア)をクリック
❸フォントペアを選択
❹フォントペアのグループ化をUngroupで解除できる
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/11-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/11-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
お洒落なフォントペアがいっぱいあるでぇ♪
【Basics】線と図形
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/12-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/12-1024x538.png)
❶Basicsを選択
❷Lines & Shapesをクリック
❸お好きな線と図形をクリック
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/13-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/13-1024x538.png)
様々な図形が選択可能
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
これだけちゃうでぇ!まだまだあるでぇ♪
【Basics】アイコン
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/14-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/14-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/New-OBchan-White-1-150x150.png)
フリーイラストのunDrawも要チェックやでぇ〜♪
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/02/undraw_eyecatch-2-300x169.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/02/undraw_eyecatch-2-300x169.png)
【Basics】動くイラストレーション
Devices(ディバイス)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/15-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/15-1024x538.png)
❶Basicsから
❷イラストレーションを選択
❸Devices(ディバイス)を選択
Environment(環境)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/16-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/16-1024x538.png)
Basicsから❶イラストレーションを選択
❷Enviroment(環境)を選択
❸カラーを変更できます
【Photos】画像
Photo(写真)とCutout(切り取り画像)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/17-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/17-1024x538.png)
Photo(画像)/Cutout(切り取り画像)
Cutout(切り取り画像)集
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/18-1024x538.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/04/18-1024x538.png)
※このほかにもまだまだ沢山のCutout画像があります
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/03/OB-finger-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/03/OB-finger-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/03/OB-finger-150x150.png)
写真フリー素材もっと見たい?それならO-DANもチェックやでぇ♪
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/03/ODan_eyecatch-300x169.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/03/ODan_eyecatch-300x169.png)
スポンサーリンク
まとめ
Vismeいかがでしたか?
無料版ではダウンロードできないのがとても残念だったけど、
フォントペアやテンプレートがお洒落だからデザインの参考になりました。
グラフィックツールを使い慣れてる方ならVismeもすぐ使えるはずですよ!
Canvaに飽きた(そんな人いるかな?)と言う方は、Visme有料版もありかもですよ!
最後まで読んで頂きありがとうございました♪
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/86c78a444c74f1c5fc8eefeb8956ccc6-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/86c78a444c74f1c5fc8eefeb8956ccc6-150x150.png)
![](https://www.hitoridotambade-go.com/wp-content/uploads/2022/01/86c78a444c74f1c5fc8eefeb8956ccc6-150x150.png)
また他にも海外のWebデザイナーが使ってるサイト探してみよっと♪
にほんブログ村