Youtubezilla.ru

Мастер бытовой техники
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как самому создать хороший логотип для сайта онлайн: подробное руководство

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

Вот моя подборка самых лучших онлайн конструкторов

1. Logaster – самый лучший конструктор логотипов

Logaster.ru— русскоязычный сервис для создания логотипов и визиток в онлайн режиме.

Logaster

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

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

Shag_2

Вы можете изменить:

  • текст в логотипе
  • шрифт
  • цвет иконки и текста
  • добавить тень
  • изменить расположение элементов.

Shag1

Основные преимущества сервиса:

— возможность бесплатно скачать готовую эмблему в малом расширении;

skachat

— логотипы доступны для скачивания во всех популярных форматах и расширениях — PNG, PDF, JPEG, SVG.

options

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

sosial

— в логотипе поддерживается кириллица.

Создание логотипа занимает всего несколько минут. Напоминаю, что создать логотип в Logaster можно здесь.

А вот короткое промо-видео сервиса:

2. Genlogo – удобный и многофункциональный

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

Делаем логотип в Genlogo

На следующих шагах нужно выбрать подходящую цветовую гамму и шрифт.

После того, как вы определитесь со стилем, вам предложат скачать результат файлом PNG с прозрачным фоном. Разрешение по ширине: 800 пикселей. Этого вполне достаточно для публикации на сайте или в социальных сетях. Стоимость – 590 RUB.

Genlogo - результат работы

Если вы планируете печатать лого на визитках, бланках и листовках, то вам нужно разрешение побольше и формат SVG. Это обойдется в 1500 RUB. Кроме того, вы получите дополнительным бонусом фавиконку для сайта и бесплатную доработку эмблемы дизайнером.

3. Turbologo – современный и многофункциональный

Turbologo – c этим сервисом я познакомился совсем недавно. Для того, чтобы начать работу нужно только указать название сайта.

Этот конструктор отличается самым большим разнообразием вариантов:

  1. В минималистском стиле с иконкой
  2. Текстовые
  3. Геометрические
  4. В винтажном стиле

Вот несколько штук, которые мне предложили на выбор:

Варианты подбираются на лету. Кроме того, у них самая большая база иконок – более 1 млн.

В общем, мне понравилось:) Если хотите попробовать самостоятельно – жмите на кнопку:

4. Cool text – лучший бесплатный конструктор

Очень хороший конструктор логотипов. Для того, чтобы воспользоваться им переходим по адресу http://cooltext.com. Мы сразу попадаем на страницу с шаблонами. Выглядит он вот так.

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

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

  • текст надписи (само собой);
  • шрифт;
  • цвет шрифта;
  • фон (в большинстве случаев);
  • градиент фона(тоже в зависимости от шаблона);
  • формат сохранения файла;

Про формат файла следует упомянуть отдельно. Я, обычно, сохраняю логотипы в формате PNG/Transparency. PNG – это формат графических файлов, который очень часто используется в вебдизайне, благодаря тому, что по размеру картинки получаются меньше, чем в других форматах. Ну а transparency означает, что картинка будет с прозрачным фоном.

Читайте так же:
Как вызвать консоль в Google Chrome

После того, как вы закончили редактировать, щелкните по кнопке «Create Logo». Сразу после этого, вы попадете на страницу на которой будет ссылочка «Download image», по которой вы сможете загрузить картинку к себе на компьютер.

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

Сначала даю обещанные ссылки на сайт-автоматы по созданию логотипов онлайн. Ссылки не активные (мой сайт защищен от копирования и не накапливает исходящих ссылок), для перехода по ним выделите нужную ссылку, кликните правой кнопкой мышки и выполните «переход по ссылке».

  • Лого онлайн http://cooltext.com/Logos
  • Аналог ЛОГО ОНЛАЙН http://www.flamingtext.com/
  • Лого за 5 минут https://www.logaster.ru/

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

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

Как создать логотип в Фотошопе

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

Давайте рассмотрим этот вопрос на примере моего логотипа.

Шестерёнкой в Интернете часто обозначается значок настроек. В моём логотипе она указывает на то, что я по образованию и по сути — Инженер.

Что мне интересно вникать в различные настройки, решать задачи, преодолевать технические трудности.

Внутри шестерёнки мои инициалы. Далее, всё просто — мои личные данные.

То есть — имя, фамилия, основной домен, на котором расположен этот блог.

Создание логотипа в Фотошопе

Сам процесс создания логотипа в Фотошопе достаточно прост. Лично я использовал инструмент текст и иконку шестерёнки.

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

И в этом нет ничего странного, обратите внимание на логотипы известных брендов.

Где главный акцент делается на шрифт и цвет, используемый для логотипа.

В настоящее время модно создавать логотипы из собственных фото. К тому же сделать их довольно просто.

Покажу на примере вот этого фото.

Открыл его в Фотошопе, выделил голову инструментом прямоугольная область и скопировал на новый слой.

Открыл вкладку — изображение, далее проследовал по пути — коррекция — порог.

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

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

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

Обрезал лишнее и получил такой результат.

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

Подвёл мышку к стыку между фоном и лого, нажал на клавиатуре Alt и кликнул по возникшей стрелочке.

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

Посмотрите на результат.

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

Моя цель — показать вам как его создавать в Фотошопе. И, как видите, это довольно просто. Я потратил на выполнение задуманного не более пяти минут.

Читайте так же:
Как узнать IP-адрес компьютера

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

А дальше настаёт время экспериментов. Да, не удивляйтесь, советую вам не останавливаться на одном варианте.

Варианты логотипов

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

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

Создавайте не думая, что душа пожелает и сохраняйте в папку. После этого дайте логотипам «отлежаться» пару дней.

Выбор лучшего

После чего откройте папку, в вкладке «вид» укажите — огромные значки.

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

Если вас «терзают смутные сомнения», то обратитесь к друзьям в социальных сетях.

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

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

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

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

Поэтому, полным новичкам в этой сфере, я советую всё же обратиться к специалистам.

Придумать логотип вы можете сами, а воплощение вашей идеи поручите тому, кто давно с Фотошопом на «ты».

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

P.S. Прикладываю скриншот моих заработков в партнёрских программах. Более того, напоминаю, что так зарабатывать может каждый, даже новичок! Главное — правильно это делать, а значит, научиться у тех, кто уже зарабатывает, то есть, у профессионалов Интернет бизнеса. Комиссионные БалыковаЗаберите список проверенных, особенно актуальных, Партнёрских Программ 2018 года, которые платят деньги! 2017Скачайте чек-лист и ценные бонусы бесплатно =>> «Лучшие партнёрки 2018 года»

Похожие записи:

Понравилась статья? Скажи автору спасибо, поделись с друзьями!

3. Анимация 3D логотипа

Ну и наконец приступаем к анимации логотипа, у нас он будет вращаться по своей оси на 360 градусов. Снизу нажимаем на вкладку «Шкала времени» и создаём временную шкалу видео». Во временной шкале появляется слой с логотипом, открыв который можно увидеть вкладку «3D сетки» именно этим параметром можно анимировать движение объекта в пространстве и вращение по осям.

анимация 3D логотипа в фотошопе

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

анимация 3D логотипа в фотошопе

От расстояния ключевых точек на шкале времени зависит не только длительность анимации, но и соответственно её скорость, чем расстояние меньше, тем анимация будет быстрее.

Для того, чтобы не крутить стрелками объект по оси на 360 градусов можно просто выставить данное значение в настройках положения объекта. Ставим одну точку в начальном положении, перемещаем трей в нужное место, переходим к параметрам объекта и устанавливаем 180 градусов, жмем Enter.

Читайте так же:
Исчезла иконка батареи в ноутбуке на Windows 10

анимация 3D логотипа в фотошопе

Перемещаем трей еще на такое же расстояние и прописываем -180 градусов и получаем анимацию вращения.

анимация вращения логотипа в фотошопе

анимация вращения логотипа в фотошопе

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

Как сделать визитку в Фотошопе

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

Что такое «правильная визитка»?

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

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

  • Дизайн и оформление (визитка обязательна должна быть запоминающейся и интересной. Это вовсе не значит, что она должна быть пестрой и буквально кричать о красочности. Основное задание сделать ее не такой как у всех, оригинальной);
  • Износоустойчивость (следует помнить, что ваша визитка будет лежать в груде иных документов, и пригодится может через неопределенный период времени. Соответственно, необходимо ответственно подойти к выбору типографии, чтобы не волноваться о качестве печати и используемых материалах);
  • Удобство (следует обращать внимание на стандартные размеры 9*5 см (аналог банковской карточки), размещение информации на обеих сторонах и материал покрытия).

Конечно же, это не все принципы, но именно на их основе будет раскрыт механизм создания визитки в фотошопе.

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

  • Комбинация более 3 – х шрифтов/цветов на одном изображении – строгое табу;
  • Подбирать необходимо читабельный шрифт (не нужно чрезмерно «мудрить» со шрифтом, ведь работает правило: «чем проще, тем лучше»);
  • Шрифт не должен быть мелким (в идеале он должен быть таким, чтобы человек, не имеющий явных проблем со зрением, мог прочесть текст на карточке на расстоянии вытянутой руки);
  • Необходимо обеспечить контраст между фоном и текстом, а задний план не должен отвлекать внимание от основной информации.

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

Механизм создания информационной карточки в Фотошопе

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

баннер-разработка-логотипа-banner-razrabotka-logotypa

Шаг 1. Запустите программу. Работа с приложением может осуществляться как после установки на ПК/ноутбук/планшет, так и в онлайн – режиме.

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

Шаг 2. Необходимо создать документ (нажимаем CTRL + N), указав параметры.

Для стандартных рекомендуем выбирать следующие параметры: ширина 96мм, высота – 56 мм, разрешение графики – 300, цветовая модель СМУК.

