Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем новогоднюю открытку с нуля

20 декабря 2016 | Опубликовано в Уроки | 1 Комментарий »

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

 

Результат

66_merrychristmas

Шаг 1

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

step_1

Шаг 2

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

step_2

Шаг 3

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

step_3

Шаг 4

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

step_4

Шаг 5

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

step_5

Шаг 6

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

step_6

Шаг 7

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

step_7

Шаг 8

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

step_8

Шаг 9

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

step_9

Шаг 10

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

step_10

Шаг 11

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

step_11

Шаг 12

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

step_12

Шаг 13

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

step_13

Шаг 14

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

step_14

Шаг 15

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

step_15

Шаг 16

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

step_16

Шаг 17

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

step_17

Шаг 18

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

step_18

Шаг 19

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

step_19

Шаг 20

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

step_20

Шаг 21

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

step_21

Шаг 22

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

step_22

Шаг 23

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

step_23

Шаг 24

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

step_24

Результат

66_merrychristmas

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

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

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




Комментарии

Оставить ответ


семь + 1 =

Вставить изображение