X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close
入门颜色渐变在Photoshop CS5
翻译谷歌翻译

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

你应该使你的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的梯度工作是轻松有趣。在另一个未来的教程,这将是自定义渐变看,在如何创建,保存和工作的乐趣!

Geoff Blake

Geoff Blake | Articles by this author

Geoff Blake is a book author, video presenter, designer, and visual artist. As an in demand live-on-stage software educator since 1997, Geoff has taught desktop publishing, web design and graphics courses all over North America and is regarded as an expert in Adobe's Creative Suite applications, as well as in HTML, CSS, WordPress, and related technologies. With his humorous, non-jargonny approach, Geoff produces highly regarded articles, video training and DVDs, and regularly contributes to top industry magazines and websites.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link