Как отрисовать логотип в иллюстраторе

Учимся отрисовывать логотипы

При создании макетов часто возникает ситуация когда логотип предоставлен в плохом качестве и при увеличении бьется точками. Что делать когда единственный имеющийся у нас логотип в отвратительном качестве и его нельзя использовать даже если сделать очень маленьким. На помощь приходит отрисовка. Что же такое отрисовка логотипа?

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

Здесь, на примере обычного лого состоящего из домиков я покажу, как прорисовать его заново в программе Adobe Illustrator.

Анализ логотипа.

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

Домики одинаковые, а это значит, что нарисовать нужно только один. Основная фигура домика должна быть целостной, так как имеет толстый контур или обводку. Поэтому, в данном случае будут использоваться только два инструмента «Прямоугольник» и «Перо». И такие приемы как копирование, поворот, склеивание, вычитание и зеркальное отражение.

Прорисовка элементов логотипа.

Для начала, заблокируйте вашу картинку на отдельном слое, чтобы она не перемещалась. Так удобнее будет рисовать по ней.

Для прорисовки одного дома потребуется пять прямоугольников:

С помощью панели «Обработка контуров» склейте все прямоугольники в одну фигуру, за исключением дверей и окна. Задайте основному контуру дома обводку необходимой толщины. Поскольку все дома абсолютно одинаковые, полученный рисунок скопируйте на другие места.

Основание для домов, тоже прямоугольник. Дорожку к дому удобнее рисовать инструментом «Перо». А затем, с помощью панели «Обработка контуров» вычесть один из другого.

В вашем случае, логотип может иметь более округлые формы или шрифты. Тогда понадобятся другие инструменты рисования.

В видео показана пошаговая прорисовка логотипа с домиками.

Напишите в комментариях, как эта статья помогла вам в отрисовке вашего логотипа.

Источник

Создание логотипа в иллюстраторе

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

Содержание:

Почему логотипы делают в иллюстраторе

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

Как создать логотип в Illustrator

Приступая к созданию собственного логотипа необходимо определить для себя несколько ключевых моментов. Стоит задать себе ряд вопросов прежде чем приступить к созданию логотипа, а именно:

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

Если вы не можете определиться с тем каким должен быть ваш логотип перечислим возможные варианты:

Как перерисовать логотип в иллюстраторе

Зачастую создания логотипа начинается с прорисовки его на листе бумаги. После того как все моменты учтены набросок вашего логотипа сканируется на компьютер и можно приступать к его перерисовке в иллюстраторе.

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

Для большего удобства прозрачность сканированного изображения можно уменьшить — это поможет показать те элементы которые уже переведены, а также те, которые еще остались.

Прорисовку контуров логотипа чаще всего осуществляют с помощью инструмента Перо «P».

Если вы используете какие-нибудь надписи стоит подобрать нужный вам шрифт.

В конечном итоге вы получите желанный логотип со всеми цветами и формами.

Как сохранить логотип в AI

Ai – этот формат позволяет сохранять готовый проект со всеми элементами логотипа. Такими как текст, изображения, иконка, с дальнейшей возможность редактирования графическими редакторами illustrator.

Eps – широко применяется для печати логотипов в полиграфии. Так же при масштабировании логотипа качество изображения не теряется. Позволяет одновременно использовать как векторную так и растровую графику в логотипе.

Pdf – позволяет без искажений отображать шрифты, векторные и растровые элементы использованные при создании логотипа.

Как сделать модульную сетку для логотипа в иллюстраторе

Для начала дадим определение понятию модульная сетка — это совокупность разного рода направляющих, которые образуют «каркас» будущего логотипа.

Перво-наперво нам необходимо включить отображение линейки в нашем документе. Это можно сделать нажав правой кнопкой мыши и выбрав «Показать линейки» или сочетанием клавиш Ctrl+R.

Как отрисовать логотип в иллюстраторе

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

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

Видео уроки по созданию логотипа

Помимо предложенного нами варианта создания логотипа вы можете посмотреть различные видео на данную тематику. Ссылки на некоторые из них мы оставляем ниже. Приятного просмотра.

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

Видео посвящено тому как используя минимальное количество инструментов создать красивый логотип транспортной компании.

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

Если вы увлекаетесь играми, и хотите создать логотип собственной команды в видео описано как сделать его красочным и запоминающимся.

Если вам интересно как легко и за короткое время создать объемный логотип стоит посмотреть видео о создании полигонального логотипа.

Пошаговый процесс разработки, а так же создание логотипа можно посмотреть в следующем видео.

О том как использовав простые инструменты (прямоугольник и градиент) в создании логотипа можно посмотреть в видео ниже.

