Делаем логотип: Логотип бара: фото, создать онлайн — Независимое театральное объединение "Зрительские симпатии"

Содержание

Логотип блога: фото, создать онлайн

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

Создать логотип

Примеры логотипов блогов

Рисунок Старый Телевизор Логотип

Круглая Кнопка Воспроизведения Логотип

Глаз С Логотипом Значок Игры

Числитель С Логотипом Play Icon

Гурман Блоггер Логотип

Логотип Летящего Орла

Фиолетовый Спиральный Логотип

Оранжевая Птица Абстрактный Логотип

Оранжевый Логотип Кнопки Воспроизведения

Общий Логотип Vortex

Буква G Градиент Логотип

Логотип Путешествия По Лесу

Очки И Молния Логотип

Логотип Кафе Гарри Поттера

Гарри Поттер Сова Логотип

Изучите лучшие идеи логотипов

IT, Разработка
YouTube
Абстракция
Авто
Алмаз
Аниме
Армия
Арт, искусство
Баскетбол

Безопасность
Бейсбол
Бесконечность
Бизнес
Бутик
Графический дизайн
Группа
Деньги
Диджей
Дом
Дом
Дракон
Еда
Здоровье
Империя
Инстаграм
Интернет
Камера
Киберспорт
Клининг
Книга
Компас
Компьютерные игры
Корона
Кофе

Круг
Крутой
Кулак
Лиса
Личный
Лошадь
Майнкрафт
Медведь
Медицина
Минимализм
Мода
Морской
Недвижимость
Обучение и образование
Огонь
Одежда
Оранжевый лев
Орел
Пекарня
Пиво
Подкаст
Призрак
Приложение
Птица
Пчела
Разнорабочий
Ресницы
Семья
Сердце
Собака
Современный
Спорт
Строительство
Телевидение
Тренер
Фитнес
Фотография
Футбол
Цветы
Чемпионат
Школа
Шопифай
Эл. адрес
Эстетичный

Больше идей логотипов

Турболого — создание логотипа онлайн, бесплатно.

Делаем векторный логотип с использованием Midjourney — Denis Zelenykh на vc.ru

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

1964 просмотров

Пример логотипа созданного с использованием Midjourney

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

Если вы уже знаете что такое Дискорд, как в нем зарегаться, что такое «/imagine prompt» — идем дальше.

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

Итак, для того чтобы сгенерировать логотип в Midjourney необходимо вызвать команду «/imagine prompt» и далее написать что вы ходите получить, в формате: «cute yellow star logo, vector, flat 2d, company logo, sing style». Перед первой запятой описывается что должен изображать логотип, а далее его стилистику. Примеры стилей можно изучить в этом гайде.

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

Далее привожу примеры запросов и результаты.

letter “M” logo design, vintage, sans serif, victorian style, vintage, white background

simple logo design of cute husky dog, vector, flat 2d, company logo, sing style

vector cherry logo

logo design viking face, vector, flat 2d, white background, vintage

simple hat logo, white background, vector style

black logo design space rocket, vector, flat 2d, white background

Логотипы готовы и что желать с этим добром?

Для использования в интернете такие лого вполне сгодятся. Можно удались фон, добавить текст и будет всё замечательно. Но в ситуациях, когда нужен вектор — этих картинок недостаточно.

Давайте сделаем картинки векторными, на примере одного логотипа.

Сначала нужно увеличить качество креатива непосредственно в нейросети. Для этого нужно нажать кнопочку «U» прямо под картинкой. Номер кнопки соответствует номеру картинки. «U1» и «U2» — первый ряд картинок, «U3» и «U4» — второй.

Картинка улучшена.

В целом, такого результата достаточно, чтобы картинку можно было векторизировать.

Но если у вас есть желание получить ещё более качественное изображение — можете использовать одну из нейронок улучшалок:
https://waifu2x.udp.jp/index.ru.html

https://imglarger.com/

https://icons8.com/upscaler

https://t.me/DeepPaintBot

С помощью сервиса https://imglarger.com/ мне удалось увеличить разрешение изображения в два раза с 1024х1024px до 2048х2048px.

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

Картинка улучшена, теперь её необходимо векторизовать.

Есть несколько путей векторизации изображения:

1 «Сложный» — перерисовать картинку вручную

Для этого закидываем изображение в Figma или Illustrator, и с помощью пера обводим его. Если вы уверенный пользователь этих приложений — проблем не возникнет, по сути вы используете уникальную концепцию, которую осталось просто перерисовать.

