PR

【ソフト不要】Canvaでデザインを作ってみよう!

デザイン

デザインを作ってみよう!

今回は本ウェブサイト「テッドラボ」用の画像を作ることにしました。

ではその手順を1つずつ紹介していきたいと思います。

 

デザインを作成

トップページ、画面右上に「デザインを作成」というボタンがあるので選択します。

 

 

画像のサイズを選択

ボタンを押すとメニューが出るので

  1. 「カスタムサイズ」という項目を選択
  2. 画像のサイズを指定(作る画像は横長なので「256×100」pxを指定)
  3. 「新しいデザインを作成」ボタンを選択

 

 

文字を追加する

作業用の画面に移行し、まずサイト名の「テキスト」を表示する必要がありますよね。

では下記の手順を行います。

  1. テキストタブを選択
  2. お好みのフォントを選ぶ(私はパンプキンカフェを選択)
  3. 選択したフォントを中央の白紙の場所にドラッグ&ドロップ

するとテキストが白紙の場所に表示されます!

 

そしてテキストをクリックすると文字を変更できます。
自分の場合「サイト名」と「サブタイトル」みたいなものを充ててみました。

フォントがオサレなせいか、すでに良い感じです…!

 

 

背景を選択する

背景が真っ白だと味気ないですよね。
なので背景を変更してみます。

  1. 背景のタブを選択
  2. お好みの背景を選んで選択(自分は雲の中に鳥が飛んでいるものを使いました)

選択すると背景画像が変わります。

白色から変わるとグッと印象が変わりますね!

 

 

フォントの色を調整

自分の背景はちょっと白っぽくて文字が白飛びしていました。
なのでフォントの色を変えることにしてみました。

  1. テキストを選択して「A」マークを選択
  2. 色を背景に合わせて変更(自分は白にしました)

 

デザインが完成

デザインはこんな感じになりました。

すごく良い感じ!

パーツを組み合わせただけですが「まるでプロがデザインした」ようです!

では早速これを出力してみましょう!

 

 

デザインを出力する

まず出力用にデザインの名前を変更します。

  1. デザインに合わせた名前に変更
  2. 「ダウンロード」ボタンを選択

ボタンを押すと色々出力設定がありますが、そのまま「ダウンロード」ボタンを選択します。

すると画像がダウンロードされ、無事にデザインデータを出力することができました!

すっごい簡単でしたね!

 

次は実際にウェブサイトに適用してみたいと思います!

 

コメント

スポンサーリンク
Ads Blocker Image Powered by Code Help Pro

広告ブロッカーが検出されました

広告をブロックする拡張機能を使用していることがわかりました。これらの広告ブロックを無効にして、私たちをサポートしてください。

タイトルとURLをコピーしました