新しくなったブログヘッダー
自分が一番嬉しくて、にまにまと眺めています(笑)
昨日の記事にも書いたように、この天使の画像を見つけたことが運命
寄り添う少女と天使、そこに何かいろんなものを重ね合わせられそうで。
この少女は、自分でもありそうだとも思えました
それに、この天使は大天使ミカエルに違いありません、すごいイケメンじゃないですか
まあそれはともかく、この画像がとても気に入っているあまり、ついにブログヘッダーとしても活かそうと思いつきました
それによって、ブログタイトルも変え、イメージを刷新させたいなと
ミディアムシップセラピーというメニューも加わった今、オラクルカードリーディングも含めて瑠璃の海が提供するメニューは、ますます成長させていきたいのです
そして広がりを見せていきたい。
そういう想いも込めています。
ということで、今日はそのブログヘッダー製作秘話、そしてブログ編集の悪戦苦闘について語りたいと思います
まずは、ブログヘッダーを作成できるサイトやアプリ探しから始まりました。
画像のサイズを変更したり、トリミングできる便利なアプリは前から元々使っていたので、これはまだスムーズにできました。
使ったアプリは「PICKART」
もちろん、手順なども検索しながら、それらを参考にサイズ調整などを行ったりしていきました。
ブログヘッダー用に、サイズを調整できました。
元の形より、上下を少し切り取った形になっています。
ひとまず、これに文字を入れていきます。
文字を自由に入れられるデザインができるもの。
それは実はいっぱいあり、片っ端から試しに使用してみましたが、自分にとって使いづらいのが圧倒的に多かった
有料のデザインソフトはないので、無料でそれなりにできるところを探す必要があったのです。
でもやはり使ってみて、思うように編集ができない
アプリも同様で、探し続けているうちに、無料でそんな都合よくデザインできるところはないんだろうか・・・と。
ちょっと諦めモードになりかけたところ、運よく、使いやすそうなアプリを見つけました
いろんな書体で文字入れができるし、大きさも色ももちろん自由に変えられる。
使ったアプリは「写真ぷらす」
でも、そこに入っている書体がずらーっとありすぎて。
1つ1つ実際に文字を入れてみないと、どんな書体になっているのかイメージがつかめなかった
1つ1つ作ってみては、違う!この書体はだめだと、ボツの繰り返し。
そのアプリでは、書体の名前がずらっと並んでいるけどデザイン初心者の私にはちんぷんかんぷん。
ネット検索してみると、書体でも本当にいろんなタイプが存在していることがわかり、ほえー
とりあえず、ブログタイトルを仮設置・・・。
続けて、そのまま説明文も仮設置してみる。
うおお、どれも全く書体が気に入りません(笑)
納得のいく書体を求めて、ひたすら検索と試行錯誤を繰り返します。
特に、英字の「Calling」。
自分の思うようなイメージの書体を入手するのが、とっても難航でした
書体が紹介されているのを見つけることはいくらでもあるけれど、その書体の素材というか、そういうものを入手できるのってどこにあるの?って
適当に、じゃこの書体でいいか~とは合わせたくありませんでした
やっぱりこだわりのあるブログタイトルなので、書体も妥協するわけにはいかない。
それに、例えば「C」がCらしく見えにくいというような、クセが強すぎるような書体も嫌でした。
とはいえ、なかなか見つからない・・・・
やっぱり、無料の範囲で自分でデザインするのって限界があるのかなあ
安価なところもあるし、ブログヘッダーだけでも誰かに製作依頼した方がいいかなと何度も思いました。
でも、やっぱりよくよく考えてみると「NO」だと思ったのです。
また何度もブログヘッダーの編集をしたくなるかもしれないことは、大いにあり得る。
あとになって、あ、やっぱりもう少しこの字を小さくしたかったなあと思ったとしても。
それが製作依頼したものだったら、もう変えられなくてそのままにしておくしかない。
でも、自分が編集したものだったらまた自分なりにやり直せるし、もっと良い形にできるかもしれない
その自由性を選ぶために、やっぱり誰かに製作依頼するという選択は捨てました。
だから、自分でとことんできるところまで頑張るしかない
探し続けてしばらく経ち・・・・。
ようやく、英字で満足にかなり近い、理想の書体が見つかりました
この、流れるような筆記体がまず一番の理想だったんです
クセも強くないし、ちゃんと「Calling」って読める
そして、最初は「~魂の呼び声~」がスペースの都合で収まらないかと、二行に分けて設置していましたが。
やはり「Calling」とつなげたいと思ったし、上の筆記体の書体が見つかったことで。
更に、文字間隔も調整することで、二つの綴りをつなげて配置することができました
ブログタイトルの文字の色は白抜きにして、柔らかい雰囲気を出しながらも少しインパクトを与えられるようにデザインしたつもりです。
しかし、説明文の書体は、これまた納得ゆかず
引き続き、こちらの方も満足のいく書体を試行錯誤します。
日本語の書体も実に豊富すぎる
でもブログタイトルの印象に合わせて、同じく柔らかい印象になるようにと明朝体に近いようなイメージで選びました。
スペースのどこに配置するか、文字の大きさを1ポイント変えるだけで、印象も違う
背景の色が色なので、文字の色は迷わず黒!と決めていました。
文章もほぼ決めてあったのですが、ちょっと迷っていたところがありました。
「 ~瑠璃の海」で改行するか、「~セラピスト」で区切るか。
「オリジナリティー」のあとに、「豊かな」とするか、「あふれる」とするか。
それだけのことでも迷いました
検討の末、「セラピスト」で一旦改行し、「瑠璃の海の~」に続けて「オリジナリティーあふれる」にしました
改めて今見てみると、「あふれる」の言葉にした方が平仮名なので、優しい印象になるかなと思いました
また、「あなたの心に寄り添い~」の文章も、ブログタイトルの下の空間に置いて、説明文を右側にまとめてしまうかとも考えました。
そうすると、左側は元の画像のように、綺麗な空間が広がります。
でも、全体的なバランスの重さを考えて、上の案は却下にしました。
やっぱり左側に置いた方が、それなりにインパクト性も出て伝わりやすいかなと思いました
こうしてやっと、ついに完成
長いでしょう~、これだけでまだ、デザイン編ですよ?(笑)
そうそう、この「写真ぷらす」のアプリはスマホでできることから。
実はインフルエンザで休みになり、熱が上がってはいけないからと布団で横になりながら、ずっとスマホでこれを作っていたんです
画像の位置も、マウスではなく指で微調整できるので、太い中指でぷるぷると微妙に動かしていました
言わば、インフルエンザの床で生まれた画像です
しかし、このアプリで私にとって致命的なダメージがありました
それは、画像の一時保存ができないんです
アプリを閉じさえしなければ、作りかけの画像で引き続き編集はできるものの。
一旦作って保存してしまうと、もう完全に編集不可能なんです
なので、今できているこの画像も、やっぱりもう少し字を小さくしたいなあと思ったら、もう一度最初からやらないといけない
そのアプリのメニューにはちゃんと「一時保存」と表示されているのですが、私のスマホではそれをクリックすることさえできないのです。
スマホのキャリアはAndroidなので、もしかしたらiPhoneとかだったら可能なのか、それは私にはわかりません
とりあえず、そんな致命的なダメージがあるということも勉強になりました
ともあれ、ヘッダー画像のデザインは何とかできたので、それをブログに反映させるためにパソコンでCSS編集なるものをしなければならない。
ここからブログ編集編になりますが、もう少し頑張って読んでいただけます(笑)
デザインというものは楽しくてそれなりに好きだけど、HPの作業というのはきっと向いてないだろうなと思っちゃいました
前回で一度ヘッダーを作成してもらった時にCSS編集にかなり手が加わっているようだったので。
ちょっと不安ながらも、一旦アメブロの基本設定に戻し、そこから新たにCSS編集を試みていくことにしました。
一旦基本設定に戻したことで、一気に前回のヘッダーはおろか、全体的な色などが消えてまーっ白に
この状態で、頑張って自分の作ったあのヘッダーを設置しなければ
マニュアルや、他のブログなどの情報を参考にしながら進めるのですが。
その通りにしているはずなのに、なかなか反映されなくて焦りました
何度かやり直しを繰り返していると、いつの間にかヘッダーが反映された
でも、かなりサイズがおかしく見えたので一旦パソコンでの作業はそのままにして。
再びアプリで、さっきの画像のサイズ調整を行いました
これも反映したのですが、それでも左右に空白がある・・・つまり画面の左右いっぱいいっぱいにならないのですが。
サイズとしてはこれが限界だろうし、ちょっと見慣れてくるともうこれでも大丈夫かなという気がしてきて(笑)
それはそのままにして、次の段階に進めることにしました
そしてメニューバーも設定そのものがゼロに戻ったので、新たに作り直しました。
メニューバーの色もヘッダーの雰囲気を損なわないよう選ぶ必要があり、それもずらーっとある色の大辞典なるものから選ぶ。
ひゃー、どの色がいいだろう
遊んでいる暇はないので(笑)、いくつか試してみたらこの深いグリーンが何かいいなと思ったので適用しました
サンプルとして使った元の案が、自分のイメージに近かったのでボタンの色を変えただけで、他はあまり手直しがいらずに済みました。
何か、まるで「教科書」のイメージがするかのように、ピシーッとする感じがして自分としては気に入っているつもりです(笑)
もちろん、リンク貼りも間違えないようにしっかりと。
ブログ全体も真っ白になっていたので、ヘッダーの下部分に色を入れられないかと試し、とりあえず薄いピンク色を入れました。
上のヘッダー部分がどちらかというと暗い感じなので、下は少し明るい気分になれるようにと(笑)
最後に、ブログの基本設定でタイトルや説明文の変更入力をしておしまい。
ブログカスタマイズ方法を書かれているいろんな方のブログなどを参考にしたので、よもや、どこどこを参考にしてと具体的には述べられない
いろんな情報をたくさん試して組み合わせて、ようやく今の私のブログが仕上がったというところでしょうか。
とりあえずは、今のところはこれで満足ですが
でも、またちっちゃなところでも手直ししたいとか、もうちょっとここは良いカスタマイズができるかもとか。
そういうのがありそうなので、時間に余裕がある時などちびちびと試していこうと思います
ブログカスタマイズなどが大好きでお仕事にしてます!というのは、ほんとに尊敬~
デザインはまだ楽しんでできるんですけど~!
・・・・ここで終わるつもりだったのですが、突然閃いて、ヘッダー画像の端を少しぼかすという加工をやってみました
早速、ブログに反映させてみたら、こんな風な感じになりました
ぼかしをあまり大きく入れていないため、少し端の輪郭は残っている方なのですが、それでも当初に比べたらどうかな
背景の白に少し溶け込むような感じになって、まだやわらかい感じになれたかなあ
今度こそ、しばらくはこんな感じでいってみます