Создаем логотип в стиле Web 2.0


Оглавление (нажмите, чтобы открыть):

Создание логотипа онлайн

Для кого будет полезен сервис, предлагающий создание логотипа онлайн?

  • Вебмастерам Конструктор, предлагающий создание логотипа онлайн, очень удобный, выгодный и полезный сервис для вебмастеров, которые создают сайты различных тематик, направлений и назначения. Вебмастеру, ценящему быстроту, качество, уникальность и доступность, именно это предлагает онлайн сервис по созданию логотипов. Быстро, красиво и много готовых логотипов для любого количества сайтов.
  • Агентствам Агентствам понравится быстрое создание качественных персонализированных логотипов в высоком разрешении, ведь это сокращает время на выполнение заказа и при этом без потери качества. Предложите заказчику на выбор несколько вариантов логотипов, он это оценит, так как будет виден объем затраченного времени, в то время как в реальности затрачено 10 мин.
  • Фрилансерам Создание логотипов в онлайн конструкторе по достоинству оценят фрилансеры, которые с высокой выгодой могут перепродавать услуги. Данный вид заработка в Интернете наиболее популярен, так как позволяет зарабатывать при минимальных временных и финансовых вложениях. Отличное качество логотипов позволяет успешно зарабатывать на перепродаже.
  • Владельцам сайтов В Интернете огромное количество ресурсов, которые вообще не имеют своего логотипа, хотя именно он определяет настроение и расположение посетителей к сайту. Следовательно, онлайн конструктор логотипов будет незаменим для владельцев любых интернет-ресурсов, независимо от направления деятельности. Создание логотипа онлайн с помощью конструктора — легко, просто, доступно всем сайтовладельцам.
  • В социальных сетях Онлайн генератор логотипов будет полезен владельцам аккаунтов и блогов в крупных социальных системах, которые хотят выделяться среди подобных аккаунтов и блогов. Красивый логотип, дополненный коротким текстом с нужной информацией или смыслом, может стать не только красивым оформлением аккаунта, но и функциональным маркетинговым решением.

Возможности конструктора и Преимущества создания лого в нем

Самостоятельное создание логотипа для сайта онлайн

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

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

Как самому создать логотип для фирмы или сайта

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

Онлайн сервисы для бесплатного создания логотипа

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

  • Logaster.ru — русскоязычный генератор логотипов, с поддержкой кириллицы. Для любой тематики сервис генерирует несколько сотен готовых логотипов, которые можно отредактировать и скачать. Тамже можно создать стильные визитки, конверты с лого фирм, а в ближайшее время и фирменные бланки.
  • Logo Creator — бесплатный сервис для создания логотипов в стиле web 2.0, здесь вы так-же сможете создать и красивые «вебдванольные» кнопочки для своего блога.
  • Free Logo Maker — позволяет выбрать из большой коллекции соответствующую тематике вашего блога иконку и добавить к ней любой текст. Этот вполне неплохой сервис мне тоже нравится.
  • Web 2.0 Free Logo Generator — как вы наверно уже поняли из названия генерирует текстовые web 2.0 логотипы с отражением текста.
  • Stylr Logo Maker — еще один сервис где можно создать красивый логотип в стиле веб 2.0 и ничем особым от аналогичных не отличается.
  • Cool Text — предоставляет наибольший выбор по оформлению текста в логотипе, здесь можно создать даже анимированный логотип с мигающим или горящим текстом, правда только на английском.

Бесплатные программы для создания логотипа

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

  • Portable AAA Logo — самая простая бесплатная программа для быстрого создания красивых логотипов.
  • The Logo Creator — немного посложнее предыдущей, но зато имеет более 500 вариантов шаблонов для создания собственного лого.
  • GreenBox Logo Maker платная программа, которая позволит спроектировать и создать не только лого для сайта но и довольно профессиональные эмблемы, а так-же логотипы для фирм и компаний. Пробная версия этой программы имеет несколько урезанные функции, единственный минус — не работает с русским текстом (во всяком случае ее версия 2.0, которую я пробовал не работала).

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

Стиль Web 2.0

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

«Классический» стиль, стили «ретро», «гранж», «аниме», «футуристический» стиль, «журнальный» стиль – этот список можно продолжать очень долго. Сейчас модным и популярным стал стиль Web 2.0. И если название «ретро» говорит достаточно много том, как может выглядеть сайт, то название «Web 2.0» требует пояснения.

Каковы же основные признаки стиля Web 2.0?

Этих признаков довольно много, попробуем выделить главные.

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

  • Свободное пространство


На сайтах в стиле Web 2.0 много свободного пространства. Это позволяет концентрировать внимание на отдельных объектах без особого напряжения зрения. Глаза меньше устают, и пребывание на сайте становится более комфортным.

  • Крупные объекты
