Блог о графическом дизайне: айдентика новых брендов, интересные редизайны, работы известных студий.

Тут же вы можете детально ознакомиться с процессом создания логотипов в Логологике.

Логотип для браузерной игры.

19 марта 2013

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

Игра сделана по мотивам аниме, персонажи соответствующие. Отрисовка персонажей в этом случае выполнена в стиле чиби (или, что правильней, тиби), который отличается такими пропорциями головы и тела, что они сопоставимы по размеру, глазами, занимающими чуть менее, чем пол-лица, и повышенной кавайностью персонажей.

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

подборка логотипов

Приступаю к созданию эскиза.

Общая композиция. Тут всё просто: снизу текст, состоящий из двух частей, персонажи по бокам, римская 2 по центру. Текст расширяется к краям по дуге для пущей динамичности.

эскиз 1

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

Мне показалось интересной возможность поддержать рифму в наклонных штрихах графем W и A, обрезав R, оставшаяся часть которой, в свою очередь, логично соединилась с S, образуя своеобразную «молнию». Чтобы поддержать этот прием и сбалансировать композицию, делаю подобную молнию в J.

эскиз 2

Добавляю обводку, которая мастхев в такого сорта логотипах.

эскиз 3

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

эскиз 4

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

эскиз 5

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

Теперь оба парня смотрят в стороны.

эскиз 6

Аккуратней прорабатываю буквы. Чем больше раз перерисовываешь эскиз, тем естественней получается пластика линий.

эскиз 7

 Двойку делаю пониже.

эскиз 8

Тут пара промежуточных сканов потерялась, видимо, я забыл их сохранить, или что-то напутал с именами файлов =(

эскиз 9

Стеклю уже порядком замусоленный эскиз и прорабатываю контур маркером.

эскиз, прорисовка маркером

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

маркер+тон

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

обводка эскиза линиями

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

обводка плашками

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

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

контур

Причесываю контуры текстовой части.  Двойка, наконец-то, обретает низ.

контур 2

Начинаю добавлять заливки, параллельно что-то корректирую то тут, то там.

заливки

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

объем на буквах

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

объем 2Раскрашиваю персонажей. Исправляю перспективу меча у левого парня.

раскраска персонажей

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

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

проработка персонажей

Добавляю белые блики-плашки буквам, они становятся ярче, более похожими на металлические. Нахожу подходящую текстуру для двойки. Работаю немного с тенями на персонажах, в основном, над причёской правого парня.

почти готово

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

Надеюсь, было интересно.

готово

 

 

 

 

 

 

 

 

 

 

 

Следующая работа

Логотип для магазина молодёжной атрибутики

Предыдущая работа

Создание логотипа "Eye Candy"

(13 комментариев - Комментировать)
  • Анонимно  |  21.03.2013 | 00:03
    Как всегда очень здорово! Спасибо! Надеюсь что будет возможность вести блог чуть чаще.
  • Анонимно  |  21.03.2013 | 21:56
    шляпа
  • Анонимно  |  24.03.2013 | 22:10
    Отлично получилось. Понравилась прорисовка карандашом)
  • Анонимно  |  25.03.2013 | 01:38
    Сколько по времени заняло?
  • Анонимно  |  01.04.2013 | 23:01
    Заказчик удовлетворен?
  • Анонимно  |  24.04.2013 | 06:39
    Это разве можно назвать логотипом? Вы вообще понимаете разницу между логотипом и картинкой иллюстрацией? Ваша пародия на раздел "бизнес-линч" как у Лебедева, убожество
    • Анонимно  |  01.09.2013 | 03:09
      А вы понимаете, что сфера игр требует определенной стилистики? Идите, дальше Татьяныча читайте :)
    • Анонимно  |  23.07.2014 | 21:13
      Друг, если ты не шаришь в логотипах, иди собирай грибы.
  • Анонимно  |  29.05.2013 | 19:03
    Не обращайте внимание на идиотов, лого оч качественное. Цепляет глаз. Радует симметричность и в деталях, и в метафоре.
  • Анонимно  |  26.12.2013 | 10:34
    Я смотрю на ваши работы и просто поражаюсь. вы мастер своего дела! +++
  • Анонимно  |  20.04.2016 | 02:58
    У Наруто следовало-бы нарисовать его фирменный прием Расенган. А не просто пламя из руки.
  • Анонимно  |  14.06.2018 | 08:02
    Да, было интересно. Спасибо
(13 комментариев - Комментировать)