Images on the Neowin Front Page


Recommended Posts

You know what I'm talking about... these beautiful things:

these.png

Is it a server-side script or something? I doubt someone fires up Photoshop every time just to make one of them.

Thanks a lot.

Fred

Link to comment
Share on other sites

Just noticed the "one post wonder"

Welcome :D

I have been on Neowin for a while now and each time I come on, Im amazed by those little windows which are there each time. Very nice stuff.

Link to comment
Share on other sites

Really? Cool. I'm always amazed with image generating scripts.

Yeah it is. They input the image and then type in what they want it to say and it is automatically done.

Link to comment
Share on other sites

It was a coordinated effort :p

Worth noting that the admin panel for those images is awesome, I'm sure the newsies would agree with that. Right, my little slaves?

Link to comment
Share on other sites

It was a coordinated effort :p

Worth noting that the admin panel for those images is awesome, I'm sure the newsies would agree with that. Right, my little slaves?

Sure, when it's working and isn't broken.... ;) hehe

Link to comment
Share on other sites

Ahh... I want it. The images looks amazing.

Is it like PHP and GD or something? Everyone that was working on it sure did an amazing job!

Link to comment
Share on other sites

Plain PHP and GD (and a separate class for masking, but it's nothing special really)

All you really do is copy a section of the main image to a temporary image, blur the temporary image, layer the image/colour over it, then draw it back over the main image. Then you draw text on top of it. The masking is just for the rounded corners.

Link to comment
Share on other sites

It was a coordinated effort :p

Worth noting that the admin panel for those images is awesome, I'm sure the newsies would agree with that. Right, my little slaves?

I always loved the deletion warning. Funny stuff.

Link to comment
Share on other sites

Wow... cool stuff. But how did you get everything to look anti-aliased and smooth? It looks so perfect you wouldn't expect it to be a product of GD.

And I know this isn't a programming forum, but how exactly does the class draw the rounded corners? Anything to do with imagearc?

Link to comment
Share on other sites

Greyscale PNG file :p

Take the value of whatever channel (R, G, B) from the mask, and set the Alpha channel of the original image to match.

Link to comment
Share on other sites

All you really do is copy a section of the main image to a temporary image, blur the temporary image, layer the image/colour over it, then draw it back over the main image. Then you draw text on top of it. The masking is just for the rounded corners.

Sounds nice and easy then! ;)

Link to comment
Share on other sites

  • 2 weeks later...
How cool is that. :)

Very cool indeed ;) Makes them so much easier to maintain and customize.

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.