Surround and image with glow

**techno_race** · 08-14-2008, 06:59 PM

...for $1,000...

**Kenny** · 08-15-2008, 03:09 AM

View this code with IE to see if VML can help. Just drag the image over the glow and then take a screen capture.
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">
<HEAD><TITLE>sample</TITLE>
<style>
v\:* { behavior: url(#default#VML); }
o\:* {behavior:url(#default#VML);}
body{margin:0px;}
.drag{position:relative;cursor:hand}
</style>
<SCRIPT language=JavaScript1.2>
var dragapproved=false;
var z,x,y;
function move(){ if (event.button==1&&dragapproved){z.style.pixelLeft=temp1+event.clientX-x; z.style.pixelTop=temp2+event.clientY-y;}
return false;}

function drags(){
if (event.srcElement.className=="drag"){
dragapproved=true;z=event.srcElement;
temp1=z.style.pixelLeft;temp2=z.style.pixelTop;
x=event.clientX;y=event.clientY;
document.onmousemove=move}
}
document.onmousedown=drags;
document.onmouseup=new Function("dragapproved=false");
</SCRIPT>
</HEAD>
<BODY bgColor="#000033">
<table style="position:absolute;z-index:2;height:100%;width:100%;"><tbody><tr><td align=center id="palette">

<v:roundrect class="drag" adj="5011,8000,1000,-2000" id="aShape" o:spt="2" style="z-index:3;top:0;left:0;width:115px;height:115px;rotation:0;" coordsize="21600,21600" coordorigin="0, 0" strokecolor = "#ffffff">
<v:fill on="true" id="myVf" opacity="1" type="Gradientradial" color="#ffffff" Color2="#000033" src="Noname.jpg" angle="0" Focus="-29%" Focussize="0%, 0%" Focusposition="0.50, 0.50" method="any" />
<v:stroke on="true" weight="0px" color2="#facf4b" opacity="0%" linestyle="single" filltype="frame" src="Noname.jpg" />
<v:shadow obscured="false" on="false" Type="single" Opacity="100%" Color="#2dea83" Color2="#2fcdee" Offset="-20px -20px" Offset2="-20px -20px" Origin="5%,50%" Matrix=",-92680f,,-1,,-95367431641e-17" />
<v:textbox style="font-size:40px;font-weight:normal;font-style:normal;font-family:Neuropol;FILTER:progid:DXImageTransform.Microsoft.glow(color=#FFFFFF, Strength='25');color:#1d7970;border:0px dashed #1d7970;">

</v:textbox>

</v:roundrect>

<img src="Noname.jpg" class="drag" style="position:absolute;top:10px;left:10px;z-index:4"></div>

<img ID="aImg" src="Noname.jpg" style="position:absolute;z-index:3;left:100;top:100;" class="drag">

</td></tr></tbody></table>
</BODY></HTML>

Use the attached image or another and name it Noname.jpg

**djr33** · 08-15-2008, 08:16 AM

BTW, Photoshop is a must-have for anyone that wants to work with these kinds of graphics.

Not really. It's the leading program in the graphics industry and for good reason. It's not beatable*, but not completely irreplaceable. I can do just about everything in Paint Shop Pro that I can in Photoshop, and I'm talking about my 8 year old copy of PSP5.
The GIMP is a leading competitor, and an experienced user of the GIMP can do just about anything that photoshop can do. Sure, PS may be better (I think it is), but it's certainly not required.

EDIT: *In my opinion, and with today's competing software. It may be beat in the future.

**techno_race** · 08-15-2008, 02:36 PM

...Can you do this?

**djr33** · 08-15-2008, 04:03 PM

With ease, and in a number of programs. Photoshop, After Effects, Paint Shop Pro, and probably Fireworks and the GIMP, though I don't make a habit of using either of those. Actually, I bet I could do that in Premiere and Final Cut Pro too (but it would be exceptionally tedious).

As said many times before, it's not the tools, but how you can use them.

Thread: Surround and image with glow

Thread Tools

Search Thread

Vml

Bookmarks

Bookmarks

Posting Permissions