このブログを検索

2017年10月27日金曜日

ホットペッパービューティーのヘッダー(バナー)をパソコン初心者の人でも比較的簡単に作れるサイト



■おすすめ記事

●業者に頼んでも黒ゴキブリはでる、でなくする方法は

●薄毛、白髪をなるべく安くする方法

●パソコン初心者の方でも簡単にできる、写真トリミング ホットペッパービューティーの写真を作りたい人おすすめ☆

■本記事

今回このようなヘッダー(バナー)を作るには、どうしたらよいのかという質問を受けたのでつくってみました↓↓↓↓↓

引用元:ALBUM SHIBUYA【アルバム シブヤ】

あわせて読みたい記事→パソコン初心者の方でも簡単にできる、写真トリミング ホットペッパービューティーの写真を作りたい人おすすめ☆

iphoneアプリなどで加工できるものもあるが画像が荒れるかもしれないのでパソコンで作ることにした

photoshopや、またはそれに似たフリーツールなどを使えば簡単なのだが慣れていない方には少し難しそうだったのでオンラインツールでできるだけ簡単に作れるものを探したところ発見

Canva
https://www.canva.com/

今回はCanvaを使って上記画像を作るチュートリアルをしてみる

登録などは済ましたものとして

①ホットペッパーのヘッダー(バナー)のサイズは横750px縦250px(3:1)だったので、3:1のテンプレートを選択


②ツイッターヘッダー用のテンプレートが設置された若干ついった用のグレーのガイドがうざいがとりあえず我慢

今回目安にする画像をアップロードしガイドにする

左メニューバーの↑アップロードをクリックし画像をアップロード

アップロードされた画像を選択するとキャンパスに配置される


③配置された画像をクリックすると角に●が表示されるので、そちらにマウスオーバーすると拡大、縮小できる矢印にアイコンが変化するのでキャンパスサイズにぴったり合うようサイズを拡大させる

画像をクリックして、そのままドラッグすると移動する

ちなみにしくじってしまった場合はCtrl+Zでひとつ前に戻る


④次に左メニューバーの素材をクリックしグリッドを選択


⑤今回モデル写真を5枚並べるので5分割されたグリッドを選択
5分割のグリッドが配置された


⑥グリッドに隙間があるが今回の見本の画像は隙間がないので隙間を埋める


グリッドを選択した状態で上部にある間隔をクリックすると隙間を調整できる

⑦今度は埋め込みたい写真をあげる

ガイドとなる画像では女性5人の写真だが面倒なので今回は一人のモデルさんを5枚並べることにした

②の要領で5人分上げたい場合は5枚アップロードする

そして、まず埋め込みたい1枚目の写真を選択、配置


⑦画像をグリッドに向けてドラッグしていくと勝手に埋め込まれる


⑧埋め込まれた部分をダブルクリックすると表示部分を調整できるので好みの位置で調整する、これを5回繰り返す



⑨テキストで好きなフォントを選び、テキストをダブルクリックして好きな文字を入力、ドラッグして好きな位置に


⑩小見出しはいらなければ削除


⑫ちょっと文字の位置はずれてますが(面倒だったので修正せず)完成です、好きな画像タイプでダウンロードしてください



他にも色々とできるのでガンガン触って試してみてください☆

注目の投稿

じぇらいす まちおこし

人気の投稿