PDA

View Full Version : Surround and image with glow



Charger27
08-11-2008, 04:46 AM
Does anyone know of a program or method to put a glow around and image?

The idea is to use white around a rectangular .JPG, and on top of another larger .JPG.
I would like to gradient the glow from an outer edge transparency of about 80% to the innermost (against the image it surrounds) transparency of basically 0%.

I can get close to what I want with the airbrush, but can't really control the gradient aspect of the transparency.

Any suggestions appreciated.

TheJoshMan
08-11-2008, 05:29 AM
Like this?http://www.eight7teen.com/d.jpg



If so, this is done using the "outer glow" feature in the "layer options" pallette of photoshop. Just right click the layer you want to add the glow to, then click "layer options" and click on outer glow and play with the settings.

Charger27
08-11-2008, 06:51 PM
Yes exactly like that.
I was hoping to avoid buying Adobe Photoshop, but this is just one more reason among several lately that has me resigned to the purchase.

Does anyone have any tips as to which version to buy?
Thanks

TheJoshMan
08-12-2008, 12:38 AM
I don't think you can actually buy version CS2 any longer. I believe you have to purchase the most recent version which is now CS3. Get ready for a hefty price tag. However, there are free alternatives (GIMP) that you could try. I've never used the GIMP so I wouldn't know what sort of features it has in comparison to PhotoShop.

djr33
08-12-2008, 03:03 AM
There are a lot of options.
For one thing, you don't need all the features of photoshop. You could get photoshop elements, which is more limited, but much cheaper.
You could also try any one of the many other programs out there, like fireworks, corel draw (I think that's the current name of their application), paint shop pro, etc.
However, the GIMP is free, and though I don't personally like the way it works (UI, etc), it has a lot of potential and can, in theory, do most everything that any professional program can.
Also, there are free trials available for a lot of the applications, including adobe's software, so you could try the program for a month to see if it fits your needs.
And as for just making a glow, that's not a very hard thing to do, so you should think about what sort of investment you want to make, based on what else you'd want to end up doing with the program. Photoshop is great, but it's also very expensive and a lot more than you need to get just for a glow.

Also, I think it is possible to purchase older versions of photoshop on ebay, etc., though I'm not quite sure how that works. You certainly don't need the newest version.

Nile
08-12-2008, 04:07 AM
You can also use Paint.net (getpaint.net) or Inkscape (http://www.inkscape.org/), both free and both not related to MS Paint.
But then keep in mind that InkScape is Vector (http://en.wikipedia.org/wiki/Vector). And Paint.net is Raster (http://en.wikipedia.org/wiki/Raster).

Charger27
08-12-2008, 05:05 AM
Great suggestions - appreciate the input.
I wasn't real excited about spending $600 to $1000 on a graphics program.

Now if I could only bribe someone to respond to my Javascript post/question... I would be a happy guy. :D

tfit
08-14-2008, 08:05 AM
I think Luce works on paintshop too

techno_race
08-14-2008, 06:58 PM
You can also do this with Fireworks or Flash.
Most graphics programs supply 'filters'.
You could always have somebody here do it for you.
BTW, Photoshop is a must-have for anyone that wants to work with these kinds of graphics.

TheJoshMan
08-14-2008, 07:50 PM
LOL, I suppose I didn't even THINK to say that if they wanted to save a little money that one of us could probably do it for them rather than them buying the program just to put some glow on an image...

techno_race
08-14-2008, 07:59 PM
...for $1,000...

Kenny
08-15-2008, 04: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, 09: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, 03:36 PM
...Can you do this?

djr33
08-15-2008, 05: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.