Уроки Фотошоп Уроки Фотошоп Скачать для Фотошоп

скачать

Уроки Фотошоп

Уроки Фотошоп

Скачать PhotoShop CS6
главная в избранное карта сайта контакт

Уроки Photoshop

Уроки Фотошоп


Уроки Фотошоп


Градиентные заливки


Один из главных сюрпризов для начинающего пользователя Image Ready состоит в том, что в программе нет инструмента Gradient, без которого пользователь Photoshop не мыслит свою работу. Вместо инструмента разработчики снабдили Image Ready эффектом Gradient/Pattern, который применяется к слою, как и Drop Shadow, Bevel and Emboss и др. В этом есть определенное преимущество для Web-дизайнера, поскольку градиенты оказываются свободно редактируемыми.

1. Активизируйте слой Ocean в палитре Layers.

2. Нажмите кнопку с изображением буквы Т в нижней части палитры Layers, она открывает список доступных эффектов.

3. Выберите эффект Gradient/Pattern Вместо кнопки в палитре Layers можно было бы воспользовачься и командой Gradient/Pattern из списка Effects, вложенного в меню Layer. В документе появился линейный градиент с цветами по умолчанию Обратите внимание на появление строки этого эффекта у слоя Ocean в палитре Layers

4. Палитра Layer Options/Effects (которая теперь называется Gradient/Pattern) представляет собой упрощенный вариант диалогового окна GradientEditor в Photoshop (рис 10.15). Она тоже позволяет создавать градиенты с произвольным количеством промежуточных цветов и редактировать эти цвета. Список Gradient Style предлагает только два типа градиента линейный и радиальный. Оставьте градиент линейным Ползунок Angle задает угол линейного градиента (для радиального угол не имеет смысла и ползунок недоступен); сделайте угол равным 90°.



Рис. 10.15. Палитра Layer Option/Effects для эффекта Gradient/Pattern

5. Нашей целью является градиент из двух цветов с переходом от темно-синего к голубому. Отредактируем граничные цвета градиента. Сделайте двойной щелчок на маркере в левой части полосы градиента. Перед вами диалоговое окно ColorPicker. Выберите в нем голубой цвет (например, R:102, G:204, B:255, что соответствует цвету #66CCFF в Web-пали гре) и нажмите кнопку ОК. Сделайте двойной щелчок на маркере в правой части полосы градиента. Перед вами диалоговое окно Color Picker. Выберите в нем темно-синий цвет (например, R:51, G:102, В:204, что соответствует цвету #3366СС в Web-палитре) и нажмите кнопку ОК. Градиент приобрел желаемый вид.

6. Движок в форме ромба над полосой градиента в палитре Layer Options/Effects определяет положение средней точки градиента, в которой граничные цвета смешаны в пропорции 1:1. Сместите его слегка вправо, и область темного цвета станет меньше.

7. Вы можете добавлять промежуточные цвета в созданные градиенты. Щелкните курсором мыши примерно посередине между маркерами цветов на полосе градиента в палитре Layer Options/Effects. На месте щелчка появится новый маркер. Он имеет цвет, соответствующий выбранной точке градиента. Изменить его можно с помощью Color Picker так же, как мы сделали для граничных цветов градиента. Лишние промежуч очные цвета легко удалить. Перетащите с помощью мыши средний маркер за пределы палитры, и он будет удален. Воспользуемся эффектом Gradient для создания фоновой полосы под надписью "EUROPE '99".

1. Создайте новый слой Stripe поверх всех слоев документа нажатием кнопки Create New Layer в нижней части палитры Layers.

2. Выберите на палитре инструментов инструмент Rectangle.

3. Установите черный цвет текущим основным цветом, щелкнув на пиктограмме. Default foreground and background color в палитре инструментов или нажав клавишу .

4. Нарисуйте черный прямоугольник, как показано на рис. 10.16. Действуйте так, как если бы текущим был инструмент Marquee. При использовании инструмента Rectangle очерченная область немедленно заливается текущим основным цветом без образования выделенной области.



Рис. 10.16. Прямоугольник нарисован инструментом Rectangle

5. Добавьте к слою Stripe эффект Gradient, выбрав соответствующую команду в списке эффектов. Как вы помните, он открывается нажатием кнопки с изображением буквы "f" в нижней части палитры Layers. Полоса приобрела градиентную заливку от черного (слева) к белому (справа).

6. Теперь нам потребуется изменить параметры градиента таким образом, чтобы переход шел от черного не к белому, а к прозрачности. Если бы подобная задача стояла перед нами при работе в Photoshop, то самым очевидным решением было бы создание градиента от черного к прозрачности (см. гл. 3). Обратимся к палитре Layer Options/Effects. Она не имеет никаких средств редактирования прозрачности! Тем не менее выход есть. Сделайте двойной щелчок курсором мыши на пиктограмме слоя Stripe. Перед вами диалоговое окно Layer Options (рис. 10.17), содержащее параметры слоя. Настройки в области Options совершенно аналогичны тем, что вы видели в Photoshop. Выберите в списке Mode режим наложения Multiply, а ползунок Opacity установите на отметке 60%. Нажмите кнопку ОК. Эффект достигнут (рис. 10.18).



Рис. 10.17. Диалоговое окно Layer Options в ImageReady



Рис. 10.18. Для придания градиенту прозрачности использован режим наложения Multiply

Как видите, эффект Gradient в Image Ready далеко не обладает такой гибкостью, как одноименный инструмент в Photoshop. Основное ограничение эффекта состоит в том, что его можно применять только ко всем объектам, находящимся на слое. Например, вы не можете заполнить градиентом выделенную область. Кроме того, эффект имеет и два других существенных ограничения: отсутствие регулировки прозрачности, наличие только двух типов градиента (линейный и радиальный). Несмотря на это, возможности эффекта Gradient практически исчерпывают нужды Web-дизайнера и при этом делают градиенты свободно редактируемыми. Если же вам требуется нечто большее, просто перейдите в Photoshop, нажав кнопку Jump To Default Graphic Editor на палитре инструментов.

Уроки Фотошоп

Уроки Фотошоп © 2005-