Пользователь
1 июня 2011 в 07:30

Дизайн → Бейджи для Хабра, версия из песочницы

image

Сделал свой вариант бейджей для Хабра.
Не то что бы мне не нравятся текущие.
Просто выдался небольшой просвет между проектами и захотелось отточить свои навыки (и возможно заодно сделать что-то общественно полезное).

Рисовал «just for fun» поэтому решил особо не ограничивать полет души)) Общий стиль хабра достаточно плоский и блеклый, а иконки нарисовались яркие и объемные. Часть метафор оставил старыми, часть заменил. «Захабренный», «Отхабренный» и «Читатель» еще ждут своей очереди.

Краткое описание создание иконки «Тролль»

Как правило иконки делаю с использование 3D, так для меня быстрее и проще.
Моделю в Максе, визуализирую Виреем. Готовый рендер дотачиваю в фотошопе

Скетч карандашиком

image

Моделим дерево

Ну как моделим, берем готовое из старого проекта и немного меняем:

image

Моделим тролля

Иконка будет маленькая поэтому можно сделать все достаточно грубо.

image

Накладываем сглаживание

image

Рисуем текстуры

Для тролля подошел кусок кожи лягушки.

image

Рендерим

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

image

Постобработа в фотошопе

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

image
Денисенко Илья @idenisenko
карма
257,0
рейтинг 0,0
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Самое читаемое Дизайн

