| ライン・飾り罫 | リスト マーク | シームレス パターン |

| ホームページ |
|
|
|

|
単純な矩形
コンピュータで扱う画像はすべて四角(矩形)です。
丸い画像も三角の画像も周りが透明になっているのでそう見えます。 下の見本の場合はすみずみまで色がついているので透明部分がありません。 だから、どんな色の背景に配置しても輪郭部分が乱れて汚くなるようなことないのです。 |
![]() ![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
|
ギザギザだけど
下の画像は、透過色を使っていますが、背景色と融合さていない(アンチエイリアスを使っていない)ので、
どんな色合いの背景であっても輪郭部分が乱れて汚くなるようなことはありません。 けっして滑らかな輪郭ではありまえんが、意図したギザギザをデザインとして採用しているのであれば何も問題はないでしょう。 |
![]() ![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
|
アンチエイリアスの長所と短所
下の例は白い背景用に作成した画像で、透過色との境目にアンチエイリアス処理をしています。 白い背景用であるために、暗い背景に配置した場合は白色と融合させようとしているなめらかな色変化が逆効果になって輪郭が汚くなっています。 |
輪郭が汚い |
輪郭がなめらか |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
拡大する分かりやすいですが、
白い背景用にアンチエイリアスを処理をして作られた画像は描画しようとしているピクセル(ひとつの点)
が背景の白色とゆるやかに融合しています。
|
|
このようにアンチエイリアスを施した場合は長所と短所があるのですが、
素材を提供してくれるWebサイトでうまくマッチする画像を手に入れることは案外難しいですね。 Web素材などと宣言しているはずの、あなたが見ているこのサイトもそうです。残念ながら欲しい画像は見つけにくい。 自分自身のサイトを否定することになってしまいますが、このさい 画像作成ソフトで 作ってみるほうがいいのかもしれません。 おっくうがらずに実際に使ってみると案外面白いものです。 |
|
あなたが女性なら、このページものぞいてみてください。 女性のWebページ飾りましょう |

| グラフィックソフト と Web素材 |