Видео посвящено тому как используя возможности программы создать «сладкий» логотип. Будет полезно тем кто уже имеет опыт работы с программой.

Наглядное видео по созданию объемного объекта в качестве логотипа.

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

Источник

Создаем модный однобуквенный логотип в Adobe Illustrator

Russian (Pусский) translation by Dark Wood (you can also view the original English article)

В этом уроке мы рассмотрим процесс создания простого логотипа в виде буквы P. Его можно использовать для бизнеса, продукции, магазинов, транспортных компаний или где-либо еще. Мы будем работать с простыми геометрическими фигурами, используя программу Adobe Illustrator, что сделает процесс рисования простым и веселым. Давайте же начнем!

Если вы хотите приобрести один из вариантов этого логотипа, то это можно сделать на GraphicRiver.

1. Создаем новый документ и настраиваем сетку

Нажмите Ctrl+N, чтобы создать новый документ. Единицами измерений задайте пиксели и введите размеры 800×600 по ширине и высоте соответственно. На вкладке Advanced укажите цветовое пространство RGB, разрешение Screen (72 ppi) и обязательно снимите галочку с пункта Align New Objects to Pixel Grid, после чего нажмите OK.

Также включите отображение панели Info (Window> Info), где будут указываться размеры и координаты фигур. Не забудьте, что единицами измерения должны быть выбраны пиксели (Edit> Preferences> Units> General). Это значительно ускорит и упростит выполнение работы.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе

2. Создаем основные фигуры

Шаг 1

Активируйте инструмент Ellipse Tool (L). Заливку удалите и добавьте обводку черного цвета, который выберите с панели Swatches.

Инструментом Ellipse Tool (L) создайте по центру документа круг размерами 200×200 пикселей. Привязка к сетке поможет вам в этом. По центру предыдущей фигуры нарисуйте круг размерами 25×25 пикселей.

Выделите оба круга и сделайте их копию (Edit> Copy; Ctrl+C и затем Edit> Paste in Front; Ctrl+F). Инструментом Selection Tool (V) расположите дубликаты в непосредственной близости ниже оригинала. Получится нечто похожее на цифру восемь.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 2

В каждом из больших кругов добавьте по такой же фигуре размерами 50×50 пикселей. Расположите их как изображено ниже, под цифрой 1. Инструментом Line Segment Tool (\) нарисуйте вертикальные линии, соединяющие все круги. Затем продлите указанные под цифрой 3 линии на 100 пикселей вниз. Также соедините их линией.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 3

Выделите все фигуры при помощи Selection Tool (V), залейте их любым цветом с панели Swatches, обводку не трогайте. Затем активируйте инструмент Shape Builder Tool (Shift+M).

Проведите этим инструментом по элементам «внешнего» кольца, как показано ниже, под цифрой 1. Аналогичным образом сформируйте «внутреннее» кольцо. И, наконец, просто кликните по «ноге», формируя тем самым букву «P».

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 4

Инструментом Direct Selection Tool (A) выделите самую нижнюю левую опорную точку и при помощи функции Live Corners полностью закруглите ее. Удерживая Shift, добавьте в выделение другую нижнюю точку и затем сместите их вверх, нажав один раз клавишу «стрелка вверх» на клавиатуре. Удалите у объединенных фигур обводку.

Удалите все ненужные фигуры. Чтобы не рисковать, советую сначала вырезать нужные (Ctrl+X), удалить лишние и затем вставить фигуры на прежнее место (Ctrl+F).

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

3. Добавляем градиентную заливку

Шаг 1

Инструментом Gradient Tool (G) нарисуйте на каждой фигуре горизонтальный градиент, используя в для маркеров цвета: A (R: 246 G: 237 B: 69) и B (R: 163 G: 189 B: 49)

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 2

Выключите отображение сетки (Ctrl+») и привязку к ней (View> Snap to Grid; Shift+Ctrl+»). Теперь мы сможем свободно перемещать фигуры.

В настройках программы (Edit> Preferences> General; Ctrl+K) задайте для смещения при помощи клавиатуры (Keyboard increment) расстояние в 0,5 пикселя.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе

Шаг 3

Выделите внутреннюю фигуру буквы «P» и продублируйте ее (Ctrl+C, Ctrl+F). Задайте ей красный цвет заливки с панели Swatches. Вставьте еще одну копию (Ctrl+F), которую залейте синим цветом (всё так же с панели Swatches) и сместите при помощи клавиши «стрелка вправо» два раза.

Выделите обе фигуры (красную и синюю) и нажмите кнопку Minus Front на панели Pathfinder. Открыть ее можно командой Window> Pathfinder.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 4

