HTML CSS 講座 トップページへ

ホームページ作成 いまさらHTML,CSS講座

|  Home  |  ホームページ作成の知識  |  HTML 講座  |  HTML TABLE 講座  |  スタイルシート(CSS) 講座  |  携帯サイト 作成 講座  |
[HTMLテンプレートカテゴリ] [未分類カテゴリ]

いまさらHTML,CSS講座トップ > 簡単な画像加工
様々なブックマークサービスがご利用頂けます。

マーク 簡単な画像加工

ホームページや、ブログでデジカメ画像を使おうと思ったのに、背景があまり良くなくて、誤魔化したい場合の簡単な加工方法を解説します。
今回使用するソフトは、Corel Paint Shop Pro XIです。通常版で、9980円〜12000円前後、アップグレード版で、6250円〜
⇒通常版をご購入される方はこちらから
⇒アップグレード版をご購入される方はこちらから
※現在お使いのソフトに下記の加工に必要な機能があれば、新たに購入するする必要はありません。Paint Shop Proは、たまたま筆者が、Ver8の頃から使い続けているソフトで、使い慣れているので今回使用しているだけです。
加工をする画像
元画像450×338
完成
完成画像450×338
※元画像を失わない為に、必ず、コピーを保存し、それを加工するようにします。
■ レイヤーを追加します。
レイヤー追加のバス
レイヤーボタン→ラスタレイヤーがあればそれを選択します。次に、レイヤーの名前などを設定する画面が開きますが、レイヤーを一枚重ねるだけですので、特に気にせず、OKボタンを押して下さい。また、レイヤーパレット上で右クリックしても同じように追加できます。
レイヤー追加
ラスタレイヤーが元画像の上に追加されました。
■ レイヤーを塗りつぶします。
画像を貼り付けるホームページの背景色と同じ色で、追加したレイヤーを塗りつぶします。
例えば、当サイトのこのページに画像を貼り付けるのであれば、カラーコードは、「 #fffdf9 」 になります。塗りつぶす前に、カラーパレット等で前景色を指定しておきます。
塗りつぶしツール
塗りつぶしツールを選択し、ずばっと塗りつぶします。

■ 元画像が見えるように、レイヤーの不透明度を調節します。
レイヤーの不透明度を調節したところ
赤丸の箇所にあるバーを左右にドラッグし、不透明度を調節します。
■ 消しゴムツールで、レイヤーを加工します。
消しゴムツール スモークパフを選択
消しゴムツールボタンをクリックし、赤丸の箇所にある ▼ をクリックすると、消しゴムの種類が選択できます。
今回は、「 スモーク パフ 」
消しゴムツール使用中
消しゴムツールのサイズを 300、ステップは 10、密度 100、回転 0、不透明度 50 に設定し、今回は四隅を誤魔化したいので、画像の中心から、上下左右に、左クリックでドラッグし、レイヤーの色を消して行きます。
■ 仕上げ
最後に、レイヤーの不透明度を100%に戻し、レイヤーと元画像を結合し、保存で完成です。
完成
■ 後書きみたいなもの
作業、お疲れ様でした。今回は、レイヤーを使って、そのレイヤーを消す方法で、背景を誤魔化してみました。
その他、ブラシツールで画像を塗ったり、背景消しゴムで画像を消したりと様々な方法がありますが、ポイントは、レイヤーを使う事です。塗るにしても、消すにしても、元となる画像を加工するのではなく、画像加工ソフトに、レイヤー機能が備わっていれば、レイヤーを加工するようにすると、とても自然な感じになります。
また、多角形や円形でレイヤーを切り取っても面白みのある画像になります ( お好みで )
消しゴムツールも、ブラシツールも、その挙動や、ソフトの癖を把握するまで、少し慣れが必要かもしれませんが、「 元に戻す 」などの機能があれば、何度でもチャレンジできますので、納得の行く画像になるまで練習のつもりで頑張って下さい。

(C) いまさらHTML CSS講座 2002-2008 All right reserved