2 «Спорный» — использование плагинов для Figma

Используя плагин Vectorize и Image tracer можно трассировать (векторизовать) простые черно-белые логотипы, но со звездочкой ни первый ни второй не справились.

Зато удалось векторизовать шляпу.

3 «Надежный способ» — трассировка в Иллюстраторе

Нужно закинуть картинку в Иллюстратор нажать на правой панели кнопку «Image Trace».

Выбрать количество цветов.

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

4 «Самый простой способ »— конвертировать с помощью конвертора.

Для эксперимента я использовал бесплатный конвертер Vectorizer.AI.

Просто закидываешь картинку в сервис и он все делает сам. Результат получился довольно качественным. Картинка конвертируется в SVG. Посмотреть результат можно по этой ссылке.

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

На скрине обозначены артефакты, которые в последствии были устранены.

Изучить исходный файл и отредактированный можно по этой ссылке.

Далее с векторным логотипом можно работать в в любом векторном редакторе графики, там можно добавить заголовок, подкрутить цвет. Для проработки цветов и типографики я использую Figma или llustrator.

На этом у меня все, спасибо за внимание, желаю творческих успехов.

Разработка логотипа для вашего бренда: пошаговое руководство

Логотипы часто являются наиболее узнаваемыми элементами компании.

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

Об авторе: Омри Авраам, визуальный дизайнер @ Elementor

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

Логотип — это символ вашего бренда, и хотя он не занимает слишком много места, он обладает мощным эффектом.

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

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

Но не заблуждайтесь — логотипы нужны не только крупным безликим компаниям. Каждому бизнесу и даже человеку, который хочет выделиться и повысить узнаваемость бренда, нужен логотип.

Однако создание логотипа — непростая и непростая процедура, зависящая от множества факторов, от шрифтов до цветов и многого другого. Давайте узнаем, как создать логотип в этом пошаговом руководстве.

Содержание

Зачем вашему бренду нужен логотип?

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

