ホームページ制作で欠かせないのが、画像作成・画像加工です。特に、ホームページのいちばん上「ヘッダー」と呼ばれる部分には、ページ内容が一目でわかる写真を入れるといいですね!
ホームページのヘッダー画像を変えてみよう
以前ペライチで作成したLP「先生のための生徒集客ホームページ制作講座」を久しぶりに見たら、ヘッダーの黄昏感がすごかったです。
たぶん、そのときは、オレンジ色で統一したかったんだと思います。オレンジ色は元気カラーでもあるのですが、集めすぎてしまうと“たそがれ”てしまうんです。
そこで、時間をかけずにサクッと画像を差し替えしたいと思います。
今回、ヘッダー画像の作成に使うツールは...
アプリでもPCでも無料で使えるCanva(キャンバ)
テンプレートからイイ感じのレイアウトを選びます。
テンプレートにある元写真(この場合、結婚式写真)を抜いて、いや、抜かずに上書き(上乗せ?)でもOK!
![画像デザインツールのCanvaの使い方 画像デザインツールのCanvaの使い方](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi98sCEdxC-y4XIl3i64MchMH56c1w_POS122Hz03OPN-gNmPDxwWPmkKrI6fm_7dt9ILqI7qL1NBrYw5fJQcUXp8F45gX-EejEzTLjS_MSCSeN9MPuZhjbDyB_fQcFIEBhdJEViJi-JUe7/s800/20191026-2.png)
ホームページが「先生のための〜」なので、習いごとを意識した画像を並べたいと思います。
Canvaのスゴイところは、検索窓に「手芸」とか「子育て」とか 入力するだけで、いい雰囲気の画像がたくさん出てくるところです!
*有料写真を使うとさらにクォリティーがあがります。
![Canvaには無料で使えるオシャレな写真がたくさん! Canvaには無料で使えるオシャレな写真がたくさん!](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtYW9zh4nxmfmxE2Y1tUzek5RCTFhI6mzk_ZJlmIDriJGov8lqPbVBQahTY1t8ZyIBJQrUTRSI2G2xFNw8ypEYAi9UnnKVeXg4NEEA44Wx1GBEy5UnjnNlEQlHmB1MREvK1G_61QPKWua4/s800/20191026-handmade.png)
文字を入れることもできるのですが、ホームページに入れたときのことを考えないと、もじもじくんになってしまい、伝えたいことがかえってボケてしまいます。
![ホームページのヘッダーに入れる画像はここが注意! ホームページのヘッダーに入れる画像はここが注意!](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2D8EdMw4yVnFT_9mg_kAeti_k_oA8_t_BDgWHV9Dpaxy9NuiQwoZ1TF8iCRPGZTRJNEH6OjV2DVj7ZeV79oMKg3L2lu2nWotdARKoS1YbvDzZg_lqfYyTlvaEupNgJRULJzc_M1_bXInY/s800/20191026-3.png)
なので、今回は、画像だけのヘッダーに変更したいと思います。
ここで便利なのが 複製ボタンです。同じデザインが下にコピーされるので、元を残しつつ、何枚でも微妙にデザインを変えたものを作成できます。
![グラフィックアプリCanvaの使い方 グラフィックアプリCanvaの使い方](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwqGmySAdxmlVg4WhqVuLs5E5qyiCvcRi3Qrxn2C9zC20dE9yghWRY3PmG2xUPUoFeqvubiYxCYsJMdwnf_y02aaHRJNKlotpc05NyMBubg5-mGhyaahefJjDrnqd1B0pDPQHAvITxHVvm/s800/20191026-9.png)
完成!
![習いごと写真集 レッスン・講座・教室のホームページ画像を作ろう](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMyJWkDJf-J3epShyphenhyphenEmE2XLPjN3bevMVEJNKWcRQxP5OUW1qO6P2rPMbtJyRaqG-uvl4zBPq7p4gLxMhbG-_rNNnSn1meJ9nGAWjAhb-iMT1fIXzS5J2pCyDXL7tqHaqsskOwkwxgzSlfK/s800/20191026%25E2%2588%25927.png)
ホームページに入れてみました
*実際のホームページで見てみてください
「先生のための〜」なイメージを残しつつ、落ち着いたヘッダーになりました。
スマホ側ではこういうヘッダー画像です。
![ヘッダー画像は、パソコンとスマホでの見た目を変えましょう ヘッダー画像は、パソコンとスマホでの見た目を変えましょう](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKkFzSU2Jp1Cn61_BdZ0Rtz63OteKlVtesIEW_VHBVKBA7eTwqACJoD9U1lokgKrCFIEtBqjquByIX0aO4CU3qZOOgGj85cV9kWjLOK1KLo_U94kuhM9I-gpl-rYLXz-nupqhyphenhyphenQyHHcP7H/s400/20191026-hp-a.png)
Canvaにデザインを保存しておく
1-2年前に作成したFacebookイベントページのヘッダー画像。
以前のCanvaインターフェイスで表示されます!もちろん修正も複製もできます。
![Canvaにデザインを保存しておくと便利 Canvaにデザインを保存しておくと便利](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxQiMbXvdC1crwHuwDLeu645rnfcL3YheFi0Lj5yd5E2_v8pp8rV6uPFjs66AkYM1m2Pffo63s_YNalzBf0F6BVHLrXlTlhsYSZqTxEfXYb2GqOmG2TXCtD5Wzt37q7bQC50A3rwzAZE8o/s800/canva-02.png)
お客さんのショップロゴ。
*初心者のためのネットショップ制作講座の中でサクッと作成しました。
![Canvaでロゴやバナーも作成 Canvaでロゴやバナーも作成](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9iV8PCGM27FRYY1aewUfbCxoGSiaSLtlUW-_JVyjbhoNTNykv8djMtf6s1WHx2rSsPSJtcb1UJG6w-6Tsx59HvD-L4GA-VRiGx6FouL_rK2rJ2Nr_fB8JJpBjTGGbeXwYnDKE8hApGvGc/s800/canva-03.png)
Canvaには「デザインが苦手」とか「センスないから」とかいうイイワケは通用しません!テンプレートに沿って写真やイラストを置いていくだけで、きれいなヘッダーやかっこいいロゴが作れます。
みなさんも、フォトショップを立ち上げて うーんと悩んでいる時間があったら、ウェブ上でサクッとデザインしてみてください。
はじめてCanvaを使う人でも、登録から使い方まで30分もあればマスターできます。瀬戸・伏見・一社・長久手・尾張旭・鶴舞などのカフェで開催しているウェブカツinカフェでご相談ください。田口といっしょにCanvaを使ってみましょう。
はじめてストアカを使う方は、ココから500円クーポンをもらってそれを使ってください。
0 コメント:
コメントを投稿