Как картинку превратить в логотип
Создаём Логотип из Фотографии
Данный урок был первоначально опубликован в июле 2012 года в качестве Премиум Урока Tuts +. Теперь он доступен для бесплатного просмотра. Хотя в этом уроке не используется последняя версия Adobe Photoshop, техники и способы обработки, которые описаны здесь, по-прежнему актуальны.
Вначале мы подберём исходное изображение, потом проведём коррекцию данного изображения в Photoshop, выполним обводку контуров, чтобы создать основные элементы логотипа. В результате мы получим стилизованный знак, который станет представительским, ярким и иллюстративным. Давайте приступим!
Вам нравятся логотипы в виде животных? Тогда мы уверены, что вам понравятся наши логотипы с изображением животных, которые доступны на GraphicRiver. Или обратитесь за помощью к одному из профессиональных дизайнеров от Envato Studio для создания дизайна собственного логотипа.
1. Как Создать Первоначальную Концепцию
Шаг 1
Для решения любой задачи с дизайном логотипа, лучше всего провести достаточное количество исследований, прежде чем вы начнёте работать над эскизом. Иногда перед вами будет стоять конкретная задача, а в других случаях у клиента будет смутное представление о том, что ему нужно, и он позволит вам создать всё самому. Независимо от сценария, исследование должно стать первым шагом в этом процессе. Даже если у клиента уже есть основа для логотипа, и он хочет, чтобы вы доработали его, на мой взгляд, чем больше знаний вы используете в своей работе, тем успешнее будет ваш проект.
Для данного воображаемого задания, клиент захотел отобразить львиную голову на своём логотипе. Львы часто представляют королевство, гордость, силу и лидерство. Я решил создать гордого льва в профиль и сделал несколько миниатюр с черновыми эскизами. Я решил создать что-то более реалистичное, чем стилизованное, но при этом выразительное и иллюстративное.
Мои эскизы выглядели как нечто среднее между изображением овцы и котёнка, поэтому пришло время провести небольшое исследование. Я приступил к поиску обычного изображения с профилем льва. На этом этапе, я просто проглядывал изображения и поглощал визуальную информацию. Я хотел найти золотую середину о том, как выглядит лев, и держать его в своём воображении при работе над логотипом.
Чтобы создать реалистичный векторный логотип, я решил найти хорошую фотографию, на основе которой можно было бы создать мой дизайн. Я хочу подчеркнуть, что вы должны получить разрешение автора фотографии при использовании фотографии в качестве исходного изображения. Даже если ваш конечный результат будет обработан различными стилями, НЕЛЬЗЯ использовать фотографию, защищенную авторскими правами, без разрешения. Несколько лет назад был случай, касающийся логотипа, используемого на автомобильных номерных знаках штата Кентукки. Немецкий фотограф предъявил претензии, что созданный логотип был основан на его фотографии. Он подал в суд, и номерные знаки пришлось менять. Поэтому, придерживайтесь правовой стороны закона, а для этого, получите разрешение.
Шаг 2
Другой аспект исследовательской работы при создании дизайна логотипа, это изучение тех логотипов, которые уже были созданы. Очень сложно просмотреть множество логотипов, при этом постараться не позаимствовать что-то от них, хотя, это хороший опыт, который позволяет вам узнать, что уже было создано. Не стоит тратить часы на поиск логотипов только для того, чтобы найти похожий логотип. Вначале я выполнил поиск изображений в Google с целью поиска ‘логотипа с головой льва’. Это популярный элемент логотипа, где дизайн варьируется от реалистичного и детализированного до стильного или мультяшного.
Я не увидел ничего похожего на мою задумку, которая была в моём воображении, поэтому, это стало началом подготовительной работы.
2. Подготавливаем Исходное Изображение
Шаг 1
Я нашёл потрясающее исходное изображение льва на PhotoDune, и получил разрешение автора использовать его. Поскольку это воображаемое задание, и здесь нет оплаты за услуги, то фотограф был достаточно любезен, чтобы позволить мне использовать его фотографию для демонстрации.
Большой Африканский Лев от EcoSound
Шаг 2
Поскольку мой логотип будет высококонтрастным, я решил вначале провести коррекцию фотографии, таким образом, мне будет легче видеть света и тени.
Откройте исходную фотографию в программе Photoshop, а затем идём Изображение- Коррекция – Чёрно-белое (Image > Adjustments > Black & White). Поскольку на моём изображении присутствует в основном жёлтые тона, я выбрал Жёлтый фильтр (Yellow Filter). Применение коррекции Чёрно-белое (Black & White) вместо обычного преобразования в серые полутона, даёт вам больше контроля над тем, как будут выглядеть серые тона. Вы можете начать с выбора Набора параметров (preset), а затем поиграть с бегунками настройки цвета.
Шаг 3
Теперь преобразуйте изображение в серые полутона. Идём Изображение- Коррекция – Уровни (Image > Adjustments > Levels). Настройте бегунки, чтобы добавить контраст к изображению.
Шаг 4
Теперь, когда ваше изображение готово, распечатайте его, а затем, используя прозрачную чертёжную бумагу, обведите контурные линии и фигуры от руки с помощью карандаша. Вы можете подумать, что быстрее будет нарисовать то же самое в Illustrator, но рисование вручную позволяет принимать решения о том, какие формы и линии важны, чтобы оставить, а какие удалить. Контурные линии должны быть плавными и продуманными. Когда я создавал свою обводку, я добавил метки в виде штриховки на больших тёмных участках, как напоминание, когда я буду создавать векторные фигуры позже. Заключительные контуры карандашом приведены ниже.
3. Рисуем Векторные Фигуры
Шаг 1
Начните рисовать линии и фигуры с помощью инструмента Перо (Pen Tool). Вы могли бы использовать инструмент Карандаш (Pencil Tool), Кисть (Brush tool), или даже инструмент Кисть-клякса (Blob Brush Tool), но мы собираемся создать точные контуры только с основными опорными точками.
Будет полезно, если вы увеличите толщину контуров. Увеличение толщины позволит вам увидеть возможные проблемы. В приведённых ниже примерах, острые углы и опорные точки лучше выделяются на более утолщённом контуре. Аккуратно откорректируйте опорные рычаги, чтобы исправить подобные проблемы.
Шаг 2
Продолжайте работать в этой же манере, сглаживая и упрощая линии контуров.
4. Добавляем Цвет
Шаг 1
Залейте фигуры одним цветом. Продолжайте упрощать при необходимости и сглаживать контурные линии.
Шаг 2
Теперь обведите контуром светлые участки изображения. Эти выделенные участки в конечном итоге будет вырезаны из общего дизайна логотипа или будут залиты другим цветом. В данном случае, выделенные участки залиты зелёным цветом.
Шаг 3
Далее, выделите контуром участки с бликами. Опять же, эти участки могут быть вырезаны в конечно итоге, а пока мы зальём их светлым оттенком.
5. Совершенствуем Логотип
Шаг 1
На данном этапе, всё работа свидится к незначительным доработкам. Удалите всё лишние, при этом изображение должно читаться, как лев. Просто упростите дизайн!
Некоторые изменения, которые я внёс, это доработка формы уха и удаление некоторые фигур на гриве. Я также немного увеличил глаз, чтобы его было видно при его небольшом размере, далее, я увеличил точки на морде, сделав их крупнее и более однородными.
Шаг 2
Когда вы проведёте коррекцию и доработку, и вы будете уверены, что работа завершена, то вы можете скрыть рисунок, сохранив только контурные линии, которые выделяют светлые участки. Используйте команду Разделение (Divide) в панели Обработка контуров (Pathfinder) или с помощью инструмента Создание фигур (Shape Builder tool), чтобы удалить всё кроме участков со светлым тоном, создав один композитный контур. Этот шаг является выборочным, вы всегда можете сохранить цвета. Однако, создав векторную фигуру, вы можете легко расположить её на фоне другого цвета, чтобы создать различные цветовые решения.
Заключение
Коррекция и доработка каждого контура – очень важна и может занять часы, чтобы получить все элементы в оптимальном месте. Обязательно просмотрите изображение при разных масштабах во время работы. Создание прочного фундамента в виде эскиза от руки может сделать процесс немного проще и быстрее.
Потрясающие Логотипы с Элементами Животных от GraphicRiver
Вы начинающий предприниматель, которому нужен хороший логотип? Тогда просмотрите нашу коллекцию удивительных логотипов с элементами животных на сайте GraphicRiver. Дизайны этих потрясающие логотипов были созданы вручную сообществом талантливых дизайнеров. А также просмотрите один из этих великолепных дизайнов ниже!
Яркий Логотип в виде Льва
Насладитесь этим потрясающим дизайном логотипа в виде льва, который наполнен яркими красками. Этот дизайн вдохновлён современными геометрическими логотипами, он составлен из вырезанных фрагментов для создания интересного стиля. Скачайте этот логотип сегодня, чтобы получить доступ к 100% полностью редактируемому и масштабируемому дизайну логотипа.
3 способа отрисовать текстовый логотип
В этом уроке речь пойдет о том, как отрисовать текстовый логотип. То есть, превратить его из растрового в векторный.
Сделать это можно тремя разными способами, каждый из них подходит для для определенной ситуации.
В этом уроке будем использовать три разных по начертанию логотипа и программу Adobe Illustrator. Все описанные ниже способы также хорошо работают в Сoreldraw. Может отличаться название кнопок, инструменты рисования, но суть приемов остается той же самой.
Трассировка из растрового изображения в векторное
Выделите изображение и нажмите кнопку «Image Trace».
Главный недостаток этого способа заключается в том, что не всегда он корректно работает. Мелкие детали могут получится кривыми, а острые углы сглаженными.
Попробуем применить трассировку к логотипу «Subway». Некоторые острые углы получились кривыми. В таком случае, можно их поправить вручную или полностью нарисовать.
Режим трассировки будет хорошо работать на прописных шрифтах без острых углов и при достаточном разрешении картинки.
Подбор шрифта по картинке
Суть этого способа заключается в том, чтобы найти необходимый шрифт по картинке. Значительная часть логотипов используют обычные шрифты поэтому, есть вероятность их найти и сократить себе время на отрисовку, просто набрав текст на клавиатуре.
Попробуем найти шрифт для нашего логотипа «Audiomania» по картинке.
В сервисе поиска шрифта по картинке вы можете кадрировать изображение, убрать лишнее. Шрифт нашёлся, теперь необходимо его скачать, установить и набрать слово «Audiomania» этим шрифтом.
Шрифт очень точно накладывается, практически идеально, видимо его и использовали. Даже не понадобилось редактировать отдельные буквы.
Рисование пером и фигурами
В логотипе «Subway» прямые симметричные буквы. Поэтому, здесь подойдёт способ рисования фигурами.
Например, букву U можно нарисовать тремя прямоугольниками со скругленными краями.
С помощью панели «Pathfinder» вырежьте прямоугольники один из другого, чтобы получилась буква U.
Старайтесь применять «правило сохранения энергии». То есть, не рисовать лишнего, замечать похожие буквы и копировать уже готовые элементы. Можно, например, отразить предмет, перевернуть предмет или увеличить. Это намного проще, чем рисовать всё заново.
В моём случае, одну нарисованную букву U можно использовать ещё на букве W и букве A.
Рисование с помощью фигур позволяет быстро делать очень ровные симметричные буквы.
Для следующего логотипа «Ford» подбор шрифта не подойдёт, так как шрифт прорисованный вручную, а трассировка будет плохо работать на низком разрешении.
Поэтому применим инструмент рисования перо.
Проведите линию по по контуру буквы. Работа с пером требует определенных навыков и понимания, как работает этот инструмент. Если вам удалось понять алгоритм и прочувствовать, как работает перо, то вы сможете нарисовать абсолютно любой элемент, как с острыми углами, так и с гладкими.
Чтобы было ровнее, пересекающиеся элементы лучше нарисовать потом отдельно.
Если где-то линия получилось немножко угловатая, её можно сгладить инструментом карандаш. Проведите карандашом по краю линии удерживая клавишу ALT.
Видео: 3 способа нарисовать лого
Смотрите подробный видео урок с описанием поэтапной отрисовки разных логотипов тремя способами.
Все эти способы прекрасно комбинируются. Например, можно трассировать текст и затем, дорисовать те элементы, которые криво получились. Или например, подобрать шрифт по картинке и дорисовать те детали шрифта, которых не хватает.
Как сделать крутой логотип из простой картинки?
Приветствую вас, уважаемые читатели!
Хороший, запоминающийся логотип – основа любой компании, её бренд. Этот элемент должен быть интересным, привлекающим внимание, а также должен отражать специфику работы предприятия. При открытии бизнеса, разработке сайта и печати рекламных материалов должно быть уделено достаточное количество внимания логотипу.
Можно пойти двумя путями:
Как создать логотип?
Если вы художник, то можете попробовать с нуля нарисовать уникальный логотип. Это будет по-настоящему круто! Нарисованные лого смотрятся классно, и можно быть уверенным в том, что ни у кого больше не будет подобного шедевра.
Однако реалии таковы, что большинство людей всё-таки не обладают навыками рисования. В этом случае нужно действовать следующим путём.
Нарисуйте на бумаге черновой вариант лого. Каким вы его видите? Что на нём должно быть? Обычно он сочетает в себе какую-то картинку (или фотографию) и название (или аббревиатуру) компании. Если так, то ваша задача — подобрать подходящую картинку и использовать её в своём логотипе.
Где искать картинки? — На просторах Интернета.
Рекомендую не искать бесплатные картинки в Яндексе или Гугле — есть вероятность, что вы нарушите чьи-то авторские права. Или потом увидите выбранное изображение на логотипе конкурирующей компании. Будет лучше, если вы пойдёте на платный фотосток, где купите понравившееся изображение. Тогда к вам никаких претензий не будет.
Какую картинку искать? — Есть несколько советов:
Как обработать картинку?
Для того, чтобы обработать картинку или добавить к ней текст с заголовком, необходимо использовать графический редактор. Для работы с некоторыми из них нужны определённые навыки, однако есть и более простые варианты. Сразу скажу, что НАИЛУЧШИЙ результат вы получается при работе в профессиональных программах, о которых пойдёт речь ниже.
Лучшей программой, по мнению многих (и я в их числе) является Фотошоп. Возможностей — масса. Просторов для творчества — сколько хотите! При помощи различных инструментов можно изменить исходную картинку до неузнаваемости: сделать замену цвета, добавить тени, поменять экспозицию, наложить специальный фильтр и т.д. У этого редактора есть один минус — его нужно освоить, а на это понадобится не один час времени. Кроме того, он платный.
CorelDRAW — ещё одна мощная графическая программа. Она потребует немало времени для своего изучения. Основное отличие от Фотошопа в том, что она создаёт изображения в векторе (формат CDR). Подробнее обо всех её преимуществах читайте ТУТ.
GIMP — достаточно функциональный редактор. Он включает в себя множество функций, которые позволят превратить картинку в красивый логотип. Добавляйте текст, работайте со слоями, меняйте контрастность — всё в вашем распоряжении. Главное достоинство GIMP — он распространяется абсолютно бесплатно. Вы можете свободно скачать эту программу и работать в ней, не заморачиваясь лицензионными ключами и активацией.
Paint — стандартная, довольно примитивная программа, которую, тем не менее, тоже можно использовать для обработки исходной картинки.
Онлайн-редакторы
Их много, но я выделю только те, которыми мне приходилось пользоваться.
Пользовались другими редакторами? Расскажите о них в комментариях к этой статье! Будет интересно всем.
Основная мысль, которую я хочу вам донести:
Если вы хотите создать профессиональный, брендовый логотип, то вам (если вы не планируете его рисовать вручную) придётся:
Скачать бесплатное изображение с Гугла и в Пэйнте прилепить к нему надпись — это, извините, несерьёзный подход к делу. Детский сад.
Или, если не хотите заморачиваться, обратитесь к специалистам, которые разработают вам хороший логотип. Он станет отличным началом (или продолжением) вашей успешной деятельности.
Надеюсь, что данная статья была вам полезна. Остались вопросы? Задавайте их в комментариях!