Комментарии (143)

  • +52
    Красивые иконки получились, спасибо :-)
    • НЛО прилетело и опубликовало эту надпись здесь
      • +3
        Тролль да, вне конкуренции :-)
      • +4
        Не хватает нескольких разновидностей троллей :)
        • +9
          Тролль классический, тролль-школота, KingOfTrolls
      • НЛО прилетело и опубликовало эту надпись здесь
        • +6
          Готово, босс! :)
        • НЛО прилетело и опубликовало эту надпись здесь
          • +1
            done
          • +2
            Not enough energy!
            • +5
              You must construct additional pylons habraaccounts!
              • НЛО прилетело и опубликовало эту надпись здесь
                • НЛО прилетело и опубликовало эту надпись здесь
                  • 0
                    50, но не за комментарии, а в карму.
        • 0
          Мечты сбываются? :)
          • НЛО прилетело и опубликовало эту надпись здесь
    • +4
      Да, и намного лучше чем то что сейчас Хабр использует!
      • 0
        Когда создано на должном уровне, то что-то новенькое всегда лучше ;-)
  • +20
    Отлично! Старожил, правда, не с ходу воспринимается.
    • +1
      Кстати, а почему обошли стороной «Захабренный» / «Отхабренный»?
      • +1
        «Захабренный», «Отхабренный» и «Читатель» еще ждут своей очереди.

        Читайте внимательнее.
        • +41
          Я лопух.
          • 0
            Ох, давненько не смотрел на значки, а куда делся значек статист?
            • 0
              Подошла бы фигурка воскового Наполеона или еще кого нибудь…
          • +2
            нету такой иконки
  • +14
    Иконка тролля и правда классная! А может на бревне лучше старожил написать? Жалко такую красоту троллям оставлять.
    • +3
      Старожил тоже может быть троллем. Вернее, бейдж старожила основан на времени, а не категоризации.
      • +2
        разве?
        >Старожил. Пользователь, зарегистрированный более 3-х лет назад (на момент обсчета), с кармой больше 50.
        >Тролль. Пользователь с кармой меньше −100.
    • +13
      Тролль грызет старожила?!
      • 0
        Всё правильно сделал.
    • 0
      Старожил лучше на пеньке.
    • 0
      Хот-род круче. Вот это — действительно для старожилов!
  • НЛО прилетело и опубликовало эту надпись здесь
    • +9
      Я хочу дождаться «Захабренный», может быть он еще круче) Тогда будет стимул вылезти из минуса :)
      • +1
        > Я хочу дождаться «Захабренный»

        Shersh
        Карма: –33,0
        63 голоса

        У меня для вас плохие новости =D
        • +4
          А вы дочитали до конца мой комментарий?

          P.S. уже -31 :)
          • 0
            уже -19. Может таки дождется таким темпом )
            • 0
              -10 :)
              • +1
                Не перевелись еще люди добрые :)
                • 0
                  на своей шкуре испытано) когда по 5 мин на один коммент ждать надо
        • 0
          из минусов вылезти может любой ;)
          • 0
            Я не могу :(
  • НЛО прилетело и опубликовало эту надпись здесь
  • 0
    Оо! Отличные иконки!
  • 0
    А-а-а! Очень круто! Просто супер иконки!
  • +13
    Карму поднять не получается, кнопки не работают. Ни в Firefox, ни в Chromium.
    • +4
      Действительно странно — кнопки изменения кармы не работают o_O
    • +1
      Да. Именно так.

      Linux, Mozilla 4
      • +4
        Может это потому, что я туплю)) У меня в профиле написано «Не участвует в рейтинге хабралюдей». Наверно есть волшебный набор телодвижений, который позволит таки поучаствовать в рейтинге, но я пока не разобрался что же нужно делать
        • +1
          Вообще есть некоторые пользователи, которые так или иначе связаны с Тематическими Медиа, которые не участвуют в рейтинге. Но эти люди обычно об этом знают и регистрируются не через песочницу.
          • +2
            Не обязательно связаны, можно и добровольно отказаться от участия.
            • +5
              Как?
              • +3
                Например, написать письмо с просьбой на support@habrahabr.ru
        • +5
          Карму не удается поднять не только вам. Похоже на Хабре ведуться какую-то работы.
        • +4
          Это со вчерашнего вечера заминка…
          Даже начал испытывать хабробеспокойство от невозможности добавить кармы хорошему человеку.
  • НЛО прилетело и опубликовало эту надпись здесь
  • +15
    Все иконки (на мой вкус) отличные, кроме старожила. Я бы изобразил старожила в виде «пахана» в позе лотоса, а-ля Доцент из известной картины. Троль просто шедеврален!
    • 0
      Поддерживаю, если со всех иконок убрать надписи, то старожил не будет понятен, наверное.
    • +7
  • +4
    Даже очень симпатично смотрится, вот только есть сомнения по поводу иконки «Переводчик».
    • –1
      Нужно что-то широкоформатное, что ассоциировалось бы с переводчиком. Например Язык 8)
      • +2
        Словарь, наверно. :)
    • +1
      Да, очень хотелось бы узнать какой смысл закладывался в разводной ключ о_О
      • +1
        Ниже в комментариях уже разгадали переводчик-водопроводчик:) Как писал в топике, делал для фана, поэтому решил не ставить себе строгих рамок Т.З. и делал в удовольствие. Всякие такие потертые металлические штуки — это моя слабость.
      • 0
        Гаечный ключ, значит ремонтирует крупную технику, а раз ремонтирует крупную технику, то переводчик.
      • 0
        Ну лично у меня он ассоциируется с Джейсоном Стэтхемом — перевозчик, механик, переводчик.
      • 0
        Переводчик-водопроводчик!))
    • 0
  • 0
    А как делали bump-текструры? Просто обесцвечивали или как-то по другому?
    • 0
      Обесцветил и сделал немного более контрастной, икона маленькая поэтому здесь этого вполне достаточно.
  • 0
    Супер, Вы молодец.
    А в чем моделировали? 3ds max?
    • +1
      Да в максе, визуализировал виреем
  • 0
    Тролль крутой!
  • 0
    Иконка подкастера очень понравилась!
  • +4
    Даёшь троллиху!
  • +2
    Смысл иконок Старожил и Переводчик довольно сложно прочитать.
  • +2
    Для старожила я бы предложил человека с длинной бородой (ну или просто бороду).
    Для переводчика наверное можно было бы что-то вроде англо-русского словаря набросать. Или (почему-то вспомнилось) так — у американцев популярны труселя с флагом США. Можно сделать аналогичные, но состоящие из двух флагов. Возможно, это бред ;)
    • 0
      Ах да, спасибо за тролля! :) Офигенские иконки.
    • 0
      Да старожил не очень читается согласен, буду рисовать недостающие («захабр», «отхабр» ...) сделаю еще версию с бородой для старожила
      • 0
        Еще почему-то лапти на печи вспомнились :)
  • +1
    Зачётные картинки! Был бы рад если, бы они заменили текущие.

    p.s. По поводу иконки старожила не уверен, по мне так больше бы подошло кресло-качалка (первое что в голову пришло) ну или что то на подобии.
  • 0
    Класс! На мой взгляд они лучше существующих. Сейчас осталось только, чтобы кто-нибудь написал плагин или UserJS к браузерам, подменяющий старые иконки на эти, и будет вообще здорово :)
  • +1
    Даже и не подозревал, что иконки так делают…
    • +4
      Делают очень по разному, это один из многих способов
      • 0
        Мне это напоминает баян про сову :) Или про то как Спанч Боб рисовал окружность
  • 0
    Симпатично, но надписи читаются плохо. Приходится всматриваться, чтобы разобрать.
  • 0
    Отличные иконки! Больше всего понравилась иконка тролля.
    Единственный недостаток — иконки немного перешарплены.
  • 0
    Хм, а мне нравятся старые иконки, тогда как из новых тролль реально симпатичный. Дефолтный явно хуже, остальные на «вкус и цвет».
  • 0
    Интересно, а статус тролля по какому принципу присваивается?
    • +1
      В правилах все описано.
      • 0
        Спасибо, не нашел сразу.
  • 0
    Иконка тролля оч порадовала, зачётно ) Было бы неплохо, если бы их внедрили...)
  • НЛО прилетело и опубликовало эту надпись здесь
  • 0
    Не сразу понял, что изображено на иконке «юморист».
  • 0
    Переводчик — водопроводчик?
    • 0
      Да-да, угадали))
  • +8
    Класс!
    «Переводчик» и «старожил» странный, ещё мне кажется у всех иконок материальные метафоры, кроме комментатора с облачком и он выбивается из ряда
    Много времени на 3дшенья таких штук уходит? ПОнимаю, что для себя и поэтому неважно, но наверное до сих пор 2д больше для такого подходит
    Попробовал 15 минут покалякать, без претензий на ценность :)
    • 0
      Времени не очень много, т.к. детализация для иконок нужна не большая. 2D или 3D это зависит от задачи и личных предпочтений. Когда нужно в векторе, здесь уже 3D особо не по используешь)) У турбомилка есть хорошая статья этому поводу
    • 0
      Да, я тоже не совсем понял целесообразность использования 3d в данном случае.
      • 0
        Может автор в 3Д как рыба в воде?
        Например, если надо распечатать кривую страницу с вебсайта, кто-то полезет в настройки принтера, кто-то скопирует все в текстовый редактор, а кто-то подправит страничку в Файербаге, кому как проще.
  • +1
    Блестящая техника, прекрасная реализация, креативный подход.
  • +9
    Greasemonkey / UserJS скрипт для замены обычных иконок на эти:
    sua-manu.com/upload/habr/new_icons.user.js
    • 0
      а почему бы не вшить иконки прямо в скрипт, чтобы от внешнего хоста не зависел?
      • +2
        Будут все иконки — озадачусь.
  • +4
    В сто раз лучше Трупомилка.
  • 0
    Старожил мне как-то не очень нравится…
  • +1
    Хочу себе тролля!
  • +1
    Хорошая, качественная работа.
  • +2
    Иконки в 3D редакторе — это сурово! Моё уважение.
  • 0
    Общественную работу критиковать не комильфо.
    Автор — молодец.
  • 0
    Мне как музыканту больно смотреть на плашку «Звезды», если уж в музыкальном сеттинге делать, то лучше уж бочку или сделать на фоне олдскульного shure кардиоидного.
    Выглядит примерно так www.skifmusic.ru/item/535
    • 0
      Тут вероятно обыгрывается ассоциация с выражением «рок-звезда», нет?
      • НЛО прилетело и опубликовало эту надпись здесь
  • +1
    А можно тролля в большом формате? Уж очень на стену охота повесить)
    • 0
      Тролль изначально моделился под маленький размер, для большого формата его надо будет достаточно сильно доработать (чтобы хорошо смотрелось). Выпадет просвет между проектами сделаю крупного и матерого тролля))
  • 0
    Сейчас Всем нравится иконка тролль.
    Через N дней На Хабре введены новые иконки.

    Внимание вопрос!
    Что будет год спустя?
    • +2
      Если N = 365, то будут введены новые иконки.
      Если N > 365, то будет хабр со старыми иконками.
      Если N < 365, то будет хабр с новыми иконками.
      Очевидно же.
      А иконки и правда красивые, хотя, по моему мнению, немного выбиваются из общего стиля.
  • +16
    image
    «Старожил» мне вот таким представляется.
    В принципе по отзывам понял, что не мне одному))))
    • –1
      Этот старожил спалился на сайте по продаже спайса ;) ---> spice1.ru
  • +5
    >Не то что бы мне не нравятся текущие

    Как-то демократично. Наверное, чтобы не запинали… По-моему, текущие — отстой. Неединообразны. Некульны. Не хочется коллекционировать.
  • 0
    Сколько раз сказали, что старожил не очень? (19)
  • НЛО прилетело и опубликовало эту надпись здесь
    • +1
      Это да. Надо или гриф сузить, или с головкой поработать.
      • +3
        С головкой грифа*
  • +2
    Больше всего «Легенда» и «Тролль» понравились.
  • +3
    А под какой лицензией иконки?
    • +1
      Интересный вопрос, не занимался никогда вопросом права своих работ. Иконки создавались для свободного использования. Чутье мне подсказывает, что LGPL подойдет в данном случае.
      • 0
        Хм, получается в случае с программой я должен держать картинки отдельно от бинарника и в about'е указать ваше имя и лицензию.
        В случае с сайтом я должен где-то указать ваше имя и лицензию.
        Верно?
  • +2
    Эээ, я вот не понял чевот, у этого топика 400 с чем-то плюсов и он второй в топе за 24 часа, а у первого в 24-часовом топе — 100 с чем-то. Это как? О_о
    • 0
      У меня этот первый. 100 с чем то за сегодня ни у кого нет.
      • 0
        > 100 с чем то за сегодня ни у кого нет.
        habr.ru/blogs/infosecurity/120265/
        Кстати да, этого топика нет на habr/top/, но есть в правой колонке, попробуйте посмотреть.
  • 0
    Предложите администрации хабра свои бэйджи! Я думаю, что они не откажутся. Не пропадать же такой талантливой работе.
  • 0
    Учитесь, как нужно себя рекламировать. Отличный пример!
  • +3
    Готов выделить вам личное приглашение на www.makepizdato.ru, без проходного голосования. Если вас там конечно еще нет.
    • 0
      С удовольствием приму в дар инвайт))
      • 0
        Мы давно отменили систему инвайтов. Регистрируйтесь, в личном профайле подавайте заявку на вступление и пришлите мне на почту ссылку на свой профайл. А я уже все сделаю.

        Моя почта fl.vyacheslav@gmail.com
  • 0
    Тролль бесподобен, честное слово.
    Теперь вы просто должны продвигать иконки эти дальше, они заслуживают светлого будущего.
  • +1
    Тролль бесподобен, особенно поразило отношение к деталям.
    Уместно ли будет спросить, сколько Вы бы взяли за подобную иконку, если бы делали иконки на заказ?
  • 0
    Иконки бесподобные, хотелось бы их видеть на Хабре.
  • 0
    Все иконки прекрасны, кроме «Звезды».
    Не у всех гитара ассоциируется со звездой.

    Иконки не просто хорошо исполнены, а еще остроумны.

    Может старожилы хабрапланеты сделают голосование по этим иконкам?

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