All Articles Photoshop
入门颜色渐变在Photoshop CS5
Geoff Blake on Sat, February 5th | 0 comments
Gradients are a great way to create visual interest in your designs. But what the heck is a gradient anyway? The way I've come to describe them is, a transition between two or more colors. In other wo

梯度是一个伟大的方式来在您的设计创造视觉上的趣味。但到底是什么反正渐变?我来形容他们的方式是,两个或两个以上的颜色之间的过渡。换句话说,我们将至少有两种颜色混合在一起;和在本教程中,我们将设置为我们网站的头区的背景渐变。

你应该使你的Photoshop文件大小和分辨率?由于我们将创建一个我们的网站梯度,我们可以把一切都低的分辨率(72ppi)。至于尺寸,将取决于我们的网站的布局。这次演习假设我们网站的头面积为960像素,100像素。

但是不要忘记,也可以在打印使用梯度。在这种情况下,你只需要弄清楚如何大面积的打印文件,你要填写,并相应地设置文档的大小。当然,你也可以使用更高的分辨率(300ppi)。

Okay, let's get started on creating our web gradient.

第1步

继续前进,在Photoshop中创建一个新的空白文档。

使用我们的网站的标题梯度的例子,确保相应设置宽度和高度(再次,960x100像素)。此外,分辨率设置为72像素每英寸,颜色模式为RGB。点击OK,当你准备好了。

第2步

From the Toolbox, grab the Gradient tool.


The default gradient that's set for the Gradient tool is Foreground To Background. That means that the starting color in the gradient will be the color that's loaded into the foreground color swatch at the bottom of the Toolbox. The ending color would be the color that's loaded into the background color swatch.

你可以改变你的前景和背景颜色,单击工具箱中的色板,但让我们来看看Photoshop的预设梯度库。

第3步

On the Options bar, click the drop-down arrow beside the gradient swatch.


This opens Photoshop's Gradient Picker. You can either choose from the set of available gradients, or open another gradient library. To open a new gradient library, open the Options menu in the top-right corner of the Gradient Picker, then choose from the list of libraries towards the bottom of the Options menu.

如果你选择Photoshop的额外的梯度库之一,你会被询问是否要取代目前的梯度与新库。单击“ 确定 ”,以取代他们,或追加到当前的库添加到他们。

一旦你选择了一个渐变,就可以将它应用到您的文件。

第4步

要申请您的梯度,文档窗口内单击并拖动。

For example, click and drag from the left side of your document to the right; or from the top to the bottom. You can even drag on an angle if you wish. If you'd like your gradient to be perfectly straight either horizontally or vertically, hold down Shift as you drag.


Sometimes it takes a few tries to get the look you're after. Once you're done, you're ready to save the file out for use on the web.

第5步

Choose File > Save As; then name your file and choose JPEG from the Format menu.

下面是我们的最终渐变看起来像:

在以后的教程中,我们将谈论使用Photoshop 的另存为 Web

从这里,你再装入您的新的渐变头在您的网页布局,也许它直接插入到页眉或通过CSS的图形作为背景设置。正如你可以看到,在Photoshop的梯度工作是轻松有趣。在另一个未来的教程,这将是自定义渐变看,在如何创建,保存和工作的乐趣!

Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: