Customizing a Graphic

[grantroelofs]

I have web course on a website that I would like to generate a
certificate for when completed. I would like the certificate to be
presented to the user as a single graphic. This means getting the
persons name and date into the graphic. I don't want HTML text
overlaying a background image. I would also like the option for the
user to upload an image which could also be put into the certificate.
I want the user to be able to download this image, the big reason I
want it all in a single graphic. Can someone offer me some advice on
how to make these images automatically. I do want the quality to look
as professional as possible.

 

[thanatoid]

(e-mail address removed) wrote in

I have web course on a website that I would like to
generate a certificate for when completed. I would like
the certificate to be presented to the user as a single
graphic. This means getting the persons name and date into
the graphic. I don't want HTML text overlaying a
background image. I would also like the option for the
user to upload an image which could also be put into the
certificate. I want the user to be able to download this
image, the big reason I want it all in a single graphic.
Can someone offer me some advice on how to make these
images automatically. I do want the quality to look as
professional as possible.

Forgive me if I misunderstood, but YOU are TEACHING a COURSE???
O N W H A T ???????

 

[Neredbojias]

Well bust mah britches and call me cheeky, on Wed, 25 Jul 2007 04:09:03 GMT
scribed:

I have web course on a website that I would like to generate a
certificate for when completed. I would like the certificate to be
presented to the user as a single graphic. This means getting the
persons name and date into the graphic. I don't want HTML text
overlaying a background image. I would also like the option for the
user to upload an image which could also be put into the certificate.
I want the user to be able to download this image, the big reason I
want it all in a single graphic. Can someone offer me some advice on
how to make these images automatically. I do want the quality to look
as professional as possible.

Don't think that can be done but I'd be happy to be proven wrong.

 

[Chris F.A. Johnson]

I have web course on a website that I would like to generate a
certificate for when completed. I would like the certificate to be
presented to the user as a single graphic. This means getting the
persons name and date into the graphic. I don't want HTML text
overlaying a background image. I would also like the option for the
user to upload an image which could also be put into the certificate.
I want the user to be able to download this image, the big reason I
want it all in a single graphic. Can someone offer me some advice on
how to make these images automatically. I do want the quality to look
as professional as possible.

That can be done with ImageMagick.

 

[Pennywise]

That can be done with ImageMagick.

instead it can modify an already existing image
http://en.wikipedia.org/wiki/ImageMagick

He would need something that could generate images (persons name and
such) as layers, then flatten the image.

 

[Sherm Pendley]

I have web course on a website that I would like to generate a
certificate for when completed.

A "web course?" I hope it's not about web development, because if so then
asking this question seems to disqualify you from teaching it.

I would like the certificate to be
presented to the user as a single graphic. This means getting the
persons name and date into the graphic. I don't want HTML text
overlaying a background image.

Options abound. You could use ImageMagick or GD, which are both accessible
from a wide variety of languages:

<http://www.imagemagick.org>
<http://www.libgd.org>

Regardless of the toolkit or language you use, the general approach will be
the same: You'd composite the image layers on the server, using the static
background, generated text, and uploaded image. The result would be a bitmap
that you would then compress to either GIF or JPEG to return to a browser.

None of that is at all relevant to HTML though - it's all done on the server,
which produces either image/gif or image/jpeg data in its response. You'd
refer to the server-side app that produces the image the same way you would
any other image, with an img element:

<img src="make_image.cgi?id=bar">

sherm--

 

[Chris F.A. Johnson]

instead it can modify an already existing image
http://en.wikipedia.org/wiki/ImageMagick

He would need something that could generate images (persons name and
such) as layers, then flatten the image.

With ImageMagick, a command like this could be used to put the
text "John Doe" onto the image xx.png:

convert -font "-*-helvetica-bold-r-normal--*-240-*-*-*-*-*-*" \
-fill black -draw "text 160,100 'John Doe'" \
xx.png xxx.png

Unfortunately, convert requires an X server, so it cannot be used
in a CGI (or is there a way?).

Another possibility is to write a PostScript file (see
<http://woodbine-gerrard.com/testing/xx.cgi>); ideally it should be
converted to PDF, but that, too, requires X.

 

[Travis Newbury]

I have web course on a website that I would like to generate a
certificate for when completed...

This is a simple process with Flash. All of the training we create
have printable certificates when the courses are over. I believe you
can find something at www.flashkit.com that will meet your needs.

 

[Travis Newbury]

Don't think that can be done but I'd be happy to be proven wrong.

Flash can do it...

 

[Neredbojias]

Well bust mah britches and call me cheeky, on Wed, 25 Jul 2007 10:01:15 GMT
Travis Newbury scribed:

Flash can do it...

The methods I've read about in this thread so far seem kind of hard. I
want something easy, man, like a no-brainer.

 

[Bernhard Sturm]

I would also like the option for the
user to upload an image which could also be put into the certificate.
I want the user to be able to download this image, the big reason I
want it all in a single graphic. Can someone offer me some advice on
how to make these images automatically. I do want the quality to look
as professional as possible.

'As professional as possible'? Does it need to be online? You could just
set up a PDF-form with Adobe Acrobat where people can enter their name
and insert their own image into a predefined text and image-field. This
can be done pretty easy with Adobe Acrobat. If it needs to be online:
let the person download the PDF-form, then she will complete the
certificat offline, save it, and upload it again to your course-server...

Just my two cents
bernhard

 

[Animesh K]

Well bust mah britches and call me cheeky, on Wed, 25 Jul 2007 04:09:03 GMT
scribed:


Don't think that can be done but I'd be happy to be proven wrong.

Php can generate images, I think. Though am unsure if this can be done
purely in html.

Other option would be to generate a pDF from a latex installation on Linux.

 

[Sherm Pendley]

Php can generate images, I think.

Pretty much any server-side technology I can think of is capable of it.
Some (like Macradobe's Generator) are specialized for just that.

Though am unsure if this can be done purely in html.

I can't imagine how it possibly could be - especially given the OP's
requirements of the end result being a single graphics file with no
overlaid HTML text.

sherm--

 

[JWS]

I have web course on a website that I would like to generate a
certificate for when completed. I would like the certificate to be
presented to the user as a single graphic. This means getting the
persons name and date into the graphic. I don't want HTML text
overlaying a background image. I would also like the option for the
user to upload an image which could also be put into the certificate.
I want the user to be able to download this image, the big reason I
want it all in a single graphic. Can someone offer me some advice on
how to make these images automatically. I do want the quality to look
as professional as possible.

An interesting example is

http://www.churchsigngenerator.com/

 

[Rev. LuvJoy]

More example image genrators:

http://www.CustomSignGenerator.com has a certificate maker.

Make other images:

http://www.web2.0button.com
http://www.text2logo.com
http://www.comicstripgenerator.com
http://www.avatargenerator.org
http://www.rssbuttons.com
http://www.glitterizer.com
http://www.happyfacegenerator.com
http://cooltext.web20appz.com
http://www.WallpaperGenerator.com
http://www.web20searchengine.com/web-tools/graphics.htm
http://www.bannergenerator.org
http://www.famousdefaces.com
http://www.signgenerator.net
http://www.txt2jpg.com
http://www.signgeneratormaker.com
http://www.headerbar.com
http://www.comedysearchengine.com/comedy-humor/generator.htm
http://www.dangersigngenerator.com
http://www.txt2png.com