Какие решения вы предоставляете? Только будьте осторожны, чтобы не переборщить с этим.
Возьмем, к примеру, Pinkberry:
Его логотип мог бы быть буквальным изображением замороженного йогурта или фруктовой начинки. Однако дизайнер пошел с более абстрактной концепцией.
Закрученный символ напоминает закрученный froyo. И зеленый лист, торчащий сверху, не просто говорит: «Эй, мы — здоровая альтернатива мороженому!» Вместе с красновато-розовым завитком он похож на яблоко.
Как создать логотип: пошаговое руководство
Есть ряд вещей, которые вы хотите выполнить при разработке логотипа для своего бренда. Вы хотите, чтобы он был:
Уникальным, особенно по сравнению с логотипами конкурентов.
Хорошо спроектированный, с хорошим балансом, компоновкой и гармонией.
Легко понять даже с первого взгляда.
Узнаваем в любом размере.
Поясните, кто вы и чем занимаетесь.
И вот как вы это сделаете:
Шаг 1: Определите свой фирменный стиль
Логотип — это лишь часть имиджа вашего бренда — визуальные элементы, которые вместе передают стиль и индивидуальность бренда.
Возьмем, к примеру, Стива Джобса. Это он в 2007 году анонсирует iPhone:
Джобс хотел создать униформу — или визуальную идентичность — для себя. И поэтому он поручил модельеру Иссей Мияке создать для него образ.
Черная водолазка, синие джинсы и белые кроссовки служили его визитной карточкой более десяти лет.
А что нам рассказал его гардероб? Он сказал нам, что этот человек был одержим простотой, чистым дизайном и вниманием к деталям. Это также намекало на желание создавать вещи, ориентированные на будущее и не устаревшие на следующей неделе, в следующем году или даже через 10 лет.
Это то, что логотип, изображение бренда и всеобъемлющая идентичность бренда должны рассказать нам о компании или человеке.
Для того, чтобы разработать логотип, который будет правильно восприниматься вашей аудиторией, вам нужно сначала определить идентичность вашего бренда. Для начала задайте себе следующие вопросы:
Как бы вы резюмировали, чем занимается ваш бренд?
Почему вы выбрали свою нишу?
Каковы основные ценности вашего бренда?
Какие 3 прилагательных описывают индивидуальность вашего бренда?
Что предлагает ваш бренд такого, чего нет или не могут предложить конкуренты?
Кто ваша целевая аудитория? И почему?
По каким трем причинам ваш идеальный клиент или пользователь предпочтет ваш бренд другим?
Какой основной эмоциональный отклик вы хотите получить от клиентов после работы с вами или покупки у вас?
Запишите свои ответы. Есть ли шаблоны в ключевых словах, которые вы использовали? Есть ли здесь четкая история о том, кто вы, почему вы делаете то, что делаете, и кому вы служите?
Как только вы поймете эту более широкую идентичность и историю своего бренда, вам будет намного легче разработать логотип, который воплощает в себе все это.
Шаг 2: Исследование конкурентов
Несмотря на то, что вы хотите создать свой уникальный логотип, вам все же следует ознакомиться с логотипами, которые используют ваши конкуренты.
Обратите особое внимание на логотипы конкурентов, которые хорошо ладят с вашей аудиторией, и тех, у кого проблемы. Хотя одного логотипа недостаточно, чтобы убедить кого-то совершить конверсию, он может иметь некоторое влияние на него, скажем, если у дизайнерского агентства есть логотип, который выглядит так, как будто он был создан в Microsoft Paint.
Посмотрите на 5-10 логотипов конкурентов и спросите себя:
Что вам нравится в каждом из них? Почему?
Что тебе не нравится? Почему?
Что бы вы сделали, чтобы улучшить их дизайн?
Как выглядят их логотипы на других платформах, особенно когда они появляются в меньшем размере?
Здесь есть несколько действительно полезных уроков. Вы также можете почувствовать вдохновение после просмотра логотипов соревнований.
Шаг 3: Мозговой штурм
Вот несколько вещей, которые вы можете сделать, чтобы ваш сеанс мозгового штурма двигался в правильном направлении:
Зайдите на Dribbble или Behance и осмотритесь.
Выполните поиск «вдохновение для логотипа» на Pinterest.
Посетите некоторые из ваших любимых веб-сайтов и приложений и посмотрите на их логотипы.
Прогуляйтесь по своему району или центру города и взгляните на вывески.
Взгляните на продукты, которыми вы пользуетесь чаще всего дома или в офисе.
Сохраняйте понравившиеся логотипы на доске настроения.
Pinterest — хорошее место для этого, поскольку оно позволяет вам прикреплять изображения, которые вы найдете на Pinterest, а также из Интернета, на свою доску. Вы также можете загрузить свои собственные фотографии.
Вот мудборд, созданный агентством Fivestar Branding Agency для вдохновения логотипами:
Благодаря сохранению всех логотипов в одном месте гораздо проще определить тенденции среди них:
Какие типы шрифтов вам нравятся?
Какой стиль логотипов наиболее распространен?
Есть ли цвет, который действительно резонирует с вами?
Сделайте шаг назад и подумайте о том, на что вы смотрите и о чем говорит вам эта коллекция логотипов.
Начните набрасывать пару идей (не более 3), которые, по вашему мнению, вам подойдут. Вам не нужно делать ничего формального. Пока только грубые черно-белые наброски.
Шаг 4. Выберите тип логотипа
Это часть упражнения по дизайну, где вы определяете, какую структуру должен иметь ваш логотип.
Цель состоит в том, чтобы выбрать структуру, которая не только нравится вам внешне, но и соответствует характеру компании, которой вы управляете, а также ее ценностям.
Вот наиболее распространенные типы логотипов на выбор:
Монограмма
Это логотип с монограммой American Education Services:
Логотипы с монограммой содержат только инициалы или первую букву названия бренда.
Это полезно для брендов с очень длинными названиями, которые слишком сложно разместить в небольшом пространстве логотипа. Вы также можете использовать монограмму, если ваш акроним более известен, чем полное название (например, ASPCA вместо Американского общества по предотвращению жестокого обращения с животными).
Словесный товарный знак
Это словесный логотип для Friendly’s:
Словесные логотипы содержат полное название бренда и ничего больше.
Это полезно для компаний, которые хотят использовать характерную типографику, чтобы немного рассказать людям о компании и о том, чем она занимается.
В случае с Friendly’s стиль ретро-курсив позволяет людям понять одну из двух вещей: либо это старый бренд, либо это магазин мороженого, который хочет, чтобы покупатели чувствовали, что они отступили во времени. В данном случае это потому, что Friendly’s существует с 19 года.35.
Иллюстрированный
Это графическая марка Lululemon:
Иллюстрированные логотипы содержат только символ или значок.
Это полезно для компаний, которые продают продукты, где символ может плотно вписаться в дизайн, не отвлекая пользователей. Вы также можете использовать его на веб-сайте и в социальных сетях, чтобы добавить небольшие фирменные штрихи.
Комбинация
Это недавно переработанный комбинированный логотип Burger King:
Комбинированные логотипы содержат как словесный знак (или монограмму), так и символ.
Есть много способов поиграть с этим, но выбор, который вы делаете, должен, опять же, отражать общий стиль и предложение вашего бренда.
Место, в котором вы размещаете символ, и направление, в котором вы его размещаете, могут посылать разные сигналы. Например, более высокий комбинированный логотип может показаться более сильным и внушительным, чем тот, который выровнен по горизонтали. И размер символа по сравнению с текстом также будет посылать другое сообщение.
Талисман
Это логотип талисмана для Mailchimp:
Логотипы талисмана могут быть графическими знаками или комбинированными логотипами. Все зависит от того, насколько узнаваем талисман вашего бренда или насколько он будет распространен в вашем маркетинге.
Этот тип логотипа похож на графическую метку в том смысле, что вы можете использовать этот символ, чтобы следить за пользователями. Однако основное различие между талисманом и изображением заключается в том, что талисман предназначен для создания более беззаботной и веселой атмосферы.
Абстрактный
Это абстрактный логотип Adidas:
Абстрактные логотипы могут содержать только геометрический символ или комбинацию слов и символа. Однако графический элемент в логотипе не должен быть реалистичным изображением чего-либо (например, обезьяны Mailchimp).
Это должно быть абстрактное понятие, связанное с брендом или конкретным элементом, которым они или их продукты известны (например, полоски Adidas).
Это полезно для компаний, которые производят передовые продукты или предоставляют услуги, меняющие правила игры. Если сложно обобщить, что вы делаете с графическим знаком, но не хотите полагаться исключительно на название компании, это хороший вариант.
Эмблема
Это эмблема для MINI USA:
Эмблема выглядит как настоящая эмблема, щит, герб или этикетка.
Это полезно для компаний, которые имеют сильные, традиционные ценности или имеют долгую и известную историю. Логотипы-эмблемы обычно используются образовательными учреждениями и государственными учреждениями. Другие виды компаний могут использовать его — просто помните о форме эмблемы, которую вы выбираете, поскольку каждая из них передает свое значение.
Шаг 5. Выберите правильную типографику
Выбрав стиль логотипа, вы уже выполнили большую часть работы по определению типографики, которую следует использовать.
Шрифты с засечками
Современные логотипы хорошо сочетаются с традиционными шрифтами с засечками. Когда шрифт выглядит так, как будто он мог бы появиться на страницах печатной газеты или книги, он придает ему ощущение авторитетности и зрелости. логотип анатома выполнен в современном стиле: шрифты
с засечками хорошо сочетаются с современными логотипами, дизайн которых, как правило, минимален, более традиционен и самобытен. Они отлично подходят для брендов с ценностями и традициями старой школы.
Аптекарь выше является хорошим примером. Термин «аптекарь» сегодня редко используется, и, кроме того, тот факт, что он говорит «Лондонский аптекарь», ясно дает понять, что этот бренд пытается выделиться, продвигая традиции и ценности старой школы в наше время, и этот конкретный шрифт имеет большое значение. в содействии продвижению этого чувства авторитета.
Шрифты без засечек
Классические логотипы хорошо сочетаются с очень простыми шрифтами без засечек. По сути, вам нужен шрифт, к которому не привязано ни время, ни место, и который вы могли бы реально использовать десятилетиями. Логотип Bank of America выполнен в классическом стиле:
Этот логотип Sans Sarif будет уместен в любую эпоху, будь то 50-е, 80-е или сейчас. Он создает ощущение преемственности, стабильности и безопасности и вызывает доверие.
Моноширинные шрифты
Моноширинные шрифты отображают символы одинаковой ширины и предназначены для того, чтобы сделать их более удобными для чтения и более узнаваемыми сами по себе.
ISSS 2019, посвященный космосу, использует шрифт Roboto Mono, чтобы буквы выделялись в круглом логотипе.
Использование моноширинного шрифта обеспечивает простоту выравнивания и удобочитаемость, что особенно полезно, если сам логотип небольшой. Вдобавок ко всему, поскольку он использовался в программировании для облегчения идентификации символов в длинных строках кода, он, возможно, может быть особенно связан с логотипами компаний, которые имеют дело с компьютерами или технологиями.
Рукописные шрифты
Для логотипов, написанных или нарисованных от руки, очевидно, потребуется использовать курсивный или фигурный шрифт. Какой из них вы выберете, зависит от того, насколько формальным вы хотите, чтобы ваш бренд выглядел. Более традиционный курсив придаст вашему бренду застегнутый вид, в то время как свободный рукописный стиль будет казаться более расслабленным и открытым.
Логотип отеля Sydney выполнен в рисованном стиле:
Они отлично подходят для брендов, которые хотят передать ощущение тепла и дружелюбия — как в примере с гостеприимством выше. Нарисованные от руки логотипы также хорошо подходят для индивидуальных предпринимателей и предпринимателей, которые хотят, чтобы их логотип воспринимался как рукописная подпись, только такая, которая выглядит лучше, чем типичный беспорядок из каракулей, который мы видим в реальном мире.
Экранные шрифты
Экранные шрифты — довольно широкая категория, включающая различные шрифты, которые печатаются и отображаются с использованием шрифта большого размера. Они могут быть включены в логотип для создания уникальных логотипов, которые выделяются.
Логотип SpaceX — хороший пример экранного шрифта с элементами футуризма. В этом конкретном логотипе используются геометрические формы и нетрадиционные буквы:
Возможно, в данном случае термин «экранный шрифт» является преуменьшением. Логотип SpaceX четко и гордо отображается на их ракетах, чтобы все могли видеть издалека.
Для технологических и научных компаний, которые везде размещают свои логотипы (NASA, Boeing и т. д.), дисплейные шрифты особенно привлекательны.
Шаг 6: Выберите цвета вашего логотипа
Теперь цвет является одной из важнейших частей имиджа и индивидуальности бренда. Итак, у вас, вероятно, уже есть цветовая палитра, выбранная для вашего бренда.
Но как вы решаете, какие цвета включить в свой логотип, если таковые имеются?
Психология цвета учит нас тому, что цвет влияет на то, как люди воспринимают вещи или реагируют на них. Возьмем, к примеру, ярко-зеленый. При использовании в логотипе Home Chef он предполагает, что их предложения по приготовлению пищи полезны для здоровья:
Ведущие компании давно знают об этом, и поэтому большинство их логотипов имеют один из следующих основных цветов:
Зеленый (здоровье, экологичность)
Синий (стабильность, безопасность)
Фиолетовый (качество, аутентичность)
Красный (активность, азарт)
Оранжевый (энергия, экстраверсия)
Желтый (оптимизм, дружелюбие) )
Не верите? Canva собрала логотипы ведущих мировых компаний. Вот где их логотипы попадают в цветовой спектр:
Итак, начнем с простого. Сосредоточьтесь на эмоции номер один, которую вы хотите, чтобы люди чувствовали, или на прилагательном, которое вы хотите, чтобы они ассоциировали с вашим брендом. Затем определите цвет, который рассказывает эту историю с первого взгляда.
Шаг 7: Создайте свой логотип
На этом этапе все исследования и планирование завершены. Теперь вам нужно разработать логотип.
У вас есть несколько вариантов:
Создайте с нуля с помощью Illustrator.
Используйте производителей логотипов, таких как LOGO.com, BrandCrowd или Designhill.
LOGO.com предлагает множество инструментов брендинга, а также сотни профессиональных дизайнов логотипов. Кроме того, BrandCrowd специализируется на предоставлении вам множества шаблонов, которые вы можете выбирать и редактировать в зависимости от вашей ниши для ваших маркетинговых нужд. Наконец, Designhill специализируется на предоставлении инструментов DIY для ваших маркетинговых нужд.
Воспользуйтесь конструктором логотипов и используйте один из предложенных вариантов как есть.
Независимо от того, как вы это сделаете, ваши следующие шаги будут одинаковыми:
Шаг 1: Экспорт логотипа
Вы никогда не знаете, на каком устройстве или на каком экране будет отображаться ваш веб-сайт, поэтому ваш логотип должен иметь масштабируемый формат. EPS, AI и SVG — лучшие форматы векторных файлов для логотипов.
Обычно WordPress не позволяет загружать файлы любого из этих форматов на ваш сайт. Однако вы можете установить плагин поддержки SVG, который позволит вам использовать логотип SVG.
Шаг 2: Размер для WordPress
Вот что хочет WordPress:
До 256 МБ
180 x 60 пикселей
Хотя настройки WordPress Customizer очень ограничены, когда дело доходит до добавления логотипа на ваш сайт, пользователи Elementor Pro могут вносить больше изменений с помощью Виджет с логотипом сайта.
С помощью этой функции вы можете настроить логотип:0026

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

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

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

