忘掉 Photoshop 吧：十五个在线生成器

killl

忘掉 Photoshop 吧：十五个在线生成器





　　发亮边缘（Shiny edges），倒影（reflections），干净的 3D 效果（neat 3D effects）（我可能翻译得不准，大家见谅）这些效果都是 web 2.0 中常见的效果。

　　这些效果，对与非 Photoshop 高手的朋友们不一定要用 Photoshop 才能实现的（嗯，好拗口）。我们完全可以用这十五个在线生成器来生成！

链接 | 来源 Tag: Design Forget Photoshop: 15 Online Graphics GeneratorsMay 28, 2007 — 07:04 AM PDT — by Stan Schroeder

Shiny edges, reflections, neat 3D effects - you love them and can’t get enough of them. Well, there’s no reason to spend any time in Photoshop creating them since there are so many tools out there that will do the dirty work for you. Without further ado, here’s a roundup of 15 online Web 2.0 graphics generators.

Buttons

Buttonator



Buttonator slightly fails on the Web 2.0 effects, as its buttons aren’t all that shiny and full of physically impossible light reflections. But, they’re still pretty neat - there’s a plethora of font options, including bold and italic fonts and font color, and a choice of 10 buttons + 10 icons. Furthermore, if you consider paying a monthly fee of 10 bucks, you get access to over 30 more buttons, some advanced options, and you’ll even be able to hotlink them and let Buttonator take care of the hosting fees for you.

http://www.buttonator.com/

RoundedCornr



RoundedCornr (yes, it’s Cornr, without an “e”) is actually several tools in one. It creates boxes / buttons with (duh) rounded corners in several flavors: simple buttons, gradient buttons, box with rounded corner border, or a single rounded corner image. It has quite a lot of options, but unfortunately there’s no color picker, so you have to put in the color codes manually.

http://www.roundedcornr.com/

MyCoolButton



We’ve covered MyCoolButton recently here on Mashable. There’s nothing much to add except that it’s, well, pretty cool, and that its 3D-ish buttons are already becoming a favorite among many bloggers.

http://www.mycoolbutton.com/

Glassy Buttons



Glassy buttons is a button generator with some interesting font choices. It has quite a number of options, including width, height, colors for all elements, and transparency. Oh yeah, it creates the rollover image, too.

http://www.netdenizen.com/buttonmill/glassy.php

Loaders

Ajax Loader



While your visitors are getting annoyed waiting for something to load, the best thing you can do is annoy them further with a nice animated loader. Ajax Loader can create a huge array of those: you just choose the colors.

http://www.ajaxload.info/

Logo generators

Web 2.0 Logo Creatr



This one is actually created as a joke, but surprisingly it works quite well. Slap some text, choose if you want a reflection and/or beta tag and enjoy your new (hip) Web 2.0 logo.

http://h-master.net/web2.0/index.php

Web 2.0 Stylr



This logo creator (also started as a joke) enables you to choose the font, color and gradient, as well as add your own image to the logo. The results vary, but with a bit of experimenting you can get a decent logo.

http://web2.0stylr.com/stylr.aspx

Pixel buttons

BlogFlux Button Maker



If you prefer those tiny barely readable pixel-style buttons to the big shiny ones, seek no further: this button maker got you covered. The buttons are divided into two blocks which can have different color and different text.

http://tools.blogflux.com/buttonmaker/

Button Maker



Very similar to the BlogFlux Button Maker above: small button, tiny text, two blocks.

http://kalsey.com/tools/buttonmaker/

Brilliant Button Maker



Another one that creates tiny buttons with two separate blocks. Works just as good as the two button makers above.

http://www.lucazappa.com/brilliantMaker/buttonImage.php

Pixelbutton



If you still need more of these tiny pixel button generators, here’s another one. This one can deliver the output image in .gif or .png format.

http://www.pixelbutton.com/eng

Backgrounds

Tile Machine



The Tile Machine creates, well, tiles. And tiles are cool, if used in moderation. If you’re too lazy to do your own, you can stea…erm, check out the ones from the user-generated gallery.

http://www.tilemachine.com/

Background image maker



Ah, stripes. Even though it takes only 4 pixels in Photoshop to do most of these, why bother? Background image maker lets you change the margin, the color, and the transparency of the resulting image. Besides stripes, this tool can do horizontal or vertical lines, as well as color gradations.

http://lab.rails2u.com/bgmaker/

Stripe Generator



A very sleek looking tool which will create beautiful, shiny stripes for your website’s background. The options abound: you can change the stripe width, orientation, spacing, color, background color, and, our favorite, you can even add shadows. Don’t miss this one because it’s great, even if you are a Photoshop wiz.

http://www.stripegenerator.com/

Full Layouts

Web 2.0 Generator



Like many other tools on this list, the Web 2.0 Generator was also created as a joke. But, it does a solid job. Based on a couple simple parameters - name, background color, and gradient color - it will create a fully functional CSS/XHTML layout for a website.

http://www.web20generator.com/