ホームページ更新 その6(画像の加工)

ホームページで使用予定の画像の加工を行いました。

 

画像の加工

背景が透明で薄いグレーの線で書かれた画像を加工しまいした。
背景が透明なので、結果的に白背景にグレーの線となっていたのを、背景に色を付け、黒背景にグレーの線にしました。

Photoshopで画像モードがインデックスだったのでRGBにして、レイヤーを追加しました。
追加したレイヤーを背景として黒で塗りつぶしました。

グレーの線の色を変えるには、
編集 > 色塗りつぶし で「透明部分の保持」をチェックを入れて塗りつぶしで塗ると不透明部分のみ色を変えることができます。

画像の配置

今回の画像は背景としてcssで配置していました。
style.cssのbackgrouondに使用する画像を指定します。
表示を繰り返す設定になっているので、画面の横幅が広い時は繰り返して表示されます。

 


SAInoLESSON(サイのレッスン) Macの使い方講座、詳しい情報はこちら