/*サイドバーフォローボタン*/ .sidebar-follow-buttons{ text-align: center; width:100%; letter-spacing: -.40em; } .sidebar-follow-buttons a { display: inline-block; letter-spacing: normal; width:28%; font-size: 18px; text-align: center; text-decoration: none; padding:6% 0; margin:1%; } .sidebar-follow-buttons .inner-text { font-size:16px; } .sidebar-follow-buttons .hatena { color: #ffffff; background: #38393C; } .sidebar-follow-buttons .hatena:hover { background: #5F6063; } .sidebar-follow-buttons .twitter { background: #55acee; color: #ffffff; } .sidebar-follow-buttons .twitter:hover { background: #89C7F7; } .sidebar-follow-buttons .instagram { background: #3f729b; color: #ffffff; } .sidebar-follow-buttons .instagram:hover { background: #7AA5C7; } /* 関連記事を記事下よりも下に */ .customized-footer { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .entry-footer-modules { -webkit-order:2; order:2; width: 100%; } .entry-footer-html { -webkit-order:1; order:1; width: 100%; } /*-------------------------------------- ヨメレバ・カエレバ(PC) --------------------------------------*/ .booklink-box, .kaerebalink-box{ padding:25px; margin-bottom: 10px; border:double #CCC; overflow: hidden; font-size:small; } .booklink-image, .kaerebalink-image{ margin:0 15px 0 0; float:left; min-width: 160px; text-align: center; } .booklink-image img, .kaerebalink-image img{ margin:0 auto; text-align:center; } .booklink-info, .kaerebalink-info{ margin:0; line-height:120%; overflow: hidden; } .booklink-name, .kaerebalink-name{ margin-bottom:24px; line-height:1.5em; } .booklink-powered-date, .kaerebalink-powered-date{ font-size:8px; margin-top:10px; font-family:verdana; line-height:120%; } .booklink-detail, .kaerebalink-detail{font-size: 12px;} .booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;} .booklink-link2, .kaerebalink-link1{margin-top:10px;} .booklink-link2 a, .kaerebalink-link1 a{ width:30%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:inline-block; margin:5px 2px 0 0; padding:10px 1px; text-align:center; float:left; text-decoration:none; font-weight:800; text-shadow:1px 1px 1px #dcdcdc; font-size:12px; color: #fff !important; } .booklink-link2 a:hover, .kaerebalink-link1 a:hover{opacity: 0.6;} .booklink-link2 a:active .kaerebalink-link1 a:active{ position:relative; top:1px; } /*ボタンを変えるときはここから*/ .shoplinkamazon a{background-color:#FF9901 !important;} .shoplinkrakuten a{background-color:#c20004 !important;} .shoplinkkindle a{background-color:#007dcd !important;} .shoplinkkakakucom a{background-color:#314995 !important;} .shoplinkyahoo a{background-color:#7b0099 !important;} /*ここまでを変更*/ .shoplinkyahoo img{display:none;} .shoplinkyahoo a{font-size:10px;} .booklink-footer{display: none;} /* 囲い枠 */ .box26 { position: relative; margin: 2em 0; padding: 0.5em 1em; border: solid 3px #FA8072; border-radius: 8px; } .box26 .box-title { position: absolute; display: inline-block; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #FA8072; font-weight: bold; } .box26 p { margin: 0; padding: 0; } h2 { color: #FA8072;/*文字色*/ border: solid 3px #FA8072;/*線色*/ padding: 0.5em;/*文字周りの余白*/ border-radius: 0.5em;/*角丸*/ } h3 { padding: 0.25em 0.5em;/*上下 左右の余白*/ color: #FA8072;/*文字色*/ background: transparent;/*背景透明に*/ border-left: solid 5px #FA8072;/*左線*/ } .table-of-contents{ display: none; } .show-area{ display: inline-block; padding: 10px; border-radius: 5px; cursor: pointer; margin-bottom: 0; color: blue; }

\ ハルチャンネル* /

旅行、映画、読書、懸賞生活、美容、時々、人生。

【アイキャッチ画像】簡単編集!LINEカメラを使った皆は知らない画像の加工方法!

f:id:ifyoucandreamit-youcandoit12345:20171205085148j:plain

皆様 こんにちは!* 

初めて辿りついてくださいました皆様

初めまして!*

 

ハルと申します(^^)/*

  

こんな嬉しいツイートや、

他にも数名リクエストを頂きまして…

ありがとうございます◎

 

そんなこんなで、今日はハルのアイキャッチ画像はどうやって作られているのかをご紹介します! 

 

▶この記事を30秒で読む

[表示]

  

画像えらび

画像どうやって選んでるのー?と聞いてくださる事も多いので

画像を探す時に見ているサイトを全部のせておきます!

 

▼コチラよく見てるサイトです◎

無料▶unsplash.com

無料▶Pixabay

有料▶Snapmart

有料▶PIXTA

参考程度によかったら覗いてみてください( ^ω^ )

 

少しだけ補足すると、画像もSEO関係あるらしくて、オリジナル画像の方が出回っていない画像やからGoogle先生は力のこもった良記事だと判断するため、SEOに引っかかりやすくなるそうです。

 

簡単にかくと、

オリジナル画像 > 有料画像 > 無料画像

が、SEOに強い順です。

 

さすがに有料の方が、加工とかも元からこだわってて凄いなって思いますね◎

無料の写真は、出品者によって時々クレジット表記(その制作に参加または協力した人々の名前を表示すること)が必要な場合があるので、確認してからダウンロードしてくださいね!

 

圧縮はTinyPNG

f:id:ifyoucandreamit-youcandoit12345:20171205055135j:plain

↑このアイキャッチ画像ガビガビしてるでしょ?

画像圧縮しすぎてこんな事に(笑)

皆さま!圧縮のし過ぎはご注意を!(笑)

 

ちなみに画像の圧縮はTinyPNGを使っています◎

やじるし(ダウンロードマーク)のところにドラッグ&ドロップすると圧縮が勝手に始まります。

緑のダウンロードボタンを押せば圧縮されたzipファイルがダウンロードできます!

私、これPCでしか使った事ないんやけど、スマホでも出来るんかな?

使った事ある人はコメントなどで教えてください!

 

圧縮無料TinyPNG

 

アイキャッチ画像加工に使ってるアプリ

f:id:ifyoucandreamit-youcandoit12345:20171205085242j:plain

題名にもあるLINEcamera1つだけです。

画像加工のスマホアプリです。

最近、少しだけCanvaというサイトもPCで使ってますが、チンプンカンプンです(笑)

 

むしろ、他の作り方を知らないので

皆さんの使っているアプリだったりサイトだったり

是非おすすめを教えてください!

 

ダウンロード方法 

android▶プレイストア→検索BOX「LINE カメラ」で検索!

1番上のクマのマークのアプリがLINEcameraです◎

私のスマホがandroidなので、androidの方法しかご紹介出来ないんです。

ごめんなさい(´;ω;`)

 

押したらダウンロードできる表示どうやって作るのか分からなくて( ;∀;)

アナログなお伝えの仕方でごめんなさい(´;ω;`) 

 

iphoneの方もLINEcameraで検索してみてください◎

有名なアプリなので必ず出てきます!

 

LINEcameraを使った作り方

 ①サイズ・トリミング・向き変更

使う画像はこのイチゴの画像にしました!

画像選定はLINEcameraギャラリー写真を選ぶことができます◎

f:id:ifyoucandreamit-youcandoit12345:20171205055214j:plain

まずは、↑コチラの「四角いマーク」をタッチして、サイズやトリミング、向きを変更していきます。

 

②フィルター変更

良い感じの加工にしてくれるフィルターはよく使います!

「〇3つ重なっているマーク」を選択するとフィルターを変更する事ができます!

ちなみに今回は「フェアリーテイル」を使い赤みを抑えました◎ 

 

③フレームを選ぶ

f:id:ifyoucandreamit-youcandoit12345:20171205055535j:plain

↑こちらの「四角いマーク」を押すとフレームがたくさん出てきます!
 

f:id:ifyoucandreamit-youcandoit12345:20171205055336j:plain

合わせてみて、違うなと思ったら×のマークを押せばもとに戻ります。

適応を押しても、また変えたいなと思ったら↑四角いマークを押してまた選択画面で変更可能です◎

 

④文字を入力してフォントを選ぶ

f:id:ifyoucandreamit-youcandoit12345:20171205055535j:plain

次は「Tのマーク」↑を押して文字を画像に入れて行きます!

f:id:ifyoucandreamit-youcandoit12345:20171205055426j:plain

文字を入力して次へ進むとフォントが選択できます!

気に入ったフォントがない場合は「Aa+マーク」に行きフォントをダウンロードすれば好みのフォントを使う事も可能です◎

 

⑤スタンプを押す 

メイン画面の「♡のマーク」を押すと、スタンプを使う事ができます◎ 

f:id:ifyoucandreamit-youcandoit12345:20171205055623j:plain

↑この★のスタンプも、正直、押しても押さなくても良かったけど、微調整で「白色」が欲しいと思ったので、スタンプで追加してみました!

もはや、この辺は皆さまのセンスなので(笑)

私は今回使ってみました!

 

f:id:ifyoucandreamit-youcandoit12345:20171205055720j:plain

↑スタンプ押すビフォーアフターです! 

 

完成

 完成しましたー!!

f:id:ifyoucandreamit-youcandoit12345:20171205085148j:plain

このブログ記事のアイキャッチ画像が完成しました!

 

基本的に直感でLINEcameraは触れるので、一度使ってみたら簡単に操作する事が出来ると思います( ^ω^ ) 

よかったら使ってみてくださいね!

 

テクニック

ここからはアイキャッチ画像を作る時のハルが気をつけているコツ(?)ポイント(?)を、ご紹介します!

 

アイキャッチ画像の文字配置の法則

とにかく真ん中につめろ!!

以上!!

 

…え?(笑)

ちがう?

知りたい事と違う?(笑)

 

f:id:ifyoucandreamit-youcandoit12345:20171105170739j:plain 

haru (@haruchannel2017) • Instagram photos and videos

初めは、インスタに載せる時に真ん中だけ表示されて、

両端が切り取られちゃう表示(正方形)なので、真ん中に詰めだしたんですけど、

気づけば真ん中に寄せたらオシャレじゃね?って思って、真ん中に文字を配置するようにしています。

このブログのアイキャッチ画像も一覧になれば真ん中だけの正方形表示なので、ちょうどいいかなーと思っています◎

 

フォントを2個までにする

小難しい事はちょっと置いといて、全部フォントを合わせるとか

フォントの種類を2個までにすると、統一感がでてごちゃごちゃしないのです!

あと、文字の色は鮮やかな色(3色まで)を拾うとパッと見た感じがスッキリして見えて何となく良い感じになります◎

 

まぁ「言葉」について強いて言うなら、ハルチャンネルは日本人の読者さまが99%なので、アイキャッチはなるべく日本語にしています。

本当は英語でカッチョ良くしたいんですけど、英語だとアイキャッチ(本来の意味)にならずに読んで貰えなくなりそうなので(笑)

 

ロゴを入れる

 「ハルチャンネル」のロゴを入れてるんですけど、白か黒って決めてます。

 

全体が暗すぎる時白のロゴ

全体が明るすぎる時黒のロゴ

 

引きしめ色って感じですかね。

 

あと、ロゴを入れる事によってアイキャッチ画像の統一感が出る気がするので、クレジット(制作した人々の名前を表示すること)的な意味合いで付けるようにしています。

画像検索でたまたまアイキャッチ画像が現れた時も「ハルチャンネルのブログだな。」と思って知ってる方は見て頂けるんじゃないかと勝手に考えています(笑)

 

ま、「こだわり」とか言っといて時々忘れちゃんですけどね(笑)

 

ちなみに私、

地味に色彩検定3級を持ってるんですけど、しめ色や、トーンのお勉強をしました。 

www.haruchannel.net

私も完全に趣味でこの1冊だけでお勉強したので、ちょっとだけ色の勉強したいなって方はこの参考書読んでみると、見やすいし勉強になると思いますよー◎

  

さいごに

「教えてほしい!」と言って貰えてから、大変遅くなってしまってごめんなさい。

 

自分で自分のアイキャッチ画像の分析をするって結構難しいですね(笑)

息をするように自分のセンスだけでアイキャッチ画像を作っていたので、何が「良い」と思って貰えているのかが分からない状態からのスタートでした。

 

これで…全です!

私が作る上で気を付けている事とかテクニックなんかは、余すところなくお伝えできたかと思っています! 

 

ただ、ここに並べた事って、ただのテクニックにしか過ぎないと思うんですよね。

いくらオシャレなアイキャッチを作っても、それはもしかしたら、ただの自己満足になるかもしれない。

そうならないタメにも、ブログの内容の充実にも力を入れて頑張らないといけないなぁと感じます。

 

いかがだったでしょうか?

アイキャッチ画像の参考になったでしょうか?

皆さまのアイキャッチ画像を作る時の参考になっていたら嬉しいです!◎ 

 

 

この記事がいいね”面白かった”と思った方は

☆ボタンコメント読者登録ブックマークをしていただけると嬉しいです!

お待ちしております!

 

長くなりましたが、本日はここまで☆

今日もありがとうございますっ!☆ 

 

 

 

▼初心者ブロガー佐藤ハルがブログを続けられている理由

www.haruchannel.net

 

 

 

\ ブログランキングに参加しています /

▼応援よろしくお願いします♪


人気ブログランキング

 

▲良かったらポチッと登録して貰えたら嬉しいです!

▲ツイッターもしてます! お話ししましょ♪

 

***  Good   life ! ***

(C) 2017 ハルチャンネル