Разгруппируйте (Shift+Ctrl+G) полученное в конце предыдущего шага. Залейте эту фигуру белым цветом ( #ffffff ). На панели Appearance измените ее режим смешивания на Overlay. В результате мы получим более яркую границу на стыке двух фигур.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 5

Выделите внешнее кольцо. Сделайте его копию (Ctrl+C, Ctrl+F), которую залейте красным цветом. Сделайте еще один дубликат синего цвета. Сместите его дважды вверх.

Выделите обе фигуры и выполните операцию Minus Front с панели Pathfinder. Разгруппируйте полученное (Shift+Ctrl+G) и оставьте оттуда только нижнюю фигуру.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 6

Измените цвет заливки этой фигуры на белый ( #ffffff ), а режим смешивания на Overlay (в этом вам опять поможет панель Appearance).

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

4. Добавляем блики

В этом разделе мы создадим блик в нижней части буквы, а также придадим ей более округлый и объемный вид.

Шаг 1

Включите привязку к сетке (View> Snap to Grid; Shift+Ctrl+”). Кликните в рабочей области инструментом Ellipse Tool (L). В появившемся окне задайте ширину и высоту равную 50 пикселям. Расположите этот круг в нижней части внутреннего кольца логотипа. Залейте ее красным цветом с панели Swatches.

Вновь отключите привязку к сетке (Shift+Ctrl+»). Сделайте еще одну копию круга (синего цвета с панели Swatches), которую при помощи команды Object> Transform> Move сместите на 10 пикселей вниз.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 2

Инструментом Gradient Tool (G), удерживая в процессе Shift, проведите линию снизу вверх.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 3

Продублируйте фигуру (Ctrl+C, Ctrl+F). Залейте ее красным цветом с панели Swatches. Сделайте еще одну копию (Ctrl+F), которую сместите на одну позицию вверх, нажав единожды соответствую кнопку на клавиатуре.

Выделите обе фигуры и выполните команду Minus Front с панели Pathfinder.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 4

Инструментом Gradient Tool (G) нарисуйте горизонтальную линию.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 5

Вновь сделайте копию внешнего кольца (Ctrl+C, Paste in Front; Ctrl+F). Залейте ее красным цветом. Сделайте еще один дубликат синего цвета (Ctrl+F).

Дважды щелкните по инструменту Selection Tool (V). В появившемся диалоговом окне укажите смещение по горизонтали равное -15 пикселям. Для подтверждения нажмите кнопку OK.

Выделите оба дубликата и выполните операцию Minus Front на панели Pathfinder.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 6

Разгруппировав полученное (Shift+Ctrl+G), удалите левую фигуру. Нам нужен блик только на правой стороне логотипа.

Выделите искомую фигуру и инструментом Eyedropper Tool (I) возьмите образец градиента с прозрачностью, который мы делали первым. Инструментом Gradient Tool (G) нарисуйте линию сверху вниз.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 7

Скопируйте (Ctrl+C) и вставьте (Ctrl+F) эту фигуру. Копию залейте красным цветом с панели Swatches. Сделайте еще один дубликат (Ctrl+F) синего цвета с панели Swatches.

Выделите инструментом Direct Selection Tool (A) отмеченную ниже опорную точку и сместите ее на одну позицию вправо. Выделите обе копии и нажмите кнопку Minus Front на панели Pathfinder.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 8

Возьмите образец градиента инструментом Eyedropper Tool (I). Инструментом Gradient Tool (G) нарисуйте вертикальную линию.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

5. Добавляем тени

Завершим детализацию логотипа, добавив на его элементах тень.

Шаг 1

Выделите «ногу» буквы «P» и внешнее кольцо. Скопируйте (Ctrl+C) и вставьте (Ctrl+F) их.

Теперь выделите только внешнее кольцо. Скопируйте (Ctrl+C) и вставьте его (Ctrl+F), после чего дважды кликните по инструменту Selection Tool (V). В появившемся диалоговом окне задайте смещение по вертикали равное 15 пикселям.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 2

Сделайте копии всех фигур. При помощи инструмента Shape Builder Tool (Shift+M) добавьте объект в указанном ниже месте пересечения. Остальные новые фигуры удалите.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 3

Инструментом Gradient Tool (G) нарисуйте линию сверху вниз под углом -57°.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 4

При помощи панели Align расположите этот прямоугольник по центру артборда. Открыть панель Align можно командой Window> Align.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Шаг 5

Выделите все элементы логотипа и сгруппируйте (Ctrl+G). Также при помощи панели Align разместите его по центру.

Как отрисовать логотип в иллюстратореКак отрисовать логотип в иллюстраторе Как отрисовать логотип в иллюстраторе

Поздравляю! Мы закончили!

Логотип готов! И выглядит он прекрасно. Надеюсь, что урок вам понравился. Жду ваших вариантов в комментариях.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *