デザインを作ってみよう!
今回は本ウェブサイト「テッドラボ」用の画像を作ることにしました。
ではその手順を1つずつ紹介していきたいと思います。
デザインを作成
トップページ、画面右上に「デザインを作成」というボタンがあるので選択します。
画像のサイズを選択
ボタンを押すとメニューが出るので
- 「カスタムサイズ」という項目を選択
- 画像のサイズを指定(作る画像は横長なので「256×100」pxを指定)
- 「新しいデザインを作成」ボタンを選択
文字を追加する
作業用の画面に移行し、まずサイト名の「テキスト」を表示する必要がありますよね。
では下記の手順を行います。
- テキストタブを選択
- お好みのフォントを選ぶ(私はパンプキンカフェを選択)
- 選択したフォントを中央の白紙の場所にドラッグ&ドロップ
するとテキストが白紙の場所に表示されます!
そしてテキストをクリックすると文字を変更できます。
自分の場合「サイト名」と「サブタイトル」みたいなものを充ててみました。
フォントがオサレなせいか、すでに良い感じです…!
背景を選択する
背景が真っ白だと味気ないですよね。
なので背景を変更してみます。
- 背景のタブを選択
- お好みの背景を選んで選択(自分は雲の中に鳥が飛んでいるものを使いました)
選択すると背景画像が変わります。
白色から変わるとグッと印象が変わりますね!
フォントの色を調整
自分の背景はちょっと白っぽくて文字が白飛びしていました。
なのでフォントの色を変えることにしてみました。
- テキストを選択して「A」マークを選択
- 色を背景に合わせて変更(自分は白にしました)
デザインが完成
デザインはこんな感じになりました。
すごく良い感じ!
パーツを組み合わせただけですが「まるでプロがデザインした」ようです!
では早速これを出力してみましょう!
デザインを出力する
まず出力用にデザインの名前を変更します。
- デザインに合わせた名前に変更
- 「ダウンロード」ボタンを選択
ボタンを押すと色々出力設定がありますが、そのまま「ダウンロード」ボタンを選択します。
すると画像がダウンロードされ、無事にデザインデータを出力することができました!
すっごい簡単でしたね!
次は実際にウェブサイトに適用してみたいと思います!
コメント