This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.
() translation by (you can also view the original English article)
Получите свою 30-дневную бесплатную пробную версию сейчас! Вы будете скачивать 30-дневную полноценную пробную версию CorelDRAW Graphics Suite X7. Эта пробная программа доступна в обеих 32-битной и 64-битной версиях. 64-битная версия была оптимизирована для тех, у кого 64-битная версия Microsoft Windows 8/8.1 или Windows 7.
В этом руководстве мы будем создавать баннер в ретро-стиле для хипстерского барбершопа в CorelDRAW® X7. Мы научимся пользоваться различными инструментами для создания кривых и сегментов, рисовать волосы и изображать стильную густую бороду. Затем мы продолжим разрабатывать баннер и узнаем, как превратить его в модную обложку для Facebook. Начнём!
1. Создаём стильные хипстерские очки
Шаг 1
Начнём с создания основной идеи нашего будущего баннера. Т.к. это будет обложка для Facebook, давайте сделаем её простой и минималистичной, чтобы не перегружать наш баннер деталями, которые могут отвлечь зрителя от главного элемента композиции. Вот очень приблизительный эскиз того, что мы собираемся разработать. Мы оставили немного пустого пространства в нижней части, т.к. оно будет частично покрыто интерфейсными элементами Facebook, такими как аватар в левом нижнем углу и кнопками информации/сообщений в нижней левой части.
Шаг 2
Выберите Инструмент "Перо" на панели Инструментов и начните формировать базовую фигуру очков. Нажмите и отпустите кнопку мыши, чтобы сделать острый угол. Кликните и потяните, пока не увидите управляющие маркеры для создания плавной кривой.
Продолжайте добавлять узлы, затем вернитесь к первому узлу, завершив контур. Используйте Инструмент "Форма" (F10), если нужно отредактировать кривые, изменяя положения узлов и управляющих маркеров.
Шаг 3
Теперь у нас есть база для оправы, давайте создадим саму линзу. Возьмите Инструмент "Прямоугольник" (F6) и поместите квадрат внутри оправы. Сделайте углы слегка закруглёнными, затем Преобразуйте прямоугольник в Кривые (Control-Q). Наконец, используйте Инструмент "Форма" (F10) для изменения формы линзы, вписав её в оправу.
Шаг 4
Выделите обе созданные фигуры и при помощи функции "Исключить объединение" вырежьте отверстие в оправе. Оставьте первоначальную форму линзы поверх оправы.
Шаг 5
Заполните фигуру линзы светло-голубым цветом и при помощи Инструмента "Прозрачность" с Однородной прозрачностью заливки, снизив непрозрачность линзы до 50%. Добавьте маленький декоративный элемент в левой части оправы, сформировав эллипс при помощи Инструмента "Эллипс" (F7) и Преобразовав его в Кривые (Control-Q). Сделайте его углы острыми, сдвинув управляющие маркеры при помощи Инструмента "Форма" (F10).
Шаг 6
Добавьте узкую закруглённую фигуру белого цвета поверх оправы и сделайте её полупрозрачной, сформировав глянцевую пластиковую поверхность очков.
Шаг 7
Дважды Скопируйте и Вставьте фигуру оправы (Control-C > Control-V > Control-V) и перетащите верхнюю копию вверх и слегка вправо. Выделите обе копии и используйте функцию "Задние минус передние" для отсечения ненужных частей. Заполните созданные контуры тёмно-красным цветом, сделав оправу более яркой и трёхмерной. Сгруппируйте (Control-G) все созданные части очков, создайте копию и вторую половину очков, Отразив её по горизонтали.
Шаг 8
Давайте сделаем линзы более реалистичными, добавив блики. Создайте несколько узких прямоугольников, заполнив их белым цветом и снизив непрозрачность при помощи Инструмента "Прозрачность". Объедините фигуры, превратив их в единую кривую. Расположите блики поверх линз, вращая их диагонально.
Шаг 9
Выделите линзу и блик поверх неё и примените функцию "Пересечение" для отсечения ненужных частей за пределами оправы. Впишите оба блика в линзы, создав приятный глянцевый эффект.
2. Оформляем загнутые хипстерские усы при помощи Инструмента "Безье"
Шаг 1
Для начала испробуем ещё один инструмент для построения кривых - Безье. Сначала он может показаться сложноватым, но есть приёмы использования Инструмента "Безье" в рисовании сложных фигур. Начнём с нескольких базовых движений, чтобы привыкнуть к инструменту. Удерживайте клавишу Shift для построения прямой линии, затем нажмите и отпустите кнопку мыши для создания зигзага.
Теперь попытайтесь нажать, удержать кнопку мыши и двигать, пока не увидите управляющие маркеры, которые помогут создать симметричную кривую.
Если хотите создать кривую линию с одной стороны и острый угол - с другой, кликните и протащите, затем нажмите клавишу С для появления Острого узла (или угла), чтобы двигать управляющие маркеры отдельно. Вращайте управляющий маркер, затем продолжите рисовать линию, создав таким образом острый угол.
Наконец, для создания плавной кривой с неравным расстоянием между управляющими маркерами, кликните на конечном узле и нажмите клавишу S, удлиняя управляющий маркер.
Шаг 2
Достаточно теории, давайте проверим всё это на практике и создадим хипстерские усы! Используйте первоначальный эскиз, обведя левую часть усов при помощи Инструмента "Безье". Измените фигуру при помощи Инструмента "Форма" (F10), сделав кривые более плавными и текучими.
Шаг 3
Теперь нам нужно нарисовать волосы, добавив больше деталей. Заполните созданную фигуру тёмно-коричневым цветом, взяв Инструмент "Произвольная" (F5) и нарисовав зигзагообразную фигуру для оттенка. Инструмент "Произвольная" (F5) ускоряет процесс рисования и даёт больше свободы, хотя вы также можете использовать Инструмент "Безье", если с его помощью проще формировать сложные фигуры.
Выделите все узлы созданной фигуры Инструментом "Форма" (F10) и кликните на иконке "Закрыть кривую", чтобы получился закрытый контур. Выделите все узлы, дважды кликнув на фигуре и затем сделав все углы острыми при помощи функции Острых узлов. Теперь вы можете вращать и изменять положение управляющих маркеров для каждого узла отдельно, чтобы сделать фигуру более плавной и избавиться от петель и неровностей. Удерживая клавишу Control, нажмите на белый цвет в палитре цветов - это осветлит текущий цвет на 10% с каждым щелчком на белом цвете.
Шаг 4
Создайте ещё одну зигзагообразную фигуру в нижней части усов и отсеките её при помощи функции "Пересечение" таким же образом, как мы сделали это с отражениями на очках. Заполните только что созданную фигуру тёмно-коричневым цветом, создав мягкую тень.
Шаг 5
Продолжайте добавлять фигуры волос, чередуя цвета. Поместите светло-коричневые части поверх усов.
Добавьте более тёмные волосы в нижней области, усилив тень.
Шаг 6
Когда ус будет достаточно детальным, создайте копию и отразите её по горизонтали на другой стороне.
3. Изображаем модную густую бороду
Шаг 1
Давайте обведём бороду по эскизу и создадим плавные линии Инструментом "Безье".
Шаг 2
Создайте больше завитков для придания динамики картинке. Выберите Инструмент "Форма" (F10) и дважды кликните на контуре, создав дополнительные узлы, сделав силуэт бороды более детальным.
Шаг 3
Если палитра документа ещё не открыта, кликните на Окна > Цветовая палитра > Палитра документа. Внутри палитры "Цвет документа" вы найдёте цвета, которые ранее использовали для усов. Заполните бороду таким же коричневым цветом, как и базовая фигура усов, и начните формировать зигзагообразные фигуры вдоль края бороды.
Шаг 4
Используйте функцию "Пересечение", чтобы фигуры сочетались с бородой, отсекая нежелательные части. Заполните их тёмно-коричневым цветом, сделав области затенёнными.
Шаг 5
Добавьте тёмные фигуры ближе к области рта и сделайте бороду более трёхмерной, добавив увеличенные затенённые области светло-коричневого цвета.
Шаг 6
Изобразите ещё один слой зигзагообразных фигур, частично покрывающий предыдущие фигуры тени. В этот раз заполните элементы светло-коричневым цветом, создав яркие оттенки и сделав волосы сияющими и гладкими. Добавьте небольшие блики поверх бороды, чтобы сделать её гуще.
Шаг 7
Закончите обработку бороды, поместив несколько маленьких тёмных линий поверх неё, сделав волосы более реалистичными.
4. Оформляем обложку для Facebook для хипстерского барбершопа
Шаг 1
Чтобы сделать привлекательный баннер для Facebook, нам нужно узнать точные размеры, чтобы мы смогли построить подходящую композицию. Facebook предлагает полезные, детальные инструкции по настройке параметров обложки.
В общих словах, обложка отображается на вашей странице размером 851 пикселей в ширину и 315 пикселей в высоту. Вот картинка с точными размерами, которые Facebook предлагает нам в качестве примера:
Шаг 2
Давайте использовать эти размеры для создания собственной обложки. Снимите выделение со всех объектов и перейдите на Панель свойств, где мы можем настроить размеры страницы нашей рабочей области. Установите ширину нашего документа на 851 пиксель и высоту на 315 пикселей.
Поместите созданное лицо почти в центре страницы (сдвиньте его немного ближе к правой стороне, т.к. противоположная часть картинки будет частично покрыта аватаром). Двойной щелчок на Инструменте "Прямоугольник" (F6) автоматически переместит фоновый прямоугольник в нижнюю часть нашего Слоя за все остальные объекты. Заполните созданный фон нейтральным бежевым цветом.
Шаг 3
Давайте оживим обложку, добавив текст и декоративные элементы, сделав её более информативной. Возьмите Инструмент "Эллипс" (F7) и создайте длинную узкую полоску, сделав эллипс очень тонким и сжатым. Несколько раз скопируйте фигуру и сформируйте две пары разделителей. Добавьте фигурный текст при помощи ретро-шрифтов (я использовала шрифты Diner Regular и SeasideResort с fontsquirrel.com), отображающий основную идею нашего баннера.
Шаг 4
Скопируйте базовую фигуру бороды и поместите её на передний план. Давайте добавим толстый контур, кликнув на одном из цветов цветовой палитры правой кнопкой мыши. Затем дважды кликните на иконке "Перо абриса" на нижней панели управления для вызова всплывающего окна с настройками. Сделайте контур плавным, установив Завершители в середине и отметив галочкой пункт "Позади заливки".
Шаг 5
Преобразуйте созданный обведённый объект в Кривые (Control-Q) и Объедините его с копией бороды, создав силуэт побольше.
Шаг 6
Давайте заполним нижнюю часть нашего баннера узором. Установите функцию "Дублировать расстояние" на Панели свойств на 30 пикселей для оси Х и 0 пикселей для оси Y. Создайте узкую полоску Инструментом "Прямоугольник" (F6) и Дублируйте (Control-D) её несколько раз, сформировав полосатую текстуру.
Шаг 7
Измените цвет первой полоски на контрастный, к примеру, синий (мы сможем в любой момент изменить его позже) и в этот раз установите функцию "Дублировать расстояние" на 15 пикселей для оси Х и 0 пикселей для оси Y. Дублируйте (Control-D) синие полоски столько, сколько нужно, чтобы узор стал достаточно большим для покрытия нижней части нашего баннера.
Шаг 8
Поместите созданный узор поверх фонового прямоугольника и используйте комбинацию клавиш Control-Page Down для изменения положения контура бороды, поместив её над полосками, чтобы борода отделилась от объектов, расположенных под ней. Используйте Инструмент "Форма" (F10) для расширения внутренней части силуэта бороды, покрыв разделители возле очков.
Шаг 9
Давайте немного поиграем с цветами, сделав их более мягкими и хипстерскими, усилив ретро-эффект нашей картинки. Выделите оправу очков и измените её цвет на бледно-красный, кликнув на иконку "Заполнить" на нижней панели управления для появления окна "Редактировать заливку".
Шаг 10
Теперь давайте поработаем над фоном. Откройте докер "Цветовые стили", перейдя в Окно > Докеры > Цветовые стили. Выделите элементы, цвет которых вы хотите изменить (синие и красные полоски), перетащите их в новый докер и оставьте в области со следующим описанием: "Перетащите сюда, чтобы добавить цветовой стиль и создать гармонию", оставив настройки в появившемся окне "Создать цветовые стили" по умолчанию.
Выделите первую группу, представленную в красном цвете, и перейдите в раздел "Редактор гармоний", где вы можете изменить цвет при помощи цветового круга. Возьмите слайдер внутри круга и сдвиньте в нужную позицию. Либо вы можете изменить цвет в меню Редактора цвета (в том же докере Цветовых стилей под Редактором гармоний). Измените красный цвет на серовато-бежевый и переходите к следующей цветовой группе.
Выберите синий цвет (наша вторая группа в докере Цветовых стилей) и измените цвет на серовато-бирюзовый, применив ту же самую простую технику.
Отредактируем другие цвета тем же способом, также изменив заливку текста. Сделайте фон светлее, добавив больше контраста обложке. Вот как наша обложка выглядит на Facebook.
Ура! Наша Facebook обложка для хипстерского барбершопа закончена!
Отличная работа, друзья! У нас получилось создать модную обложку для Facebook, и мы научились рисовать волосы с помощью разных инструментов для рисования кривых в CorelDRAW. Надеюсь, вы насладились процессом изучения и нашли для себя полезные советы и приёмы. Удачи в создании искусства!
