Рекомендуем ознакомиться со следующими разделами Фотошопа:

Комбинируя возможности двух программ, мы создадим лейбл в стиле Диско. Так как в Фотошопе не предусмотрен инструмент «умные гайды», для построения точной картинки мы используем  Иллюстратор.  Этот урок полезен для тех, кто знает Photoshop и готов познакомиться с Illustrator.

Сложность: средняя
Время: от 1 часа

Навыки для "прокачки" в этом уроке:

- изучение "умных направляющих" Иллюстратора
- работа с кривыми
- вставка векторного объекта из Иллюстратор в Фотошоп

Шаг№ 1

Откройте новый документ в программе Иллюстратор размером 220x220mm. Теперь сделайте вот такую сетку с клетками размером 20mm и с 8 делениями. Для того чтобы изменить настройки, зайдите в Иллюстратор – Установки – Сетка и направляющие (Illustrator>Preferences>Guides and Grid).

Шаг№ 2

Теперь, нажмите Ctrl/Cmd+U или выберете из меню Вид опцию Умные направляющие (Smart Guides) и начертите 5 вертикальных линий инструментом Линейный сегмент (Line Segment tool).

Шаг№ 3

Обратите внимание, что когда вы функция Умные направляющие включена, этот элемент активен тоже. Сначала это не очень удобно, но потом вы привыкните. Теперь, выберете инструмент Эллипс (Ellipse tool) и нарисуйте круг от верхней точки сцепления первой линии. Когда вы поставите курсор на точку сцепления, появится ярлычок, который послужит указателем того, что это действительно точка сцепления. Так же, там могут появиться координаты (это зависит от того, какая версия Иллюстратора у вас установлена). Нарисуйте круг, обращая внимание на то, чтобы точка сцепления была выровнена по линии.

Шаг№ 4

Теперь перейдите на правую точку сцепления круга, нажмите Shift+Alt, кликните и перетащите ее, чтобы сделать копию, и выровняйте ее по точке сцепления на следующей линии. Опять, используя сетку как направляющую, измените размер круга, так, чтобы бы обе его стороны выглядели одинаковыми. Повторите это действие еще 5 раз с другими линиями.

Шаг№ 5

На нижней точке сцепления последнего внутреннего круга, используя инструмент Эллипс (Ellipse tool) начертите еще один круг, который соединит все линии вместе. Используйте ту же технику. Опять выберете инструмент Линейный сегмент (Line Segment tool) и начертите линию от верхней точки сцепления того же круга к краю большего круга. После этого, зайдите в Вид – Направляющие – Создать направляющие (View> Guides>Make Guides) или нажмите Ctrl/Cmd+5. Так вы получите новую направляющую под углом 45˚. Она сослужит вам добрую службу на следующем этапе работы.

Шаг№ 6

Используя Умные направляющие (Smart Guides), выровняйте маленькие, соединяющие круги по направляющей, которую вы начертили. Теперь, используя инструмент Ножницы (Scissors tool), обрежьте круги на точках сцепления в тех местах, где они пересекаются с большими кругами и там, где они соприкасаются с вертикальными линиями, которые вы начертили раньше. Функция Умные направляющие позволит вам убедиться, что вы все делаете правильно, такие направляющие действительно очень помогают, когда вы создаете дизайн уроки.

Шаг№ 7

Выделите соединяющие точки с помощью инструмента Прямое выделение (Direct Selection tool). Нажмите Ctrl/Cmd+J и выберете Сгладить (Smooth) для того, чтобы соединить их вместе. Это сведет все сегменты в один контур. Повторите действие с остальными частями, а затем используйте ту же технику в нижней части вертикальных линий. В итоге, у вас должен получиться вот такой один длинный контур.

Шаг№ 8

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

Шаг№ 9

Продолжайте рисовать линии до тех пор, пока у вас не получится нечто подобное, как на картинке. Так же, вам нужно будет каждый раз выключать функцию Прикрепить к сетке (Snap to Grid) для того, чтобы добиться правильного местоположения. Если вы оставите ее включенной, вы не сможете использовать Умные направляющие. Что же, уроки Иллюстратора, так же, как и уроки фотошоп, имеют достаточно много нюансов.

Шаг№ 10

Теперь у вас есть основные линии. Создайте центральный лейбл, выделив самый маленький круг и вынеся его на первый план (Ctrl/Cmd+Shift+]). Затем нажмите Shift, кликните на следующем круге и, используйте Определитель пути (Pathfinder) чтобы удалить формы. Это позволит нам потом залить нужным цветом форму Лейбл.

Шаг№ 11

Теперь, откройте Фотошоп и создайте новый документ 220x220mm. На новом слое, залейте фон белым цветом. В окне Стили Слоя (Layer Styles) создайте выберете Наложение Градиента (Gradient Overlay) и создайте очень мягкое и плавное сочетание, например, c:50, m:0, y:8, k:0 and c:75, m:15, y:30 и k:0. Можете поэкспериментировать и подобрать другие варианты.

Шаг№ 12

Копируйте и вставьте векторные линии в Фотошоп, убедитесь, что основные линии и центральный Лейбл – это независимые друг от друга «Умные Объекты», мы будем окрашивать их по отдельности. Опять зайдите в палитру в палитру слоев. Создайте Наложение цвета (Colour Overlay) –Внешнее свечение (Outer Glow) белого цвета. Установите прозрачность на 40%, а размер на 50 px. Нажмите «да». (для вставки в виде кривых скопируйте объект в Иллюстраторе. в меню Edit (Правка) выберете команду Paste (Вставить). В появившемся диалоговом окне выберите вариант Shape Layer и щелкните по кнопке ОК. Но мы вставляем, как растровый объект).

Шаг№ 13

Откройте новый слой и напишите любым шрифтом слово «Играть». Очень интересный шрифт - Univers Thin Ultra Condensed, вы можете использовать его, чтобы сделать изображение более выразительным и немного его высветлить. Добавьте еще один слой и используйте Радиальное Наложение Градиента (Radial Gradient Overlay) от прозрачного в центре до черного по краям. Добавьте немного Шума через фильтры (Noise – Add Noise) и измените режим наложения на Перекрытие (Overlay). Возможно, вам надо будет уменьшить прозрачность слоя, но это – на ваше усмотрение.

Шаг№ 14

Создайте еще один слой и назовите его «Блеск». Возьмите инструмент Кисть (Brush), установите жесткость на 0% и функцию Случайное изменение округлости (Roundness Jitter) на 100%. Поэкспериментируйте с минимальной закругленностью, но слишком тонкой кисть быть не должна. Теперь нарисуйте такой вот сияющий отблеск на тексте. Будьте аккуратны и последовательны.

Шаг№ 15

Теперь надо добавить фоновое изображение, чтобы придать нашей работе более контекстуальный вид. Возьмите изображение, которое подойдет к этому случаю. Например, вот таких деталей корабельной палубы. Они нам нужны только для контраста. Установите режим наложения Мягкий свет (Soft Light), прозрачность 40%. Теперь, выберете Кривые (Curves) и придайте цветам больше экспрессивности.

 

Все, мы закончили. Наша обложка для диска или заголовок плаката готовы. Удачи!

 

Источник: www.computerarts.co.uk