The Wonderful World Of Filters...

[thestudent]

-~> INTRODUCTION

While I am sitting here listening to "Ma Sheftak Ella Marra" from Superstar El Arab, Diana Karazon, I figured I would share with you guys the wonderful world of making things appear, then disappear, then appear again, then disappear again... or even something to save you some time creating a cool little effect.

-~> THE WONDERFUL WORLD OF FILTERS...

When Microsoft introduced a series of filters that could create special effects on your web-pages without having to do a lot of image editing and the like, the world kind of looked over it and said, "Bill Gates is just trying to get even more money from us. It'd be cheaper to buy weapons of mass destruction on the black market."

Well, it doesn't cost anything... so the world went wrong with that one.

Such filters as the Alpha, Trans, and others are not commonly used because not too many people know that these filters are available to make your site look like a million and one pesos... (somewhere around $10 USD).

Things like the Alpha filter though:

filter:Alpha(opacity=??, finishedopacity=??, style=?)

can turn a really boring page into something new and fun.

FOR EXAMPLE:
THIS IS EXCLUSIVE- YOU CANNOT SHARE THIS WITH THE REST OF THE BOARD!!

Well... I just might have to kill you if you do... BUT... I had have to know who you are before I could do that... so that option is out of the window... damn *snaps finger*
:iamstupid:

Filters can be used on nearly everying... including those wonderful things we all use called "iframes". Which is exactly what I use on my new website "auhsoj1".

Simply apply the filter code seen above... fill in the four things (or leave the finishedopacity out if you would like one SOLID alpha instead of a weird little dangly doo in it.):

opacity= 1 to 100
the main transparency of the image... 100 being solid, 1 being nothing.

finishedopacity= 1 to 100
the second transparency of the image... again... 100 being solid, 1 being nothing.

style= 0, 1, 2, or 3...

0-uniform
1-linear
2-circular
3-rectangular...

they all look really nice.

Microsoft also has these other filters available for your use and can be used in the "style" tags for the individual objects... or in the style or css scripts you compile for your site...

---BASICIMAGE---

CODE:
filter:BasicImage(grayscale=?, xray=?, invert=?, opacity=.??, rotation=?)

INFO:
GrayScale = 1 or 0... 1 being grayscale enabled, 0 being disabled.
XRay = 1 or 0... 1 being enabled, 0 being disabled.
Invert = 1 or 0... ^^^
Mirror = 1 or 0... ^^^
Opacity = anywhere from .00 to 1... example: .85 would mean that the opacity is 85.
Rotation = 0 to 3... each being 90 degree angles to the right... 1 is 90 degrees right... 2 is 180 degrees... 3 is 180+90 degrees to the right... and 0 is no rotation.

---BLUR---

CODE:
filter:Blur(makeShadow=?, PixelRadius=??, shadowOpacity=?)

INFO:
MakeShadow = True or False... depends on whether you want it to be a shadow blur or not...
PixelRadius= 0 to 20... the radius of the blur.
shadowOpacity= 0.00 to 1.00... the opacity of the blur shadow (not needed if it's not a shadow blur.)

---CHROMA---

CODE:
filter:Chroma(color=?)

INFO:
Color= the color that you would like to make the "transparent" or non-existent color.

---COMPOSITOR---

CODE:
filter:Compositor(function=?)

INFO:
function=0 to 25.

This takes a series of images or a specific object and puts it together in some form of collage.

---DROPSHADOW---

CODE:
filterropShadow(color=???, offx=??, offy=??)

INFO:
color= the color of the shadow
offx=the amount in pixels that the shadow sits at X
offy= ^^ except for the Y value

---EMBOSS---

CODE:
filter:Emboss(bias=??%)

INFO:
Bias=the weight of the Emboss in percent.

---ENGRAVE---

CODE:
filter:Engrave(bias=??%)

INFO:
Bias=the weight of the Engrave in percent.

---FLIP HORIZONTAL---

CODE:
filter:FlipH

---FLIP VERTICAL---

CODE:
filter:FlipV

---GLOW---

CODE:
filter:Glow(color=??, strength=??)

INFO:
Color=the color of the glow.
Strength=the strength of the glow measured: 1-20

---GRAYSCALE---

CODE:
filter:Gray

---ICMFILTER---

CODE:
filter:ICMFilter(colorSpace=??)

INFO:
colorSpace=the name or file... *.icm ext.

---INVERT---

CODE:
filter:Invert

---LIGHT---

CODE:
filter:Light

---MASKFILTER---

CODE:
filter:MaskFilter(color=???)

INFO:
Color=the color that will be used as a mask.

---MATRIX---

come here:http://msdn.microsoft.com/workshop/author/filter/reference/filters/matrix.asp
to learn how to use the Matrix filter.

---MOTIONBLUR---

CODE:
filter:MotionBlur(Add='true', direction=???, strength=??)

INFO:
Add=makes sure the MotionBlur shows up.
Direction=the direction in degrees that the blur is following (i.e.- 120, 145, 150, 167)
Strength=the strength in whole numbers (1-100) that the motionblur is.

---SHADOW---

CODE:
filter:Shadow(color=???, direction=???, strength=??)

INFO:
Color= The color of the shadow.
Direction = direction in degrees of the shadow.
Strength = in whole numbers, the strength of the shadow.

---WAVE---

come to http://msdn.microsoft.com/workshop/author/...ilters/wave.asp
to learn how to use the Wave Filter.

---XRAY---

CODE:
filter:XRay

------------