Эй! Добро пожаловать в третий день Figma 101. Сегодня мы собираемся создать логотип и несколько значков для нашего приложения, используя формы и захватывающую функциональность «векторной сети» инструмента Figma Pen. (Подробнее об этом позже. )

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

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

Затем нажмите O, чтобы выбрать инструмент эллипса (круг/овал). Нажмите и перетащите, чтобы создать круг размером 32 на 32 пикселя. Вы можете удерживать нажатой клавишу Shift ⇧, делая это, чтобы «ограничить» фигуру — это означает, что высота и ширина останутся прежними. Установите для него белый цвет заливки, чтобы мы могли видеть его поверх прямоугольника.

Наконец, создайте еще один круг, на этот раз 8 на 8 пикселей, и установите для него также белую заливку. Расположите его так, чтобы он находился в правом верхнем углу прямоугольника (4 пикселя сверху и 4 пикселя справа). Совет для профессионалов: вы можете проверить положение любой фигуры относительно другой фигуры, выбрав ее, удерживая нажатой клавишу Option (Mac) или Alt (ПК) и наведя указатель мыши на вторую фигуру.

В Figma есть группа команд, называемых «Булевыми операциями». Они позволяют вам взять две или более фигур и объединить их в одну фигуру, или вычесть одну фигуру из другой, или даже изолировать места, где фигуры перекрываются.