Мастер Йода рекомендует:  Отладка асинхронного JavaScript с помощью Chrome DevTools Javascript

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

  • Увеличенный шрифт

Шрифт на сайтах в стиле Web 2.0 обычно увеличен, он имеет размеры 14 пикселей и больше. Межстрочный интервал также увеличен, это уменьшает плотность текста и улучшает его восприятие. Способствует этому и разбиение текста на абзацы.

  • Простая навигация

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

  • Простая структура страницы

Структура страниц стиля Web 2.0 также проста. Страница обычно состоит из нескольких основных блоков: шапка сайта, блок меню, блок контента, подвал. На таких сайтах не увидишь много блоков с различным контентом, распределенных по всей странице. Структура таких сайтов однотипна, что опять-таки упрощает работу с сайтом.

  • Логотип

Наличие логотипов это еще одна отличительная черта современных сайтов в стиле Web 2.0. Логотип бросается в глаза, запоминается посетителю сайта, если он хорошо сделан. Логотип придает сайту индивидуальность, неповторимость. Это способствует тому, чтобы посетители сайта возвращались на него.

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

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

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

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

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

  • Закругленные углы

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

  • Значки и крупные кнопки

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

  • Проработка мелких деталей

Мы начали описание стиля Web 2.0 с понятия «простота», но простота эта кажущаяся, эта простота для посетителя сайта. Но для того, чтобы сайт выглядел простым и был удобным для работы с информацией, необходима, на самом деле, тщательная проработка всех, даже самых маленьких, деталей. Без такой проработки сайт будет казаться грубым, «топорным», и никакого стиля у такого сайта уже не будет.


Вот таковы основные признаки стиля Web 2.0. Конечно, нельзя сказать, что у сайта в этом стиле должны присутствовать все перечисленные признаки. Понятие стиля довольно субъективное. И если вы решили создать сайт в стиле Web 2.0, нужно в первую очередь думать о целях и задачах сайта и выбирать, какие дизайнерские методы помогут достичь этих целей. Ведь если стремиться строго использовать все признаки стиля, то будут получаться однотипные сайты, но сайт должен быть ярким и уникальным. Это одна из главных задач дизайна.

Если вас заинтересовала статья, или вам есть, что добавить, оставьте комментарий.

Создание логотипа в стили web 2.0

Начнем с создания основы с фоном голубого цвета.

Посмотрите на панель инструментов и выберите Elliptic Marquee Tool. Создайте круг темно синего цвета.

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

Пришло время сделать из прямоугольника фигуру. Зайдите в Edit > Transform > Skew. Измените прямоугольник так, как на рисунке:

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

Вот, что получилось:

Основа нашего круга готова, теперь пришло время поработать с «правым крылом», т.е. с прямоугольником. Возьмите Burn Tool, установите размер кисти 15. Range установите на Midtones, а Exposure на 100%. Обведите нижнюю половину крыла, используя Air Brush и затем верхнюю часть с теми же настройками.

Настало время заполнить логотип каким-нибудь текстом и добавить последние штрихи.

Создаем логотип в стиле Web 2.0

Сайты, написанные в стиле WEB 2.0 элегантны и красивы, понятны, читабельны и самое главное — удобны для посетителей, а удобны они прежде всего своей простотой. Именно такие сайты хочется посещать.

Итак, вот 7 простых правил стиля WEB 2.0 :

Простота в стиле WEB 2.0

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

Простая структура сайта, исполненная в стиле WEB 2.0 должна выглядеть примерно вот так:

Много свободного пространства.

Между блоками расстояние должно быть примерно 20 px. Не нужно бояться пустых мест и пытаться их чем-то заполнить.

Крупные объекты и текст.

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

Текст контента должен быть не менее 14 px, можно сделать даже 16 – 18 px, заголовки должны быть крупными и достаточно яркими. Шрифт лучше всего использовать простой и популярный, без засечек и прочих наворотов. Более подробно про дизайн текста вы можете прочитать вот здесь.

Простая навигация и п ростое текстовое меню.

Выпадающих и выплывающих списков быть не должно, это НЕ УДОБНО и порой даже раздражает. Вот, кстати, статья о том как создать красивый блок меню для сайта в стиле WEB 2.0.

Логотип.

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

Яркие сочные цвета.

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

Стили.

При создании дизайна в стиле WEB 2.0 cмело применяем подсветку, тени, отражения и градиенты, но без фанатизма. У блоков и кнопок делаем закруглённые углы. Стили придают сайту объёмность и делают его живым. Таким сайтом хочется любоваться.

Совсем не обязательно применять все эти правила сразу. Главное, помните, сайт, созданный в стиле WEB 2.0 должен быть в первую очередь удобным для посетителей.

Как создать сайт в стиле Web 2.0?


Всем привет! В этой статье мы с вами научимся делать сайты в стиле web 2.0. Здесь мы разберем все основные моменты веб-дизайна, которые помогут вам создать сайт в таком замечательном стиле. Думаю, такой информацией должен владеть каждый веб-мастер или веб-дизайнер. Так есть возможность, что сайт получился более интересным и запоминающимся. Итак, поехали!

Мастер Йода рекомендует:  Разработчики GitLab создали Meltano, инструмент с открытым кодом для работы с данными

Простота

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

Много свободного пространства

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

Большие объекты

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

Крупный текст

На многих старых сайтах часто можно было увидеть текст в 10-12 px. В web 2.0 14 px — это практически минимум. Часто можно увидеть текст для чтения в 16-18 px. Однако тут очень внимательно нужно подходить к выбору размеров шрифта. Для чтения не рекомендуется ставить шрифт больше 14 px. Хотя, если вы будите делать промо-сайт или сайт визитку, где будет мало текста, а больше графики, то можете поставить размер и побольше. В этом случае лучше ориентироваться по ситуации и не придерживаться каких-то шаблонов и стандартов.

Простая навигация

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

Простая структура сайта

Веб-дизайн таких сайтов, не будет содержать 5-10 блоков с информацией. Обычно весь сайт делится на три основных блока:

  • header — шапка сайта;
  • контент — информация для посетителей сайта;
  • footer — подвал (он обычно содержит контакты, дублированное меню и прочее).

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

Логотип

Сейчас практически каждый сайт в стиле web 2.0 не обходится без логотипа. Это своего рода отличительная особенность от старых сайтов (на них практически не встречаются логотипы). Конечно, если не брать в счет крупные компании.

Яркие и сочные цвета

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

Градиенты

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

Мягкая подсветка

Очень часто для того, чтобы привлечь внимание посетителя сайта к какому-то объекту, в дизайне web 2.0 используют мягкую подсветку. Это не только привлекает внимание, но и делает дизайн сайта на много привлекательнее. Блоки без подсветки, на вид, кажутся менее приятны, чем блоки с подсветкой.

Тени и отражения

Тени и отражения — это часто встречающиеся особенности дизайна сайта в таком стиле. Тень способна придать естественность и реалистичность. Если ее не будет, то объект будет казаться плоским или будет парить где-то в воздухе. Отражение придает как красоту, так и гламур различным объектам сайта. Оно используется не только для картинок, но и для всяких кнопок или меню. Не стоит злоупотреблять отражением, иначе информация будет восприниматься очень трудно. Все должно быть в меру!

Закругленные углы

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

Красивые иконки в web 2.0

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

Проработка мелочей

Раньше для сайта достаточно было просто залить фон, вставить простое меню, добавить текста, и можно уже было запускать проект. Сейчас же данный стиль сайта приучил нас к тому, что даже самые мелкие детали требуют отдельной проработки. Будь-то, какая кнопка или меню, заголовок или что-то другое, в web 2.0 все прорабатывается отдельно (цвет, градиент, отражение, тень, обводка, свечение и так далее). Можно прорабатывать различные линии, углы и значки для более стильного оформления. За счет проработки всех мелких деталей, весь веб-дизайн сайта будет смотреться гораздо лучше. Будет создаваться целостная картина, при взгляде на которую, не будет хотеться искать какие-то косяки и недостатки.


Это были 14 основных пунктов, по которым можно определить стиль web 2.0. Не нужно при разработке своего дизайна сайта впихивать все то, что я описал. Скорее всего, это будет смотреться некрасиво и даже убого. Всегда при разработке сайта, когда вы собираетесь создавать его в таком стиле, то обязательно задавайте себе простые вопросы:

  • сделает ли это данный сайт лучше?
  • станет ли комфортно и приятнее находиться на таком сайте, и пользоваться его услугами?

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

Создаем логотип в стиле Web 2.0

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

Мастер Йода рекомендует:  Меняемся баннерами и ссылками

В качестве примеров сайтов, представителей стиля Web 2.0, можно назвать такие хорошо знакомые названия, как Youtube, Twitter, Facebook, Myspace. Это примеры крупных социальных сетей, которые объединяют миллионы пользователей по всему миру.

В этой подборке, подготовленной Yourinspirationweb, мы обратим внимание именно на графическую составляющую, на основании которой можно отнести веб-сайт к стилю Web 2.0.

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

2. Закругленные углы
Web 2.0 предпочитает плавные изгибы в виде округлых и мягких форм. И смотрится симпатично, и не так жестко, как прямоугольные края.

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

4. Активный, живой цвет
Особо популярны светло-голубой и зеленый оттенок. Для фона используются преимущественно пастельные тона, а для акцентов на значимые элементы — активные, живые цвета.

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

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

7. Симпатичные иконки
Как правило, иконки используют для эффективной визуализации предметов или действий. Плюс это еще и очень симпатичное украшение для сайта.

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

Labdes

В этом уроке я собираюсь показать Вам, как можно просто создать логотип в стиле Web 2.0 в Photoshop. Иногда достаточно хорошо знать возможности фотошоп, чтобы сделать что-то быстро и эффективно с минимальными затратами, как например в данном случае логотип, в основе которого лежит инструмент многоугольник с его свойством «сглаживание вершин». И так приступим к созданию нашего лого.

Шаг 1

Создайте новый документ размером 600 х 300 пикселей и залейте его белым цветом.

Шаг 2

Создайте новый слой. Выберите инструмент Polygon Tool, в его свойствах установите 3 стороны и выберете Smooth Corners (сглаживание углов).

Шаг 3

Установите основной цвет например ярко зеленый # 91D638 и нарисуйте многоугольник одной из вершин вверх. Этот цвет будет основным в нашем логотипе.

Шаг 4

С выбранным слоем, перейдите в меню Layer -> Layer Style -> Blending Options -> Stroke и установите цвет обводки более ярким, например #adff43.

Шаг 5

Создайте новый слой. Добавьте белый полигон по центру, чуть меньше, чем наш первоначальный зеленый многоугольник. Расположите его примерно по центру и также вершиной вверх. Совет: можете нарисовать вначале как получится, а затем изменить его расположение и размеры с помощью инструмента free transform (щелкаем по объекту правой кнопкой и выбираем free transform). Для сохранения пропорций не забываем удерживать клавишу shift.

Шаг 6

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

Шаг 7

Выбираем наш последний слой, перейходим Layer -> Layer Style -> Blending Options и добавляем следующие стили:


Шаг 8

Объединим все видимые слои в один кроме фонового слоя. Дублируем получившийся слой и повернем копию слоя вниз вершиной и у нас будет что-то похожее на то, что на скриншоте:

Финальное изображение логотипа

Теперь добавим текст и цвет, например # 888888. Шрифт я выбрал Helvetica, но Вашу фантазию и Ваш вкус в создании логотипа в фотошопе никто не ограничивает.

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

Теперь создание логотипа удастся вам быстро и без помощи дизайнера. Генератор логотипов на русском языке Canva – все, что нужно для эффектного результата!

Произведите впечатление дизайном логотипа

Красивый логотип поможет вашему предприятию двигаться в правильном направлении. С помощью бесплатного конструктора логотипов Canva вы сможете пройти путь от идеи до готового логотипа за несколько минут.

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

  1. Выберите один из профессиональных шаблонов или создайте собственный логотип с нуля. У нас есть шаблоны для любой отрасли: торговля, сфера услуг, индустрия красоты, туризм, образование и т.д.
  2. Добавьте в логотип фирменные цвета и название компании. Добавляйте и настраивайте значки и иллюстрации, просто перетаскивая их. Шаблоны Canva очень просто редактировать.
  3. Добавьте собственные изображения, чтобы сделать логотип уникальным.
  4. Скачайте готовый логотип и поделитесь им!
  5. Используйте логотип в медиа и печатной продукции.

Простой способ создать логотип самостоятельно

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

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

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

Создайте собственный бренд

Ваш логотип — начало чего-то большего. А именно — нового бренда. Хороший логотип становится узнаваемым и вызывает доверие у клиентов.

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

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

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

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

Создание логотипа в стиле Web 2.0 в Photoshop

В этом уроке я собираюсь показать Вам, как создать логотип в стиле web 2.0.

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

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

Шаг 1

Создаем новый документ с размерами 600 x 300px и заливаем его белым цветом.

Шаг 2

Создаем новый слой. Выбираем инструмент Polygon Tool, устанавливаем длину стороны 3 и в настройках Polygon Options выбираем параметр Smooth Corners.

Устанавливаем цвет переднего плана #91D638 и рисуем многоугольник.

Шаг 4

С выделенным слоем переходим в Layer > Layer Style > Blending Options > Stroke.

Шаг 5

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

Шаг 6

Создаем новый слой. Рисуем другой зеленый многоугольник, немного меньший, чем белый.

Шаг 7

С выделенным слоем переходим в Layer > Layer Style > Blending Options и добавляем следующие стили:

Шаг 8

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

Окончательное изображение

Теперь добавим текст, используя шрифт Myriad Pro, Semibold, Smooth, 47px и цвет #888888.

Вы можете посмотреть исполнение логотипа в разных цветах:

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