Pages tagged gradient:

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
How to Use Photoshop Gradients Plus 600+ Gradients to Download | Best Design Options
http://bestdesignoptions.com/?p=2314
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
Gradientifier
http://tools.westciv.com/gradients/
Gradientifier
Illustrator swatches gradient background effect | Veerle's blog
http://veerle.duoh.com/blog/comments/illustrator_swatches_gradient_background_effect/
Gradient style
!!!
36 Color Gradient Sets For Photoshop and Resource Sites: Part 1 | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/resources/36-color-gradient-sets-for-photoshop-and-resource-sites-part-1/
Links to sites with photoshop gradient links
Beautiful Gradient Effects On Web design - Research: Part 2 | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/development/beautiful-gradient-effects-on-web-design-research-part-2/
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.
30 Logo Designs Using Gradient 3D Effects - Inspiration:Part 3 | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/inspiration/30-logo-designs-using-gradient-3d-effects-inspirationpart-3/
- Inspiration:Part 3 | Graphic and Web Design Blog -
32 Handy Gradient Tutorials Using Photoshop And Illustrator:Part 4 | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/tutorials/32-handy-gradient-tutorials-using-photoshop-and-illustratorpart-4/
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/
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.
グラデーションをより滑らかにするPhotoshopのチュートリアル | コリス
http://coliss.com/articles/build-websites/operation/design/photoshop-tutorial-correct-banding-in-gradients.html
グラデーション小技
Beautiful Gradient Typography in Web Design
http://sixrevisions.com/design-showcase-inspiration/beautiful-gradient-typography-in-web-design/
ตัวอย่างการใช้เท็กซ์โลโก้สวยๆบนเว็บ
Dragon Labs » Codename Rainbows
http://labs.dragoninteractive.com/rainbows.php
We use some JavaScript and CSS magic to apply a two-color gradient to any text. Shadows and highlights can also be applied.
Allows creating gradient texts
make gradient headers without img
rainbox gradient text
Applies gradient to HTML text via JS (jQuery) and CSS.
Gradient text creation
Drop-Shadows and Gradients: Be Consistent in Your Visual Metaphors | Webdesigner Depot
http://www.webdesignerdepot.com/2010/01/drop-shadows-and-gradients-be-consistent-in-your-visual-metaphors/
Drop-shadows and gradients are two of the most common design elements on the web. You’ll find them accompanying many different styles. They’re handy effects for web designers because they’re attractive, useful and easy to create with any graphics program. But they have a dark side: they’re frequently abused.
CSS3 Gradient Generator
http://gradients.glrzad.com/
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.
20 Tutorials to Help Master Illustrator’s Gradient Mesh
http://www.blog.spoongraphics.co.uk/articles/20-tutorials-to-help-master-illustrators-gradient-mesh
Multiple Backgrounds and CSS Gradients - Snook.ca
http://snook.ca/archives/html_and_css/multiple-bg-css-gradients
Multiple Backgrounds and CSS Gradients - Snook.ca - http://snook.ca/archives/html_and_css/multiple-bg-css-gradients
Speed Up with CSS3 Gradients | CSS-Tricks
http://css-tricks.com/css3-gradients/
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.
Linear Gradients
http://westciv.com/tools/gradients/
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.
25 High Quality Gradient Sets for Photoshop – 750+ Gradients - Speckyboy Design Magazine
http://speckyboy.com/2010/04/02/25-high-quality-gradient-sets-for-photoshop/
My life needs more gradient shading.
sets for photoshop
High Quality Gradient Sets for Photoshop
55 Inspiring Examples of Gradients in Web Design | Inspiration
http://webdesignledger.com/inspiration/55-inspiring-examples-of-gradients-in-web-design
グラデーションの優れたデザインのサイトいろいろ
Cross-Browser CSS Gradient
http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/
Cómo hacer gradientes usando CSS3 que funcionen en Firefox, Safari, Chrome e Internet Explorer
gradiente por CSS em todos os browsers
Ajaxian » CSS Gradients in Action
http://ajaxian.com/archives/css-gradients-in-action
มาดูตัวอย่างการเล่เฉดสีสวยๆ ใน CSS3 กัน
Gradients - Webkit only..
CSS3 Gradient Buttons
http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/
hover { text-decoration: none; } .button:active { position: relative; top: 1px;
Designing Without Gradients | Build Internet!
http://buildinternet.com/2010/04/designing-without-gradients/
Designing Without Gradients | Build Internet! http://bit.ly/9MLvzu
Dragon Labs » Rainbows » The Demo
http://labs.dragoninteractive.com/rainbows_demo.php
I downloaded the Demo Folder = DL Rainbows Demo . Companion to CSS-Trick button maker. May have more options but not an app.
テキストにグラデーション効果を付加
w to u
The Labs showcases some of our research and development with web technologies like JavaScript and CSS. We also release tutorials and resources to help other web developers enrich the web.
Texto em degrade
Ultimate Collection of Free Photoshop Gradients
http://www.youthedesigner.com/2010/05/04/ultimate-collection-of-free-photoshop-gradients/
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!
Demo: CSS3 Buttons
http://www.webdesignerwall.com/demo/css-buttons.html
CSS Corners, CSS3 Gradient
http://csscorners.com/
CSS3で角丸グラデジェネレーター
WEBデザインをプロっぽく仕上げるPhotoshopのグラデーションファイルの厳選まとめ | 日刊ウェブログ式
http://toshiiy.blog22.fc2.com/blog-entry-90.html
グラデーション
WEBデザインをプロっぽく仕上げるPhotoshopのグラデーションファイルの厳選まとめ | 日刊ウェブログ式フォトショップのグラデーションファイルは作業を早めるのに役立ちますし、テンプレートだと色の参考にもなります。PhotoshopやGIMPの色合いが美しいグラデーションを厳選してまとめました。Photoshop GradientsNice photoshop gradient setDownload SourceUber Glos