Great Examples of Colorful Gradients and 3D Effects in Logos | Abduzeedo - design inspiration and tutorials
http://abduzeedo.com/great-examples-colorful-gradients-and-3d-effects-logos

save and share

gradients that look good? yes, it is possible

Photoshop用グラデーションまとめ

In Photoshop, the gradient tool is one of the most useful especially when creating background, icons, buttons for the web and many other things. Today, let’s have a simple step by step tutorial on how to maximize the use of this Photoshop tool. At the end of this post, you well find plenty of resources that you can download and use for free in your designs. The gradient tool is grouped with the Pain Bucket Tool in the Tools palette usually located on the left side of the screen. And since gradient tool is not the default tool displayed in Photoshop, you have may either use the mouse or first press G and then Shift+G to alternate between the paint bucket tool (which is the default tool displayed) and the gradient tool. HOW TO ACCESS THE GRADIENT TOOL IN THE TOOLS PALETTE: Once the gradient tool is selected, an option bar will appear, which then offer you with options to make a new gradient, customize an existing gradient preset or upload more gradient presets to Photoshop. THE GRADI

# # Get Your Free Beta Invitation Code For PDF-to-Word Converter

Links to sites with photoshop gradient links

Gradient Effects On Web design

It’s Monday and beautiful time to get inspired with very good examples and research a little bit what’s happening behind the scenes from graphic designer view. This time I will showcase and analyze gradient effects used effectively in web-design and logo design creation. It’s very important to create and use subtle and eye-catchy color combinations and transitions to achieve modern and stylish effect. Maybe you haven’t noticed but light and shadow effects are widely used and it doesn’t necessary mean just color, but to bring greater effect, use textures and then put on them light but observable transparent color effects and you’ll see magic happening. Using light you can easily emphasize places and actually lead visitor’s attention from point to point using just color, illustrations, text size. After this short introduction I’ll start to share beautiful examples of web site designs which use such light,shadow and gradient effects in very good way.

n my opinion gradient effects are very hard to master, all the beautiful vector icons, illustrations are made on basis of good gradient usage. Gradient mesh tool in Illustrator is the most powerful one, learn how to use it correctly and understand what can be done with it. I found many beautiful tutorials and ordered them from instructional to intermediate tutorials to lead you easier through learning process. I think you should get great starting point here and even if you’re experienced designer, you should find some new tips here definitely. This article completes gradient article series, make sure you read through them all:

Gradient effects are hard to master,all the beautiful vector icons, illustrations are made on basis of good gradient usage and these tutorials are here to help!

How To Correct Banding In Your Gradients Using Photoshop - slodive - http://slodive.com/photoshop/how-to-correct-banding-in-your-gradients-using-photoshop/

Einfach aber effektiv - wie man den Übergang des Farbverlauf.s in Photoshop fließender macht

Correct Banding In Your Gradients Using Photoshop

Design Resources & Inspiration

A tutorial that shows how to get rid of banding in gradients.

ตัวอย่างการใช้เท็กซ์โลโก้สวยๆบนเว็บ

Light and Shadows - Feathering Gradients in Photoshop

The CSS3 Gradient Generator was created as showcase of the power of CSS based gradients as well as a tool for developers and designers to generate a gradient in CSS. CSS gradients generate an image result, meaning the result of a CSS gradient can be used anywhere an image can be used, be it a background-image, mask,border, or list item bullet.

The CSS3 Webkit Gradient Generator is a showcase for the power of CSS webkit gradients. It also provides a simple graphical user interface for working with CSS webkit gradients, allowing a user preview real time what their gradient will look like and provide the code for the gradient they generated.

WebKit browsers paved the way with CSS based gradients. Now Firefox 3.6 is out and is supporting them as well, which makes using them for progressive enhancement all the more appealing. More good news, CSS3 gradients fall into the camp where you can specify fallbacks (i.e. images) so that browsers that don’t support them just use the image instead. But wait… if you need to use an image anyway, why bother with declaring the gradient with CSS? That is kind of how I felt for a long time, but there is one important aspect that makes it worth it: browsers that support them don’t load the image fallback. One less HTTP Request = all the faster your site will load.

Awesome tool for applying some still-proprietary CSS3 styles to browsers that support them.

Webkit browsers have very different syntax for gradients.

Free interactive tool to quickly code CSS3 gradients.

My life needs more gradient shading.

sets for photoshop

High Quality Gradient Sets for Photoshop

グラデーションの優れたデザインのサイトいろいろ

Cómo hacer gradientes usando CSS3 que funcionen en Firefox, Safari, Chrome e Internet Explorer

gradiente por CSS em todos os browsers

Designing Without Gradients | Build Internet! http://bit.ly/9MLvzu

Ultimate Collection of Free Photoshop Gradients - http://www.youthedesigner.com/2010/05/04/ultimate-collection-of-free-photoshop-gradients/

You the Designer is a Graphic Design Blog Featuring Graphic Design Jobs, Tips, Tutorials, Resources, Freebies and Much More. Join the Design Community Today!

CSS3で角丸グラデジェネレーター