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.

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: