2016年6月19日日曜日

【ウォーターマーク01】 + 背景画像 【パターン-03-3】


テンプレート【ウォーターマーク01】 + 背景画像 【パターン-03-3】

使用しているこのテンプレートは、ウォーターマーク01背景画像「パターン-03-3」です。このように各テンプレートと背景画像を組み合わせ実際に使用している状況を確かめることができます。

 ウォーターマークの意味は、いわゆる透かしのことです。日本円のお札に有るような、あの透かしと同じ意味ですが、コンピューターの世界ではデジタル処理した、文字や記号などを画像の中に識別用に記述する方法などの技術処理のこともそう呼びます。

 このように、色々と開発されて使われているようですので、透かしのように背景画像がブログ全体に溶け込んでいるような、そんなイメージを想定したテンプレートという意味で、ウォーターマークと呼んでいるのかも知れません。

 今回使用している、このテンプレート「ウォーターマーク01」の基本的な色調が、かなり濃い目のダークグレーであり、そんな色調なので、当然文字は全体的に白抜きがメインとなります。その様な濃い調子の場合どうしても、バックに使える素材も限られてきますが、今回取り上げている「パターン」では、その様な場合でも使えることを想定して、背景画像がいくつか用意されていますので紹介しましょう。

 その様なイラスト素材の多い「パターン」の中から、今回使用したのは【03-3】の素材です。この素材は、先日「テンプレート エスィリアル03」でも使用しています。同じ画像にもかかわらず、背景色が変わり、使用するテンプレートが違うだけで、これだけの違いがでるという、いい見本になると思いますので、ぜひ実際に確認してみてください。

 この記事の先頭に配置した、パターンの素材集を見てもらうと分かりますが、紹介している素材の右肩が、紙がめくれたように加工された素材がいくつかあります。例えば、【01-4】や【02-2】などの他、今回選んだ【03-3】もその一つです。どれもが、紙がめくれたような「目印」が右肩にあります。実は、この「目印」のついた素材は、素材の色調を変更することが出来るのです。


【パターン-03-3】の紙がめくれたような「目印」

 例えば、【08-1】から【11-1】までの間に模様のデザイン違いで、同様な色調の素材が9つ有りますが、それぞれ先に説明した「目印」が付いていて、全て意味合いは同じ素材なのです。その他にもいくつか有りますが、その様な素材の使い方として、ブログ全体の色味が濃くて、ブログ全体の文字などが白抜きなどで処理する場合に使えるようにと、あらかじめ準備されている様なのです。

 今回使用している【03-3】の場合も、上記に示すような右肩がめくれたような「目印」があり、ダークグレー色で統一された素材の一つですので、自由に色を変化させることが可能です。今回使用するテンプレートの背景色に合わせて、下図のように調整することは容易にできます。


【パターン-03-3】の色調整例

 イラスト的には花を描いた単なる線画ですが、線画としての見え方以上に、全体を地紋のようなイメージとカラーでまとめることが出来ました。このような白抜きを基調としたブログを計画している方にお勧めする組み合わせ方法の一つです

 通常のブラウザの設定では、背景画像は左右に少ししか見えない状態ですので、ブラウザ右上にある最大化をクリックして、是非全体像をご覧ください、ブログ全体に広がる、地紋のようなパターン処理が確認できます。

2016年6月18日土曜日

背景画像「パターン」についての解説記事を追加しました。


◆背景画像「パターン」 - Pattern

 全部で62種類の画像で構成されていて、背景画像の中でも1番目に多い画像数を誇るのがこの「パターン」です。

 「パターン」というだけあって、実に多彩なパターンの図形やイラストによって構成されていて、背景画像として使用するにしても馴染みやすいシリーズだと思います用途としては使い易そうにも感じますが、写真のように何か目的があって使うのとは違い、ブログの雰囲気を可愛らしくする使われ方など、全体のイメージ作りのために役立ちそうな素材になりそうです。他のシリーズと重複する素材も多いので、既に使用している画像もいくつか含まれているようです。


背景画像イメージ「パターン」

「パターン」のナンバリング表

  1 2 3 4 5
01 □ □ □ □ □
02 □ □ □ □ □
03 □ □ ■ □ □
04 □ □ □ □ 
05 □ □ □ □ □
06 □ □ □ □ □
07 □ □ □ □ □
08 □ □ □ □ □
09 □ □ □ □ 
10 □ □ □ □ □
11 □ □ □ □ □
12 □ □ □ □ 
13 □ □

※選択例(  部分の画像参照 )
ウォーターマーク 01 + パターン-03-3



※他の背景画像についてはこちら → 背景画像について!