Для нашего логотипа камеры давайте щелкните и перетащите, чтобы выбрать все три фигуры, которые мы только что создали — прямоугольник со скругленными углами и два круга. Затем щелкните крошечную стрелку рядом со значком «Логические группы» в верхней части интерфейса и выберите «Вычесть выделение»:

Сегодня мы создали логотип, используя только формы и логические операции. Но мы также можем рисовать с помощью инструмента «Перо» — и в Figma инструмент «Перо» обладает сверхспособностями, также известными как «векторные сети». Чтобы понять, что такое векторные сети, вот небольшая справочная информация.

В большинстве графических приложений, включая Photoshop, Illustrator и Sketch, есть инструмент «Перо» (иногда называемый инструментом «Вектор»). Инструмент «Перо» обычно воспринимается новыми пользователями с подозрением, потому что его использование может быть довольно неинтуитивным.

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

Figma изменила дизайн инструмента «Перо», чтобы добавить функциональность «векторной сети». Это означает, что теперь одну точку можно соединить с любым количеством других точек. Кроме того, когда дело доходит до установки цвета заливки для векторной фигуры, вы можете выбрать, к какой из замкнутых областей фигуры будет применяться заливка.

В качестве примера, вот как мы рисовали 3D-блок с помощью векторных сетей. Мы рекомендуем включить пиксельную сетку — ⌘’ на Mac или Ctrl’ на ПК — и добавить квадратную сетку макета во фрейм, чтобы у вас было визуальное руководство по размещению и выравниванию точек.

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

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

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

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

Логотип блога: фото, создать онлайн

Примеры логотипов блогов

Изучите лучшие идеи логотипов

Делаем векторный логотип с использованием Midjourney — Denis Zelenykh на vc.ru

Разработка логотипа для вашего бренда: пошаговое руководство

Содержание

Зачем вашему бренду нужен логотип?

Помогите своему бренду выделиться

Повышение узнаваемости бренда

Задайте тон своему бренду

Шаг 3. Сохраните его в своем руководстве по стилю

Распространенные ошибки при разработке логотипов, которых следует избегать

Создайте логотип и сделайте свой бренд более узнаваемым

Ищете свежий контент?

Вам также может понравиться

Комментарии

Запустите свой облачный веб-сайт

Figma 101: Создание логотипа и набора значков

Цели обучения:

Сегодняшний урок

1. Откройте файл Figma и создайте новый кадр

2. Нарисуйте прямоугольник для корпуса камеры

3. Скруглите углы прямоугольника

4. Нарисуйте круг для объектива камеры

5. Выровняйте две фигуры по горизонтали и вертикали.

6. Создайте еще один круг для экспонометра.

7. Используйте «Булевы операции», чтобы превратить камеру в единую форму

8. Создайте 3D-блок с помощью инструмента «Перо»

9. Создайте набор иконок

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

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