Объявления:

Конечный результат:

В этом уроке мы воспользуемся программами Adobe Photoshop и Illustrator, чтобы создать векторную надпись из эскиза на бумаге.

Шаг 1

Нарисуйте эскиз от руки на бумаге, отсканируйте его и откройте в Иллюстраторе. Я подготовил три разных эскиза: два слова и бочку. Рисунки не должны быть идеальными с большим количеством деталей. Они на нужны только для обводки, чтобы определить форму объектов.

Заблокируйте слой с эскизом и создайте новый слой «Midnight». Для каждого элемента будет создан отдельный слой.

Шаг 2

Выберите инструмент Перо (Pen Tool) (P) и обведите буквы чёрным цветом. Увеличьте масштаб, если Вам это поможет.

Пока не трогайте внутренние линии букв. Мы вырежем отверстия через Pathfinder.

Закройте контур и сохраните документ.

Шаг 3

Теперь обведите внутренние линии.

Зажмите клавишу Shift и выделите все внутренние контуры. Объедините их в группу (Ctrl + G) и залейте чёрным цветом. Выделите внешний контур и залейте его серым цветом.

Перейдите в меню Window – Pathfinder. Выберите внутренние и внешние фигуры и нажмите на иконке в окне Pathfinder, отмеченную на скриншоте.

Внутренние части букв должны быть вырезаны. Периодически сохраняйте свой документ.

Шаг 4

Создайте новый слой «Oil» и повторите процесс для второго слова. Начините с внешней части слова, а затем переходите к внутренним. Будет лучше, если Вы будете обводки буквы по отдельности, а не всё слово целиком, как в первый раз. В этом случае Вы сможете контролировать форму и размер каждой буквы и регулировать расстояние между ними. Учтите, что два элемента буквы «i» нужно будет объединить в группу.

Увеличьте размер букв, сохранив пропорции (удерживайте клавишу Shift). Возможно, Вы захотите расположить буквы слова «Oil» ближе друг к другу.

Шаг 5

Создайте ещё один слой и обведите бочку.

Я решил залить бочку градиентом, чтобы показать её объёмность. Также я увеличил толщину линий на бочке, так как они огибают её.

На данный момент все объекты должны выглядеть так:

Шаг 6

Создайте новый документ в Фотошопе размером 1650х1065 пикселей. Скопируйте все элементы в наш документ (Ctrl + C, Ctrl + V). Вставьте их как смарт-объекты. Уменьшите размер каждого элемента при помощи инструмента Свободное трансформирование (Ctrl + T).

Объедините все буквы слова «Oil» в группу (Ctrl + G). Назовите её «Oil».

Шаг 7

Разблокируйте фоновый слой (кликните на нём дважды). Затем примените стиль Наложение цвета (Color Overlay): #0054FF.

Шаг 8

Начнём с расположения слов. Измените их размер и расположите, как показано на скриншоте.

Шаг 9

Перейдите к стилям буквы «O». Примените стиль Наложение цвета (Color Overlay): #D6F800, и Внутреннее свечение (Inner Glow) с параметрами, указанными ниже.

Режим наложения (Blend Mode): Умножение (Multiply)
Непрозрачность (Opacity): 75%
Шум (Noise): 0%
Цвет (Color): #FF5FF00
Метод (Technique): Мягкий (Softer)
Источник (Source): На краях (Edge)
Стягивание (Choke): 0%
Размер (Size): 92 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Диапазон (Range): 50%
Колебание (Jitter): 0%

Скопируйте эти стили на две другие буквы слова «Oil».

Шаг 10

Создайте новый слой поверх остальных слоёв. Инструментом Перо (Pen Tool) (P) нарисуйте чёрные потёки, как показано на скриншоте. Если у Вас есть планшет, Вы можете нарисовать их при помощи жёсткой кисти.

Потёки должны быть растровыми, а не векторными фигурами. Поэтому используйте инструмент Перо (Pen Tool) (P) для создания выделений. Либо установите режим заливки пикселей в настройках инструмента.

Шаг 11

Добавьте больше потёков и капель на слово «Midnight».

Когда работа над созданием потёков будет завершена, объедините все слои потёков в один (Ctrl + E).

Шаг 12

Дальнейшая работа будет посвящена добавления света и теней на буквы. Создайте новый слой, выберите инструмент Кисть (Brush Tool) (B) и настройте его, как показано ниже.

Шаг 13

Выберите слой с потёками и словом «Midnight».

Объедините их в группу (Ctrl + G). Создайте копию группы.

Скройте оригинальную группу и объедините копию в один слой (Ctrl + E). Расположите полученный слой поверх остальных.

Шаг 14

Выделите слой, содержащий слово «Midnight» и потёки.

Белой кистью обрисуйте края букв.

Шаг 15

Нам нужно подчеркнуть форму букв слова «Oil», по которым стекает краска (или нефть). Создайте новый слой, понизьте непрозрачность слоя с потёками и словом «Midnight» и нарисуйте контур на букве, как показано ниже. Преобразуйте контур в выделение.

Обрисуйте верхний край выделения белой кистью.

Продолжайте создавать свечения, которые подчеркнут форму букв.

Шаг 16

Добавьте ещё несколько свечений на нефти, получаемых от светлых букв слова «Oil».

Шаг 17

Создайте копию группы «Oil» и объедините её в один слой. Скройте оригинал группы, создайте новый слой и нарисуйте световые отражения на слове «Oil».

Шаг 18

Прежде чем двигаться дальше, мы почистим палитру слоёв. Объедините группу «Midnight» со свечениями этого слоя. Сделайте то же самое со словом «Oil».

Шаг 19

Сделайте видимым слой с бочкой и поместите его под слово «Oil». Создайте больше потёков, как показано на скриншоте, используя метод, описанный выше.

Шаг 20

Вставьте металлическую текстуру с царапинами поверх бочки. Обесцветьте её через коррекцию Цветовой тон/Насыщенность (Ctrl + U).

Установите Режим наложения текстуры на Умножение (Multiply), выделите бочку и добавьте маску к текстуре, чтобы скрыть её за пределами бочки.

В завершении урока можно затемнить края фона и увеличить размер всех элементов.

Ссылка на источник урока.

Это урок Фотошоп подготовлен для Вас командой сайта globator.com

Похожие материалы: