Как сделать логотип ретро
Обновлено: 07.07.2024
В настоящее время значок / эмблема в стиле ретро — это горячая тенденция, и неудивительно, почему — они очень крутые! Мы уже рассматривали витрины с логотипами в стиле ретро и винтаж, основанные на круглых мотивах, а теперь давайте создадим нашу собственную. Мы скомбинируем базовую структуру в Illustrator, а затем создадим ее состаренный винтажный вид с некоторыми штрихами в Photoshop.
Логотип, который мы будем создавать, предназначен для полностью вымышленного тренажерного зала Powerhouse (хотя я не удивлюсь, если где-нибудь будет тренажерный зал с таким названием!). Он сочетает в себе многие характерные черты этой ретро / винтажной темы с чередующимися черно-белыми кольцами, а также мелкими деталями, такими как звезды и точки. Текст и слоган следуют по окружности круга, в то время как значок находится в центре и дает визуальную обратную связь относительно того, что продвигает логотип.
Посмотреть ретро / винтажный дизайн логотипа
Обязательно ознакомьтесь с витриной ретро-логотипов , а затем, когда у вас будет много идей, откройте Adobe Illustrator и создайте большой круг. Скопируйте (CMD + C) и вставьте дубликат (CMD + F), слегка уменьшите его, удерживая клавиши ALT и Shift, затем переключите заливку на белый штрих.
Нажмите CMD + F, чтобы вставить другой дубликат, уменьшите масштаб и измените заливку на белый. Вставьте в другое, уменьшите его немного дальше, чтобы создать впечатление толстого кольца.
Вставьте еще пару кружков и масштабируйте их соответствующим образом, чтобы добавить пару тонких штрихов внутри и снаружи белого кольца.
Расположите другой круг точно в центре белого кольца, затем настройте параметры хода на 4pt Weight, Round Cap, Bevel Join, пунктирную линию, 0pt Dash и 17pt Gap. В частности, для настройки промежутка используйте клавиши курсора, чтобы сместить число вверх и вниз, пока круги не будут равномерно распределены.
В другом месте артборда нарисуйте серию весовых плит с помощью инструмента с закругленными прямоугольниками. Масштабируйте и располагайте каждую большую пластину на одинаковом расстоянии между ними.
Используйте инструмент прямоугольник, чтобы добавить маркер, затем скопируйте, вставьте и поверните серию пластин, чтобы закончить простой значок гантели.
Переключите заливку всех фигур, составляющих гантели, на белый, сгруппируйте их вместе и поместите рисунок в центр логотипа.
Введите слова Powerhouse Gym, затем выберите подходящий шрифт. Шрифты Slab-Serif обычно имеют сильный и мужской вид, поэтому я выбрал Boton для использования с этим логотипом.
Используйте инструмент Direct Selection Tool, чтобы аккуратно отрегулировать маленькую ручку, чтобы центрировать текст. Используйте руководство, чтобы убедиться, что формулировка начинается и заканчивается под тем же углом.
Несколько звезд заканчивают текст, разделяя два набора слов. Масштабируйте и располагайте один на место, копируйте и вставляйте перед ним дубликат и перемещайте его по горизонтали, удерживая Shift.
Векторная версия нашего логотипа завершена. Инструменты Illustrator позволили легко создать общую структуру, сохраняя все масштабируемое и редактируемое.
Давайте закончим логотип с некоторыми классными текстурами в Photoshop. Мы могли бы импортировать текстуру, трассировку в реальном времени и пробить некоторые проблемные метки с помощью Pathfinder, но вы просто не получите тот же эффект, что и реальные текстуры в Photoshop.
Вставьте логотип из Illustrator во временный документ Photoshop и масштабируйте на месте.
Используйте супер удобные щетки Subtle Grunge от WeFunction, чтобы добавить шероховатые белые пятна на слой над логотипом.
CMD + Нажмите на миниатюру слоя с логотипом, нажмите CMD + Shift + I, чтобы инвертировать выделение и удалить лишнее.
Настройте шероховатый эффект, отрегулировав непрозрачность слоя. Это простое прикосновение придает логотипу старый, изношенный и проблемный вид подлинного значка, наклейки или эмблемы.
Создаем ретро логотип в Adobe Illustrator
Мы подготовили для вас обучающую статью, по созданию логотипа в Иллюстраторе. Подробно расскажем с какими инструментами работать, и пошагово опишем весь процесс его создания.
Работа с идеями и клиентами
На этапе планирования попытайтесь выяснить побольше информации о бизнесе и продукции. Чем информации больше – тем проще создать логотип.
На интернет-просторах существует масса информации о том, какие вопросы задавать заказчику. Вы должны максимально учитывать и уважать пожелания клиента, при этом иногда стоять на своем.
Докажите, что обращение к вам это не ошибка. В конце концов заказчик попросил разработать логотип именно вас, он выделяет ваши умения и способности среди других.
Когда дело дошло до заказа, предложите разные варианты. Сколько именно предоставить вариантов зависит от опыта и умений дизайнера, а также от степени сложности работы. Обычно я предлагаю 2-3 варианта каждого эскиза.
На этапе, когда нужно максимально выгодно подать свои услуги это оптимальное количество.
Создание скетча
1. Создаем новый документ
Наконец эскиз готов. Теперь необходимо отрисовать его в векторе. Если вы предоставите макет в растровом варианте – это укажет на вашу некомпетентность.
Открываем Illustrator и создаем новый документ, полагаясь на информацию в скриншоте.
2. Рисуем волнистую форму
Приступаем к созданию векторного изображения. Мы не будем импортировать эскиз, так как это был всего лишь набросок. Однако, если вы заходите это сделать:
Шаг 1
Выберите инструмент Star Tool (звезда) на панели инструментов. Нажмите на пиктограмму инструмента, чтобы он активировался. Далее кликните на рабочей области. Появится диалоговое окно Star Option (Настройки звезды). Установите значения, как на изображении ниже. После этого, отрегулируйте размеры звезды с помощью Window> Transform: размеры 448 на 448px. Поверните звезду на 90 градусов против часовой стрелки, чтобы идеально ровно была размещена верхняя ее точка.
Шаг 2
Выбираем форму звезды на панели Align (Выравнивание) ( Window > Align ) и выбираем Align to Artboard, потом Vertical Align Centre и Horizontal Align Centre.
Шаг 3
Открываем панель Appearance ( Window > Appearance ) и выбираем коричневый цвет. Кроме того, нажимаем кнопку Effects из нижней части панели Appearance, выбираем Stylize > Round Corners и вводим значения, указанные ниже.
Шаг 4
Выберите Ellipse Tool (L) и нажмите кнопку на рабочей области и создайте круг 06*406, и центрируйте его, как показано ниже.
Шаг 5
Переключитесь на Selection Tool (V) и удерживаем Shift, выбираем одновременно круг и волнистую звезду. Затем открываем панель Pathfinder ( Window> Pathfinder ) и выберете второй значок слева, который называется Minus Front, чтобы завершить форму звезды.
3. Рисуем внешнее кольцо
Шаг 1
С помощью инструмента Ellipse (L) снова создайте круг размерами 400*400px, и размещаем его в центре артборда.
Шаг 2
Затем открываем панель Appearance ( Window > Appearance ), удаляем заливку и добавляем обводку желтого цвета размером 5px (цифра взята из информации, предоставленной клиентом).
Шаг 3
Переходим к Object> Expand Appearance (Разобрать оформление). Выбираем эту команду с той целью, чтобы не изменился размер, в зависимости от настроек.
Шаг 4
Создаем еще одно кольцо в центре, чтобы сбалансировать текст. Нажимаем инструмент Ellipse Tool (L) и задаем размер круга 190*190.
Шаг 5
Открываем панель Appearance ( Внешний вид Window> ), удаляем заливку и добавляем обводку 6px, для выравнивания снаружи Outside. Это придаст кольцу красный цвет (взято из информации о брендинге клиента).
Шаг 6
И, наконец, снова переходим к Object> Expand Appearance .
4. Создаем форму и виде кофе
Шаг 1
Шаг 2
Повторяем процедуру с инструментом Ellipse Tool (L), в этом случае круг будет размером 300*300px, по старинке размещаем его в центре.
Шаг 3
С помощью Ellipse Tool (L), который еще выбран, создаем следующий круг, тем же инструментом, с размерами 70*70px. Заливаем его другим цветом, чтобы было удобней работать.
Шаг 4
Далее кликаем правой кнопкой мыши по маленькому кругу и выбираем Transform> Move … ( Shift-Command-M ), введите параметры, как показано ниже.
Шаг 5
Шаг 6
Переходим к Object> Expand Appearance. Это позволит создать много-много кругов, которые будут размещаться один поверх другого.
Шаг 7
Открываем панель Pathfinder ( Window> Pathfinder ) и выберите первый значок слева, который называется Unite и объединяем формы.
Шаг 8
К большому сожалению, у нас будем много узловых точек, которые сейчас нужно удалить. Чтобы сделать это, увеличиваем форму, затем выбираем Direct Selection Tool (A) и перетаскиваем выделенную область на нежелательные опорные точки. Нужно помнить, что верхние и нижние опорные точки должны быть нетронутыми. После того, как вы их выбрали, нужно удалить их, нажав Backspace. Переходим в Path > Join (Command-J) и закрываем открытые пути. Нужно будет сделать это дважды.
Шаг 9
Давайте украсим новую форму капли. С помощью Ellipse Tool (L), создаем круг размерами 60*60px. Цвет не имеет значения, но чтобы он был заметным.
Шаг 10
Выберите Rectangle Tool (L) и создайте вытянутый прямоугольник, шириной 10px, а высота должна быть больше, чем самая верхняя часть капли.
Шаг 11
Выберите Selection Tool (V) и нажмите Shift, чтобы выбрать одновременно круг и прямоугольник. Теперь откройте панель Pathfinder ( Window> Pathfinder ) и выберите первый значок слева, который называется Unite, чтобы объединить эти формы вместе.
Шаг 12
Удерживая Shift, одновременно выберите каплю и круг с прямоугольником, затем в панели Pathfinder ( Window> Pathfinder ) выберите второй значок слева, который называется Minus Front, чтобы вычесть форму пера с капли.
Шаг 13
Перейдите в панель Transform ( Window> Transform ) и щелкните на значок звена цепи справа от диалогового окна ширины и высоты, чтобы ограничить изменения ширины и высоты. В окне Width указываем размер 90px и выравниваем объект по центру рабочей области.
Шаг 14
Выберите Ellipse Tool (L) и создайте круг размерами 182 на 182px, как показано ниже. Выберите его и, кликните правой кнопкой мыши и выберите Arrange > Send to Back (Shift+Option+[). Теперь переключаемся на Selection Tool (V) и удерживая Shift, выбираем обе фигуры одновременно. Открываем панель Pathfinder ( Window> Pathfinder ) и выбираем второй значок слева, который называется Minus Front, а также изменяем цвет на коричневый.
5. Красная часть
Шаг 1
Переходим на наш первый слой с другими объектами. Выбираем Ellipse Tool (L) и создаем круг размерами 460 х 460px, заливаем его красным цветом и выравниваем по центру.
Шаг 2
Включаем Rectangle Tool (L) и создаем вытянутый прямоугольник высотой 125px достаточной шириной, чтобы перекрыть круг.
Шаг 3
Теперь удерживая Shift, одновременно выделите круг и прямоугольник. Откройте Pathfinder панель ( Window> Pathfinder ) и выберите третий значок слева, который называется Intersect.
Шаг 4
Откройте панель Appearance ( Window> Appearance ) и выберите кнопку Effects в нижней части панели, а затем Stylize> Round Corners … Введите информацию, указанную ниже. Теперь выберите кнопку Effects и Warp > Bulge… Введите параметры, как на скриншоте ниже. Теперь переходим в Object> Expand Appearance.
Шаг 5
Выберите Ellipse Tool (L) и создать круг, размерами 195 х 195px.
Шаг 6
Переключитесь на Selection Tool (V) и, удерживая Shift, одновременно выделите круг и деформированный прямоугольник. Теперь открываем панель Pathfinder ( Window> Pathfinder ) и выберите второй значок слева, который называется Minus Front.
Шаг 7
Выбираем инструмент Magic Wand Tool (V) и кликаем по красной форме. Открываем панель Pathfinder ( Window > Pathfinder ) и выбираем первый значок слева, который называется Unite, чтобы объединить формы.
6. Добавляем текст
Шаг 1
Выберите Ellipse Tool (L) и создайте круг размерами 295 х 295px. Удаляем заливку и обводку.
Шаг 2
Шаг 3
Дважды щелкните на Type Tool в панели инструментов и настройте Effect и Align в соответствии скриншотам. Затем переключитесь на Selection Tool (V) и захватите угол рамки поверните текст, чтобы он размещался в центре.
Шаг 4
Шаг 5
Давайте настроим кернинг между некоторыми буквами. Выберите две буквы F и установите кернинг на 90. Затем установите его между F и E, а затем между двумя E.
Шаг 6
С помощью Selection Tool (V) выберите текстовые формы и перейдите к Object> Expand.
Шаг 7
Шаг 8
Нужно увеличить текст и с помощью Rectangle Tool (L) нарисуйте прямоугольники выше и ниже текста. Ширина прямоугольников будет совпадать с шириной текста, высота — 3 пикселя. Прямоугольники размещены на расстоянии 4 пикселя от текста.
Шаг 9
Шаг 10
Шаг 11
Шаг 12
Шаг 13
При включенном Selection Tool (V) выберите группы и красную форму, а далее перейдите к панели Pathfinder ( Window> Pathfinder ) и выберите вторую иконку слева, которая называется Minus Front.
Логотип готов. Сохраняем его в низком качестве, для утверждения заказчиком. Если его успешно утвердили предоставляем файл AI (PNG и JPEG).
Команда онлайн школы WebDesGuru прилагает все усилия для того, чтобы отойти от стандартных методов обучения, которые годами вырабатывались в системе образования. Мы ежедневно делаем шаг вперед и идём навстречу новым знаниям, которыми готовы поделиться с нашими клиентами. Оцените наши старания! Записывайтесь на курсы web-дизайна для начинающих, и учиться Вам теперь станет в удовольствие!
Агентство, отвечающее за ретро-ребрендинг Kodak, дизайнер, который помог Coca-Cola вернуться к своим истокам, и другие специалисты рассказывают, почему бренды выбирают старые логотипы вместо современных дизайнов, и перечисляют случаи, когда это полезно, а когда – нет.
Чтобы приноровиться к неустойчивым вкусам потребителя и современным реалиям, брендам приходится адаптировать и изменять свой логотип. Иногда бренд может утратить свои особенности из-за слишком интенсивных изменений. Компании, которые долго существуют на рынке, могут получить больше от возвращения к классическому стилю, чем от ухода от него. В этом году мы заметили появление нового тренда среди больших компаний, таких, как Kodak, Co-op и NatWest. Когда пришла пора обновляться, они решили провести редизайн логотипа из прошлого, а не создавать новое лого.
Исторические логотипы могут ассоциативно связать бренд с ностальгией, опытом и знаниями прошлого, что отделит его от более молодых конкурентов. Параллельно с этим трендом увеличивается число подлинных, созданных вручную логотипов из 1960-х и 1970-х. В мире, где потребителям предлагают несметное количество цифровых дизайнерских логотипов, это свежий тренд.
Мы хотели выяснить, что дизайнеры думают о ребрендинге в духе ностальгии, и как это воспринимается современными потребителями.
Сделать ребрендинг логотипа: ретро-стиль
В этом году Kodak вернул свой первый официальный символ, созданный дизайнером Peter J. Oestreich в 1971 году. Он использовался более 35 лет.
Дизайнерский дуэт Work-Order внес изменения в символ 1971 года и уложил надпись Kodak горизонтально, используя отсылку к перфорации пленки и уличной вывеске. Work-Order также решили восстановить силу красного, желтого и черного, используемых на упаковке и в маркетинговых материалах Kodak с 20-го века.
Партнер Work-Order Keira Alexandra утверждает, что это связано с целостностью и чистотой, которые ассоциируются с длинной историей бренда.
Сооснователь брендингового агентства Vault49, John Glasgow, утверждает, что это растущий тренд, который касается не только компаний, но и моды, музыки, спорта и культуры.
Провести эффективный ребрендинг логотипа стоит в проверенном брендинговом агентстве. В KOLORO знают, какие тренды сделают символ вашей компании привлекательным для клиентов.
В 2014 агентство Heredesign использовало логотип Bacardi с летучей мышью (использовался с 1890-х до начала 1900), чтобы вдохновиться для существующего дизайна. Студия утверждает, они хотели провести ребрендинг Bacardi, основываясь на истории компании.
Светило дизайна Bruce Duckworth, возглавляющий Turner Duckworth и D&AD на протяжении 24 лет, говорит, что когда история бренда забывается или пересматривается, лучше всего обратиться к своим непоколебимым истокам.
Заказать ребрендинг логотипа, который привлечет новую аудиторию и повысит лояльность к бренду у существующей, стоит в KOLORO. С нами ваш бренд обретет новое лицо!
Брюс работал над ребрендингом Coca-Cola, когда решил воспользоваться этим трендом.
Принесет ли ребрендинг логотипа в ретро-тренде пользу?
Мы не можем сказать, что этот тренд абсолютно новый. Ранний пример этого – перезапуск BMW Mini иконической Austin Mini 1960-го года. BMW продал Rover Group в 2000 году, сохраняя право собственности на Mini, а в 2001 он решил продвигать свой взгляд на то, как должен выглядеть современный Mini. Дизайн машины сочетает старые и новые элементы.
Но это работает только в том случае, если оригинальный дизайн напоминает классический и предан ему – как NatWest’s.
В этом году британский банк вернулся к дизайну логотипа 1969 года, который был основан на трех соединенных кубах и представлял три банка, соединенных вместе в NatWest. Несмотря на как минимум 4 редизайна за 47 лет существования банка, три элемента остаются классической особенностью брендового лого.
Возвращение к 3D-виду кубов было сознательной попыткой иметь знак, который будут понимать в ключе digital-айдентики. Современные яркие цвета и анимированные элементы были попыткой ассоциировать новый дизайн скорее с современными банками, нежели с традиционными.
Futurebrand, агентство, совершившее ребрендинг NatWest, отметило в своем новостном блоге, что NatWest был более храбрым, чем консервативные высокостатусные компании.
Нужен ли вашей компании ребрендинг, можно узнать в нашем материале.
Работает ли это?
John утверждает, что элемент ностальгии наиболее эффективен для бренда, у которого образовался пробел между прошлым компании и современностью.
Люди предпочитают современным техническим логотипам мастерство, скрытое за символами прошлого. Vault49 ориентируется на идеалы больше, чем на процесс создания, что отличает их компанию от других.
Если вы не решили, стоит ли проводить ребрендинг, наша статья подскажет вам важные причины для этого.
Редизайн логотипа: простота
Параллельно с тенденцией исторических логотипов, развивается тренд, диктующий простоту лого.
Последние ребрендинги ведущих компаний, таких, как Deliveroo, Subway, Instagram и Mastercard заменили скевоморфизм (дизайнерский прием, воплощающий формы других объектов нетипичными материалами или способами – прим. пер.) на векторных логотипах.
Один из новейших ребрендингов, основанных на возврате к классике, это Co-op.
Несмотря на то, что 2016 не стал первым годом, когда бренды решили вернуться к старым логотипам и придать им свежий вид, но очевидно, что это тренд, который направлен в сердце современной аудитории, ценящей правду и простоту. В обществе, обученном критиковать рекламу и ее посыл, искусная работа и опыт вызывают резонанс.
Заказать редизайн логотипа необходимо в правильный момент. Не стоит ждать, пока ваша компания перестанет восприниматься аудиторией. Обратитесь в агентство KOLORO, и мы поможем переосмыслить ваш опыт и воплотить его в лого!
В этом видео уроки я расскажу вам как создать ретро логотип за пару минут в программе фотошоп.
Похожие уроки
Зимняя тонировка в lightroom
Геометрический коллаж за 5 секунд
Обзор Action скрипта – 3D элементы
Эффект Teal & Orange в Lightroom
Camera Raw v.11 – текстура
Ретушь пейзажа в photoshop
Комментариев 12
лучше если бы было видео
Спасибо за работу Максим!
Спасибо большое за интересный урок! Всегда с удовольствием смотрю и делаю работы по ним. Творческих успехов!
МАКСИМ БОЛЬШОЕ СПАСИБО!
Спасибо, всё очень понятно и доходчиво. Буду пробовать.
Все доходчиво и главное быстро…
Спасибо,Максим!
Как повелось – познавательно и интересно. Спасибо за Ваши уроки
Максим, спасибо за прекрасный урок по изготовлению ретро-логотипа! Буду с удовольствием изучать. Очень интересует материал по арт-ретуши, портретной ретуши, “сказочной ретуши”. Если можно, могли бы Вы подбросить интересные уроки по этим темам?
Заранее благодарю.
С уважением, Ирина.
Здравствуйте.
Вы можете посмотреть все видео на блоге они у меня находятся по разделам и найти нужные будет просто. Если вам нужны уроки сложнее то они находятся в платных курсах, которые вы так же сможете найти пройди по ссылки в верхнем меню “Курсы для обучения”.
Читайте также: