桜の写真から作る色々な素材

①

画像加工はＰｈｏｔｏｓｈｏｐCSで行っていますが以前のバージョンでも使える機能ばかり（のはず）です。

背景画像で一番大事なのは「コンテンツを邪魔しない」事だと思います。したがってあまりうるさい色の背景は好ましくありません。
特別な演出をするような場合をのぞいてなるべく「目に優しい」感じにしようと思っています。

まずは色調補正→明るさコントラストで明度を上げコントラストを下げています。この段階でファイルの重さは１９．１Ｋです。

壁紙としては単独で固定に向きます。
サイズを縮小してプレートにしてもいいかもしれません。

②

並べて使用できる壁紙に加工します。
元画像は何枚か別ファイルに複製を作っておきます。
やり直しをしたい場合が出てくるので、レイヤー加工するときもオリジナルは複製しておいて非表示にしておきます。・・・編集で戻るのが面倒な場合もあるので(^^ゞ

フィルタ→スクロールでつなぎ目が画面中ほどに出るようにして、ぼかしツールでつなぎ目を少しばかり目立たなくします。

③

別のファイルで、中心にある花の部分だけを切り取ります。

なげなわツールでおおまかに切り取ってから、マジック消しゴムや普通の消しゴムツールを駆使して慎重に輪郭を切り取っていきます。

切り取れたら、ぼかし→ガウス　処理をして輪郭を適度にぼかします。
すると別の画像に乗せたときに違和感が少ないです。

④

②の画像のつなぎ目を覆い隠すように③をかぶせます。
その後レイヤーを結合して再びスクロールし、つなぎ目に③をサイズを変えたりぼかしを加えたりしてかぶせていきます。

すると満開の桜になります（笑）

この段階でタイル表示可能になります。サイズは１３．８Ｋ
壁紙としてはちょっと重過ぎますね～
細長く切り取ってバナーなんかにはいいかもですね～

⑤

３００ｘ２２５に縮小しました。ファイルの重さも５．３Ｋになりました。
これなら実用にまわせそうです。

⑥

更に画像のサイズを縮小します。２００ｘ１５０　ファイルサイズは３．１Ｋです。
いいんじゃないかな～♪

⑦

で、③で折角苦労して切り出した画像なので、ここは精一杯働いてもらおうと・・・
コピーしたレイヤーをフィルタ→スクロール　して元画像に重ねていきます。

⑧

重ねる画像をぼかしたり、サイズを変えたり、花の重なり具合によってはレイヤーの順番を変えたりしていきます。

⑨

元画像に３回重ねて完成させた例です。
サイズは３７６ｘ３０８　１３．５Ｋ

これもダイエットが必要な感じですね～

⑩

１５０ｘ１２２　３．６Ｋにしました。
おっけーですね。

⑪

ＪＰＧ　２８１ｘ１６７
６．４Ｋ

⑫

ＧＩＦ　２８１ｘ１６７
２５．４Ｋ（笑）

⑬

ＧＩＦ　２８１ｘ１６７
６Ｋ

③の画像をガラスの中に閉じ込めてみました。

桜の画像の上に楕円を描いたレイヤーを重ねます。
この楕円のレイヤーにレイヤースタイルを適用していきます。
べべルとかドロップシャドウはお好みで。
透明にするためには「塗りの不透明度」を０％にします。

タイトルプレートやワンポイントに。ただしこれはＪＰＧ画像なので透明楕円の周りに白い長方形部分があります。白背景で使用するか、使いたい背景色で周りの部分を置き換えなくてはいけません。

ＧＩＦ画像にすれば楕円のまま表示することができますが、この素材は写真由来なので色数が多く、最多色の２５６色にするととっても重たくなってしまいます⑫。
マア画像そのものを小さく縮小してしまえば多少はいいのかも。
そうすればボタンかアイコンには使えるかな・・・

ＪＰＧと同じ重さの程度になるまで色数を減らす（８色）と⑬のようになります。重さの割りに納得いきませんよね。

サムネイルだけでこの頁の容量も大分増えてしまいました。＞＜。

次のページではアイコン、バナー、横型の壁紙を紹介します。