Рисуем капсулу
|
В этой статье я расскажу о том, как нарисовать вот такую симпатичную капсулу, используя только стандартные средства Adobe Photoshop 6.
|
|
1. Установите четыре направляющих так, чтобы они ограничивали область в которой необходимо создать капсулу. Измерьте и запомните (запишите) размеры этой области. Я, в своём примере, буду рисовать капсулу размером 360 на 120 точек. В палитре инструментов выберите цвет переднего плана, в который Вы собираетесь раскрасить капсулу. Включите инструмент скруглённый прямоугольник [U] (Rounded Rectangle). На палитре настроек включите режим создания залитых областей (Create Filled Region). Установите значение переменной Radius равной половине высоты капсулы (в моём случае - это 60 точек). Создайте новый слой, назовите его Capsule, и нарисуйте в нём тело будущей капсулы так, как это показано справа. |
|
2. Создаём нижний блик.
Нажмите клавишу Ctrl и удерживая её щелкните по слою Capsule в палитре Layers (слои). Загрузится выделение по форме капсулы. Выберите пункт меню Select > Modify > Contract и в появившемся окне введите значение равное одной трети высоты капсулы. В моём случае это значение равно 40 точкам. Создайте новый слой и залейте в нём выделенную область белым цветом.
|
|
3. Нажмите Ctrl+D, чтобы снять выделение. Примените фильтр Filter > Blur > Gaussian Blur со значением радиуса примерно в 8 раз меньше высоты капсулы. Я использовал значение 15. Затем нажмите V, чтобы включить инструмент Move и нажав, и удерживая клавишу Shift, передвиньте изображение на текущем слое вниз так, как это показано справа. Отключите отображение этого слоя, чтобы он пока Вам не мешал.
|
|
4. Создаем область верхнего затемнения.
Нажмите клавишу Ctrl и удерживая её щелкните по слою Capsule в палитре Layers (слои). Загрузится выделение по форме капсулы. В палитре инструментов выберите цвет переднего плана несколько более тёмный, чем тот, в который окрашена капсула. Создайте новый слой, и нажмите Alt+Backspace, чтобы залить выделенную область этим цветом. Выберите пункт меню Select > Modify > Contract и в появившемся окне введите значение равное одной шестой высоты капсулы. В моём случае это значение равно 20 точкам. Включите любой инструмент выделения, например волшебную палочку [W] (Magic Wand). У Вас появится возможность перетаскивать область выделения. Перемещая выделенную область и периодически нажимая кнопку Del удалите на текущем слое не нужные участки изображения так, как это показано на рисунке снизу. На нём запечатлено состояние перед последним нажатием на кнопку Del.
|
|
|
5. Вызовите фильтр Filter > Blur > Motion Blur и установите значение угла (Angle) равном 0 градусов и значение отрезка (Distance) равном примерно одной восьмой высоты капсулы. Я использовал значение 15 точек. После применения фильтра изображение вылезет за пределы капсулы. Не обращайте на это внимания, потом мы всё подчистим.
|
|
6. Создаём верхний блик.
Нажмите клавишу Ctrl и удерживая её щелкните по слою Capsule в палитре Layers (слои). Загрузится выделение по форме капсулы. Выберите пункт меню Select > Modify > Contract и в появившемся окне введите значение равное одной трети высоты капсулы. В моём случае это значение равно 40 точкам. В палитре инструментов выберите цвет переднего плана значительно более светлый чем цвет капсулы (почти белый). Установите цвет фона такой же как цвет капсулы. Включите инструмент Gradient [G]. Создайте новый слой и залейте в нём выделенную область переходом цветов. Нажмите Ctrl+T, чтобы перейти в режим произвольных искажений (Free Transform). Переместите градиент вверх, встык с областью верхнего затемнения, после чего произведите трапецеидальные искажения изображения так, как это показано на рисунке снизу. Фактически необходимо оттянуть только нижние уголки. Делается это при одновременно нажатых клавишах Ctrl и Shift. Для того чтобы применить изменения нажмите клавишу Enter или дважды щелкните внутри рамки.
|
|
|
7. Примените для текущего слоя фильтр Filter > Blur > Motion Blur с прежними значениями. Нажмите клавишу Ctrl и удерживая её щелкните по слою Capsule в палитре Layers (слои). Загрузится выделение по форме капсулы. Нажмите Ctrl+I, чтобы инвертировать выделение. Переключитесь в слой с верхним затемнением и нажмите Del, чтобы удалить всё, что вылезло за пределы капсулы. Проделайте то же самое со слоем, на котором находится нижний блик. После чего задайте слою с нижним бликом прозрачность 50%.
|
|
8. Для того чтобы использовать прозрачность так, как это видно на нижнем рисунке, необходимо объединить (Merge) слой Capsule со слоем, на котором находится верхний блик. После чего полученному слою в палитре слоёв (Layers) задать прозрачность около 80%.
Для имитации преломления надписи я выделил область по форме капсулы и применил к отрастеризованному текстовому слою фильтр Filter > Distort > Spherize со значением Amount равном 50%.
|
|
|
9. Тень под капсулой делается следующим образом.
Нажмите клавишу Ctrl и удерживая её щелкните по слою Capsule в палитре Layers (слои). Загрузится выделение по форме капсулы. Выберите пункт меню Select > Modify > Contract и в появившемся окне введите значение равное одной трети высоты капсулы. В моём случае это значение равно 40 точкам. В палитре инструментов выберите цвет переднего плана такой же, как цвет капсулы. Создайте новый слой и нажмите Alt+Backspace, чтобы залить выделенную область этим цветом. В палитре слоёв (Layers) установите прозрачность этого слоя равной 40%. Затем нажмите Ctrl+D, чтобы снять выделение. Примените сначала фильтр Filter > Blur > Gaussian Blur со значением радиуса примерно в 8 раз меньше высоты капсулы. Я использовал значение 15. А затем примените фильтр Filter > Blur > Motion Blur со значением угла (Angle) равном 0 градусов и значением отрезка (Distance) равном высоте капсулы. Нажмите V, чтобы включить инструмент Move, и переместите тень туда, где, по Вашему мнению, ей будет самое место.
|
Михаил Сергеенко (http://www.sergeenko.ru) |
вернуться к списку статей |