Adobe Fotoshop CS в примерах (I-II) - Сергей Топорков

Примечание:

Ползунки здесь выступают в роли разделителей цвета. Для изменения цвета нужно сначала сделать его активным, а затем щелкнуть в необходимой по цвету области.

Шаг 3.

Создайте новый слой, щелкнув по кнопке на палитре слоев (рис. 7.3).

Рис. 7.3. Кнопка создания нового слоя

Проведите градиентом по диагонали. Градиент должен быть Linear (Линейный) (рис. 7.4). После этого у вас должен получиться круг, как на рис. 7.5.

Рис. 7.4. Активный Linear Gradient

Рис. 7.5. Результат применения градиента

Шаг 4.

Итак, у вас получился переход от черного к желтому. Перед вами стоит задача сделать эффект блеска, чтобы кнопки были похожи на желе (или стеклянные кнопки, кому как больше нравится). Блеск лучше создавать на более темной поверхности относительно светлой, потому что в этом случае достигается максимум данного эффекта. В самом деле, попробуйте представить себе блеск на светлой поверхности, когда есть темный участок. Другое дело, если бы у вас была ровная заливка без перелива, тогда можно было бы использовать Radial Gradient (Радиальный градиент) для создании объема, но встретимся мы с этим способом на практике в уроке 16 при создании металлического каркаса робота.

Создайте новый слой. На палитре инструментов выберите Brush Tool (Инструмент кисти) либо нажмите <В> (рис. 7.6). Задайте опции, как на рис. 7.7. Обратите внимание на два важных параметра — Opacity (Непрозрачность) и Flow (Поток). С первым мы уже встречались, здесь непрозрачность выполняет сходную функцию, а вот Flow (Поток) — новинка. Но ничего сложного в этом параметре нет, он отвечает за интенсивность работы кисти.

Рис. 7.6. Кнопка инструмента Brush

Рис. 7.7. Панель инструмента кисти

Шаг 5.

Опции заданы, теперь вам нужно нарисовать размытое пятнышко кистью на новом слое. Это пятно будет служить фоном другому, более яркому (рис. 7 8).

Рис. 7.8. Пятнышко от кисти

Шаг 6.

Задайте размер кисти 10рх, а также модифицируйте параметры потока, как на рис. 7.9. Нарисуйте более четкое пятно меньшего размера, после чего слейте слой с пятном и слой с шариком, нажав комбинацию клавиш <Ctrl>+<Е>. Эффект налицо (рис. 7.10).

Рис. 7.9. Изменение Flow

Рис. 7.10. Результат для шага 6

Шаг 7.

Основу вы получили, теперь идут модификации. Создайте новый слой и переместите его ниже слоя с кнопкой-желе. Удерживая клавишу <Ctrl>, щелкните по слою с кнопкой-желе. Затем выполните команду Select | Modify I Expand (Выбор | Модифицировать | Растянуть) и в диалоговом окне залайте значение 8. Залейте выделение цветом АСА479. Тем самым вы делаете подложку под кнопку.

Шаг 8.

Сейчас вы впервые источаетесь со стилями, это сделано специально, чтобы уже на данном этапе вы имели представление о них. Щелкните на слое с кнопкой и зайдите в меню Layer | Layer Style | Bevel and Emboss (Слой I Стиль слоя I Фаска и рельеф), задайте значения, как на рис. 7.11.

Рис. 7.11. Характеристики для слоя с кнопкой

Снова примените этот же стиль, но с параметрами, как на рис. 7.12. к слою с подложкой.

Рис. 7.12. Параметры стиля Bevel and Emboss для подложки

Шаг 9.

Создайте свой градиент и проведите им по диагонали на самом первом слое.

На этом все (рис. 7.13).

Рис. 7.13. Финальный результат

Урок 8. Рисуем LCD-дисплей

Шаг 1.

Создайте новое изображение размером 200x200 с белым фоном. Теперь сделайте новый слой.

Я уже упоминал, что различное сочетание инструментов и клавиш <Ali>, <Shifi>, <Ctrl> открывает дополнительные возможности инструмента. Сейчас вы узнаете еще одну.

Шаг 2.

Сделайте активным Elliptical Marquee Tool (Инструмент эллиптического выделения). Нажмите одновременно клавиши <Shift>+<AU>. Попробуйте создать окружность. Как видите, выделение делается ровным и увеличивается от центр. Сделайте небольшое выделение таким способом (рис. 8.2).

Рис. 8.2. Выделение в виде круга

Шаг 3.

Сейчас необходимо заполнить цветом выделение: выберите понравившийся цвет на палитре, а затем выполните комбинацию клавиш <Alt>+<Васksрасе> при условии, что вы выбрали Foreground Color (Цвет переднего плана). Если же вы выбрали Background Color (Цвет заднего плана или фон), то выполните комбинацию клавиш <Сtrl>+<Васкsрасе>.

Используйте цвет 7ААЕЕ4 (рис. 8.3). На этом этапе очень важно определиться с цветом. Он не должен быть слишком ярким, потому что вы будете осветлять края самого дисплея.

Рис. 8.3. Изображение после заливки цветом

Шаг 4.

На данный момент у вас на новом слое есть синий круг и должно остаться выделение. Создайте новый слой так, чтобы он находился выше слоя с кругом, для этого вам нужно либо находиться на слое (так как Photoshop создает новый слой выше текущего), либо, если вы создали его ниже, переместить его мышью. Нажмите клавишу <D> для перезагрузки цветов. Делаете вы это, чтобы обвести основу дисплея черной линией. Итак, выполните команду Edit | Stroke (Редактирование | Обводка) и посмотрите на рис. 8.4.

Рис. 8.4. Диалоговое окно Stroke

Оставаясь на этом же слое, выполните команду Filter | Blur | Gaussian Blur (Фильтр I Размытие I Размытие по Гауссу) и задайте значение 4 (можно и другое, но большее по значению) (рис. 8.5). Нажмите ОК.

Рис. 8.5. Диалоговое окно Gaussian Blur

Удерживай клавишу <Ctrl>, щелкните на первом слое для загрузки его выделения (слой 0 синим кругом). Теперь сделайте активным второй слой (тот, что с линией). Выполните команду Select | Inverse (Выбор | Инверсия) и нажмите клавишу <Delete> (второй слой должен обязательно быть активным).

Таким oбразом мы сделали инверсию выделения, очистили слой от ненужных пикселов и выровняли все относительно дисплея по кругу. Обводная линия все еще слишком сильно выражена, поэтому установите Opacity (Непрозрачность) 28 % (рис. 8.6).

Рис. 8.6. Изменение непрозрачности

Шаг 5.

Сейчас у вас должна быть следующая картина (рис. 8.7):

— три слоя; — синий круг;

— белый фон; — обводная линии.

Рис. 8.7. Изображение после выполнения шага 6

Вам нужно осветлить дисплей. Для этого создайте новый слой и расположите его выше предыдущих. Перезагрузите цвета нажатием клавиши <D>.

Снова щелкните на первом слое, удерживая клавишу <Clrl>. Обозначьте сильнее ваше выделение. Для этого снова воспользуйтесь функцией Stroke (Обводка), но уже с другими параметрами (рис. 8.8).

Рис. 8.8. Новые параметры Stroke

Шаг 6.

Создайте новый слой и расположите его выше предыдущих. Ели вы потеряли выделение слоя с кругом, то создайте его снова. Сделайте активным инструмент Brush (Кисть) Задайте опции, как на рис. 8.9.

Посмотрите на значок о виде ручки справа от заголовка слоя. Его нужно обязательно активизировать. Данная опция позволяет использовать более мягкие тона, моделируя инструмент Airbrush (Аэрограф).

Рис. 8.9. Панель инструмента Brush

Шаг 7.

Нажмите <D>, затем <Х> таким образом, чтобы сначала перезагрузить цвета, поставив цвет переднего плана черным, а заднего белым. Затем поменяйте их местами. Нарисуйте плавно в нижней части круга небольшую подсветку (рис. 8.10).