В этом уроке мы будем рисовать новогоднюю открытку с нуля. Первые шаги мы сделаем на бумаге при помощи карандаша и маркера, затем переместим изображение в Photoshop и скорректируем его для дальнейшей трассировки. Ее мы произведем в Illustrator. Здесь же мы раскрасим работу и добавим финальные штрихи.

Результат

Шаг 1

Для начала возьмите лист бумаги и карандаш. Нарисуйте элементы, которые ассоциируются у вас с Новым Годом. Ваши линии не обязаны быть идеальными. У вас есть карандаш и ластик, чтобы исправить любой штрих. Нарисуйте элементы, и когда доведете их до идеального вида, обведите их маркером или ручкой, но так, чтобы линии не были тонкими.

Шаг 2

Займемся текстом. Если вы впервые занимаетесь собственноручным созданием типографики, это будет отличная практика. Вы можете использовать кисти и краски — акварель или гуашь, или же фломастер, лайнер или любой удобный для вас инструмент. Рисуйте последовательно каждую букву, уделяя внимание толщине линий. Когда поднимаетесь вверх, линия должна быть тоньше, когда опускаетесь вниз — толще. Старайтесь сохранять плавность и округлость линий.

Шаг 3

Если это слишком сложно или долго, вы можете использовать готовый шрифт. Например, схожим стилем обладает шрифт Bromello. Но если вы рисуете руками, продолжаем. Начните с самого длинного слова. В нашем случае это слово «Christmas». После того как вы вырисуете его, вам будет проще понимать где расположить меньшее слово — «Merry». Нарисуйте вспомогательную дугу, по которой напишете слово. Это придаст работе больше динамики.

Шаг 4

Итак, слово «Christmas» готово, теперь нам намного проще разместить второе слово по центру над первым.

Шаг 5

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

Шаг 6

Откройте наши рисунки в Photoshop (предварительно сфотографируйте или отсканируйте их). Настройте для рисунков яркость и контраст. Точные параметры зависят от вашего изображения. Главное увеличьте контраст и яркость так, чтобы изображение состояло только из белого и черного цветов, без оттенков серого (ну или почти так). Для этого зайдите в меню Image>Adjustments>Brightness/Contrast / Изображение>Коррекция>Яркость/Контраст.

Шаг 7

Откройте Illustrator и создайте новый документ размером 21 x 15 cm. Если вы хотите сделать открытку другого размера, не отказывайте себе в этом.

Шаг 8

Копируйте изображения из Photoshop и вставьте в Illustrator. Для этого просто нажмите в фотошопе программе Command/Ctrl+A, затем Command/Ctrl+C и в иллюстраторе Command/Ctrl+V.

Шаг 9

Масштабируйте изображение по размеру документа, затем в меню выберите Image Trace > Black and white logo>Ok/Трассировка изображения>Черно-белый логотип>Ок.

Шаг 10

Не снимая выделения с изображения, кликните по иконке Image Trace Panel/Палитра трассировки изображения и снизьте значение для параметра Treshold/Порог до момента когда изображение «сломается». Чем ниже порог, тем больше деталей вы сможете сохранить. Укажите для параметра Corners/Углы 10%, чтобы сгладить линии. Noise/Шум настройте на 15pt, чтобы добавить еще деталей. И включите опцию Ignore white/Игнорировать белый. Закройте окно, чтобы подтвердить настройки.

Шаг 11

Кликните по кнопке Expand/Разобрать на панели настроек. Теперь мы превратили рисунок в вектор. Это самый быстрый способ. Но самый правильный и грамотный — обводка рисунка вручную инструментом Pen/Перо. Однако в нашем случае наш быстрый способ вполне удовлетворяет нашим запросам.

Шаг 12

Вы заметите что все выделено синим цветом, включая прямоугольник фона. Вот его нам нужно удалить, выделив его инструментом Direct Selection/Прямое выделение, а затем нажав Delete.

Шаг 13

Создайте новую рабочую области инструментом Artboard/Монтажная область. Кликните и потяните до нужных вам размеров. Выделите все элементы и перетащите на новую область.

Шаг 14

Инструментом Lasso/Лассо (Q) выделите сначала текст. Нажмите Command/Ctrl+X чтобы вырезать текст и Command/Ctrl+V, чтобы вставить в оригинальную монтажную область. Нажмите Command/Ctrl+G, чтобы сгруппировать элементы, составляющие текст.

Шаг 15

Инструментом Direct Selection/Прямое выделение (V) потяните за уголок группы, удерживая Shift+Alt, чтобы увеличить текст. В палитре Align/Выравнивание кликните по иконкам выравнивания по горизонтальному и вертикальному центрам.

Шаг 16

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

Шаг 17

Открытка должна выглядеть примерно так. Нам осталось добавить цвета.

Шаг 18

Определитесь с цветовой схемой, которую хотите использовать. Создайте прямоугольник по размеру рабочей области, укажите ему цвет фона и нажмите Shift + Ctrl + [, чтобы отправить его на задний план.

Шаг 19

Чтобы вам было удобнее работать, соберите цвета вашей цветовой палитры в палитре Swatches/Образцы. Нажмите на иконку New Color Group/Новая группа цветов, назовите свою группу и нажмите Ok. Теперь вам будет проще применять цвета.

Шаг 20

Чтобы изменить цвет того или иного элемента, кликайте по нему инструментом Live Paintbucket/Заливка (K). Затем выбирайте цвет, которым хотите залить объект, и вновь кликайте по объекту. Вы можете переключаться между цветами заливки стрелками влево и вправо на клавиатуре.

Шаг 21

Добавьте мелких деталей вашей работе. Например белые точки, блики, пуговки имбирному человечку и т. д.

Шаг 22

Теперь давайте укажем фону виньетку. Создайте прямоугольник по размеру рабочей области и укажите ему стандартную заливку Super Soft Black Vignette/Мягкая черная виньетка из палитры образцов. В палитре Gradient/Градиент удалите средний бегунок.

Шаг 23

Растяните бегунки по краям градиента. Кликните дважды по правому бегунку и укажите ему темный оттенок вашего фонового цвета, также укажите этому бегунку Opacity/Непрозрачность в 80%. Выделите бегунок слева и укажиет ему тот же цвет, но на Opacity/Непрозрачности в 65%. Теперь при помощи слайдеров укажите левому бегунку более светлую версию этого цвета.

Шаг 24

Теперь поместите прямоугольник с градиентом на задний план (Shift + Ctrl + [), а затем нажмите Ctrl + ], чтобы поместить его над прямоугольником со сплошным цветом.

Результат

Автор урока Kimberly Kembie

Перевод — Дежурка

Смотрите также:

• Подборка уроков Illustrator & Photoshop на новогоднюю тематику
• Подборка уроков Illustrator & Photoshop на новогоднюю тематику
• Конфетно-новогодний эффект для текста в Adobe Photoshop