Выше упоминалось, что стандартные размеры – 50*90 мм, но при разработке необходимо сделать запас, который уберется при срезе краев в процессе печати. Поэтому делаем 96х56мм

Шаг 3. Необходимо выбрать фоновое оформление, а для этого кликнем CTRL + J и просматриваем стандартные обои. Если из предложенных вариантов ничего не подходит, то на рабочем окно есть функция «Добавить» и есть возможность использовать фоновый план, который сохранен на ПК.

Читайте так же:
Телефон Android сам перезагружается

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

Шаг 4. Располагаем текст и дополнительные изображения. Кликнем CTRL + R и появляется курсивное окно на cs6, где необходимо ввести текст визитки. Помимо текста, следует ввести параметры вспомогательных линий, которые отредактируют размещение текста на фоновом листе.

При размещении текста необходимо делать уклон на такие параметры полей: верхнее – 0,25, нижнее – 2, левое – 0,25, правое – 3,5 дюймов. Если вы хотите добавить какой – либо элемент на рабочую панель, то необходимо кликнуть на «Произвольная фигура», и выбрать понравившийся образ.

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

Шаг 5. Объединяйте слои. Не стоит объединять все слои одновременно, следует выделить фон и текст, а потом текст и логотипы/дополнительные изображения. Помимо вышеуказанных моментов, можно использовать дополнительные эффекты, затемнения, ластики, штрихи и т.д., иными словами все, на что хватит вашей фантазии.

Если на каком — либо этапе возникла необходимость удалить вставленный элемент, то просто кликните на клавишу «Delete Insert» или «Cancel».

Шаг 6. Сохранение шаблона и загрузка его на компьютер. Если вы разобрались, как нарисовать визитку в Фотошопе и результат вас полностью устраивает, то сохраните готовый макет в формате TIFF, так как не происходит сжатия изображения.

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

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

Нюансы двухсторонней визитки

Надеемся, пошаговая инструкция помогла разобраться в несложной программе Фотошопа, и вы смогли создать уникальную визитку. Если вы хотите создать двухстороннюю визитку в Фотошопе, то необходимо следовать вышеуказанному алгоритму, но при этом соблюдать несколько моментов:

  • Изначально создайте 2 рабочих листа;
  • Если обе стороны планируете выполнять в едином фоне и стилистике, то оформляйте их параллельно, чтобы не возникало путаницы;
  • Рабочие слои необходимо сохранять постепенно на каждой странице, в противном случае может проявиться «накладка» информации.
  • Объединить двухстороннюю визитку в Фотошопе в единый файл можно лишь на этапе преобразования в формат TIFF.

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

  • Отключить все текстовые слои (комбинация Ctrl + A);
  • Скопировать тексты и лицевые изображения (Shift + Ctrl + C) и перетащить информацию на вторую страницу;
  • Чтобы отобразить фоновое оформление, необходимо проследовать по такой функциональной цепи «Edit > Transform > Flip Horizontal».

Photoshop CS5 и CS6 – что выбрать?

CS6 – более современная версия, которая обладает широким функциональным наполнением, разрешением и частотой графики. Обе версии предназначены и разработаны под известные операционные системы Windows, iOS, Android. Обе версии идеально подходят для создания визиток, а отличие CS6 от CS5 в следующем:

  • Производительность улучшена до 64 разряда (было 32);
  • Поддерживает не только наиболее известные ОС, но и функционирует на эмуляторах;
  • Объем оперативной памяти соответствует объему на ПК;
  • Все операции выполняются на 8-12% быстрее.
Читайте так же:
Как поставить живые обои на Android смартфон

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Логобук — документ, в котором прописаны правила работы с логотипом (пропорции, минимальные размеры, использование на разных фонах, дополнительные версии).

Гайдбук — свод правил работы с логотипом и айдентикой (как логобук, только здесь ещё есть инструкции по использованию фирменного стиля — шрифтов, цветов, паттернов).

Брендбук — самый большой документ, в котором есть не только правила по использованию внешних элементов (айдентики, логотипа), но и описана философия бренда, его позиционирование, целевая аудитория.

Стилеобразующий элемент — любой элемент, который создаёт фирменный стиль. Это могут быть шрифты, цвета, паттерн, особенные фотографии (например, для Coca-Cola стилеобразующим элементом будет фотография улыбающихся людей, которые пьют колу).

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

Гид по сленгу дизайнеров: что такое паттерн

Лицензия — право на использование платного шрифта. Если вы выбрали для своего дизайна платный шрифт, то важно заранее обговорить, где будет использоваться дизайн, поскольку для разных целей есть разные лицензии. Для использования шрифта в мобильных приложениях нужна одна лицензия, а для использования шрифта в рекламных баннерах для таргета — совсем другая.

Мокап — инструмент, который позволяет презентовать идею максимально реалистично. Это макет какого-то реального объекта, на который дизайнер может наложить свой дизайн. В качестве мокапов может выступать практически что угодно: футболка, упаковка, визитка, билборд, страница сайта.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector