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

ВНИМАНИЕ! Обновил новость, ответы на вопросы + еще пачка красивых страничек.
Примеры
• The Neverhood
• Deus Ex 3: Human Revolution
• Goat Simulator
• Papers, Please
• Fallout 2

Постоянным кураторам на заметку
Не поленитесь, для своих любимых игр загрузите-ка по такой фоновой картинке. Хорошие игры этого достойны =)

UPDATE1
Немного ответов:

• разрешение 1920 на 300 сделано не просто так, ширина чтоб не было видно "обрезанных краев" на FullHD разрешениях монитора, 300 - это максимально-возможная высота шапки.
• делать обрезку/растяжку средствами сайта - возможности будут очень ограничены, а в графических редакторах всё-таки можно что-то как-то придумать, но еще подумаю, как можно облегчить создание красоты
• не надо растягивать картинки, либо делаем черный градиент слева-направо (есть примеры ниже), либо находим изначально обоину 1920 в ширину и вырезаем полоску высотой в 300px.
• и еще, не стесняйтесь затемнять фон, оно и выглядит тогда более стильно, а то уже вижу примеры где затемнение почти нулевое и текст сливается с фоном.

И появились первые результаты красоты!
Еще список игр с красивой шапкой:

• Dizzy - The Ultimate Cartoon Adventure - это шедеврально!
• Where Time Stood Still - Shaggy классно придумал градиент в черный цвет, чтоб "растянуть" картинку до 1920px. Я сделал точно так же у себя в Aquaria и сделал фон в The Elder Scrolls III: Morrowind.
• Parasite Eve 2 - даже просто непонятно что (космос?) на фоне выглядит интереснее, чем просто серый фон.
• Sacred - на фоне карта, здорово.
• Bloodborne - уххх, с луной, еще и GIF с анимацией? Ого-го.
• The 3rd Birthday - эффектная голова.
• Danmaku Amanojaku - на фоне ... обои? симпотишно =)
• Nosgoth - эпично.
• Stealth Bastard - оч стильно.
• Cortex Command
• Sheep Happens
• The Witcher 3: Wild Hunt
• ArmA III
Комментарии
  • 4Shaggy | 7 сентября 2014 г.
    Ух... наконец-то закончил %P

    Тема с шапками просто отличная! Ни у одного игрового сайта такого нет. Красота.
    • 0D-A-N-I-L | 7 сентября 2014 г.
      Гладя на тебя, тоже решил попробовать себя с гиф анимацией, но вышло так сказать не так, как я ожидал. Ссылка
      • 0D-A-N-I-L | 7 сентября 2014 г.
        Думаю не очень. Или как?
        • 0SAXAHOID | 7 сентября 2014 г.
          Чего кадров так мало? Размер не позволяет?
          А ты попробуй в индексированном режиме
        • 0Shaggy | 8 сентября 2014 г.
          В принципе нормально. Лично меня смущает только растянутость изображения. Думаю, легко представить, что получилось бы, если бы я стал здесь растягивать сам логотип до 1920px
    • -1Arhangel_heart | 7 сентября 2014 г.
      Что??? Гифки тоже можно использовать? Почему я до сих пор не в курсе?
    • -1iXy | 7 сентября 2014 г.
      Отвисла челюсь! Кррруто.
      • -1Arhangel_heart | 7 сентября 2014 г.
        Даже надпись Игротоп влепить умудрился. Надо для большинства 2D игр примерно такое сделать.
        • 0iXy | 7 сентября 2014 г.
          Чтоб делать такие шедевры, надо очень любить игру, для которой стараешься. Надеюсь с годами фанаты поймут, где именно надо "любить" игры))
        • 0Shaggy | 7 сентября 2014 г.
          >> Надо для большинства 2D игр примерно такое сделать <<

          И это говорит человек, который ещё 2 дня назад предлагал воспользоваться губозакатывательной машинкой ;D Мне кажется, или в полку безумствующих прибыло?
          • 0Arhangel_heart | 7 сентября 2014 г.
            У каждого свои слабости. ;D
  • 1MrStrateg | 6 сентября 2014 г.
    Ужос.
    • 0Arhangel_heart | 6 сентября 2014 г.
      Помойму это уже герои игры такие сплющенные.
    • 0theSobaken | 6 сентября 2014 г.
      И не говори.. А вот таким оно было изначально.
      • 0Arhangel_heart | 6 сентября 2014 г.
        Кхе кхм. А вы господа обрезать картинки не пробывали? Вы зачем целые заливаете?
        • 1LotusBlade | 6 сентября 2014 г.
          А времени где столько брать, на личное обрезание каждой картинки, да потом еще и подбивать ее правильно под размер? Оно ведь не помещает просто 1920х300, а берет 1920х150, где оставшиеся 150 (те что внизу), срезаются в зависимости от вертикального размера новости под стать тексту. Устанавливать игру специально для картинки? Потом попробуй еще найди вменяемый кадр, да чтоб по цветовой гамме не мешало читать текст и не загораживало его...

          Ну я вроде бы что-то поставил внятное, но мне не нравится (из примеров что тут указал уже).
          • 0SAXAHOID | 6 сентября 2014 г.
            Нет времени сделать хорошо — не делай вообще, сделает кто-то другой.
            • 0janna070 | 6 сентября 2014 г.
              "сделает кто-то другой"
              Наш SAXAHOID сделает? :).("кто же ,если не ты")
              • 0Arhangel_heart | 6 сентября 2014 г.
                Я дал ссылки - почти все закрепленные за собой игры я сделал за 15 минут. Кроме двух, но я просто не нашел подходящего изображения, так что не вижу проблемы.
                • 0janna070 | 6 сентября 2014 г.
                  Arhangel_heart,я хотела поддеть SAXAHOID.:)Ты потрудился на славу.
                  • 0Arhangel_heart | 7 сентября 2014 г.
                    Мое сообщение было адресовано LotusBlade...
                • Свернуть ветку
        • 0theSobaken | 6 сентября 2014 г.
          Рука не поднимается обрезать такое. Было лучше если бы сайт сжимал, а не вырезал треть изображения.
          • 0Arhangel_heart | 6 сентября 2014 г.
            Найди другое изображение... Ребят, это не скриншоты, это шапка, чуете разницу?
  • 1SAXAHOID | 6 сентября 2014 г.
    Предлагаю сделать механизм "софтварной обрезки" средствами сайта (как это работает с лого) и маленькую кнопочку с возможностью проглядеть оригинал.
    Так и не желающие резать картинки по причине лени нехватки времени останутся довольны (просто рамочку потягать по картинке им не должно быть черезчур уж сложно), и сами картинки будут иметь нормальный вид.
    • 0Arhangel_heart | 6 сентября 2014 г.
      Ага, если бы не ограничение в 1мб. Просто у меня некоторые обрезанные вешали больше 1мб, пришлось сжимать в качестве.
  • 1iXy | 7 сентября 2014 г.
    Добавил UPDATE в текст новости, почитайте сверху там. Уже много действительно красивых страничек.
    • 1Pache | 7 сентября 2014 г.
      Грубо говоря да, обои. Я выдрала из ресурсов игры бекграунд, который медленно ползёт на фоне, пока игрок сидит в меню. Мне показалось подходящей кандидатурой ^_^
      • 0iXy | 7 сентября 2014 г.
        ОЧень здорово, тем более из игры)
      • 0janna070 | 7 сентября 2014 г.
        На счёт обоев. Вкус есть. :)
  • 0D-A-N-I-L | 6 сентября 2014 г.
    Не знаю, некоторые игры иногда и с серым фоном хорошо смотрятся)
    Но нововведение хорошее!
  • 0Arhangel_heart | 6 сентября 2014 г.
    Проблема... Где можно вообще найти изображение 1920х300? Обрезать большое? Ну тут другая проблема - не на все игры можно найти такое изображения, а сделать скриншот, у меня не такой большой экран. Клеить из нескольких - не то.
    • 1Arhangel_heart | 6 сентября 2014 г.
      + даже если загрузить изображение 1920х300, то шапка все равно меньше, и часть обрезается. Хотя я всё равно доволен :D ссылка
      • 0Shaggy | 6 сентября 2014 г.
        Шапка не обрезается, а подгоняется под размер экрана. Покрути колёсико, измени масштаб странички - и увидишь ) Вероятно, это сделано из расчёта на HD разрешение.
        • 0Arhangel_heart | 6 сентября 2014 г.
          По бокам нет. А вот снизу и сверху - да.
          • 0Shaggy | 6 сентября 2014 г.
            Ну да, масштабируется сама страничка, а вот изображение - нет. Вот и выходит что те, у кого разрешение 1024х768 (как у меня) видят несколько размытое изображение, вернее, его часть.
    • 1iXy | 7 сентября 2014 г.
      Искать 1920 на 300 не получится. Находим FullHD обоину и вырезаем полоску. Либо градиентами из мелкой делаем большую, есть примеры выше.
    • 0SAXAHOID | 6 сентября 2014 г.
      Обрезать.
      Ну и обоину для каждой игры красивую 16х9 не найдёшь. А ишь, у меня почти три сотни переводов обзоров, и в каждом как-то удалось выкрутиться :3
      • 0janna070 | 7 сентября 2014 г.
        "А ишь, у меня почти три сотни переводов обзоров, и в каждом как-то удалось выкрутиться :3"
        "Сам(себя) не похвалишь - никто не похвалит?". :)
    • 0Shaggy | 6 сентября 2014 г.
      Варианты решений есть. Да, я не гуру фотошопа, но и игра — для Спектрума, идрить её...
  • 0LotusBlade | 6 сентября 2014 г.
    А ведь сработало xD Юзал обычный пейнт и microsoft power point для настройки размеров без искажений xD
  • 0theSobaken | 6 сентября 2014 г.
    Это просто мучение. Ixy, ну сделай что бы сайт автоматически подгонял под нужный размер.
    • 0Arhangel_heart | 6 сентября 2014 г.
      Уже почти все закрепленные игры заполнил, не вижу проблемы. Как вариант - создай в граф.редакторе, например paint новую картинку размерами 1920х300, и аккуратно подгоняй свой фон. Если вдруг сайт не примет картинку, то скорей всего там например вместо 300, 299 пикселей. То просто в paint нажми файл->свойства->выбери размер точки, и поставь разрешение 1920х300, и изображение внизу расширится на тонкую белую полоску. Её видно не будет, изображения снизу сильно обрезаются.
    • 0LotusBlade | 6 сентября 2014 г.
      Нет там никаких мучений, делаешь один шаблон и потом просто вставляешь любую картинку под него — минута времени и скин готов. Я даже не обрезал сами картинки, просто бери удлиненные, таких полно в интернете (типа, где ширины чуть больше высоты). Тыц и Тыц.
      • 1SAXAHOID | 6 сентября 2014 г.
        Эм. Прошу прощения, но по-моему вот так делать совершенно не надо.
        Это не красота, а растянутый вырвиглаз.
        • 1Arhangel_heart | 6 сентября 2014 г.
          И вправду, зачем так растягивать? о_О
        • 0LotusBlade | 6 сентября 2014 г.
          У меня широкоформатный монитор и смотрится нормально...
          • 1SAXAHOID | 6 сентября 2014 г.
            Это нормально?..
            • 0LotusBlade | 6 сентября 2014 г.
              Ага, на 27 или сколько там дюймов :) Ну я поставил другие картинки, вот, как теперь? раз, два
              • 1MrStrateg | 6 сентября 2014 г.
                У меня 27 дюймов и я плачу кровавыми слезами. ;_;
              • 1SAXAHOID | 6 сентября 2014 г.
                Это не нормально, это картинка растянута в ширину просто.
              • 0iXy | 7 сентября 2014 г.
                Текст сливается с фоном в обоих, затемни посильнее фон. Фон и не должен быть как скриншот ярким, на то он и фон.
  • 0theSobaken | 6 сентября 2014 г.
    Зачем вгонять в такие жесткие рамки если половина изображения всё равно обрежется?
  • 0Forest_Swamp | 7 сентября 2014 г.
    Обрезаю до 1920/300 и все равно пишет что высота не 300... Почему бы не сделать как с иконками, где фиксировано дается рамка, а мы подгоняем картинку?
    • 0iXy | 7 сентября 2014 г.
      Да мне глянуть на эти картинки? Только что заливал несколько штук, всё было ок.
      • 0Forest_Swamp | 7 сентября 2014 г.
        Вот две игрушки, все прокатило, вот только то что я обрезал оказалось лишней работой, ведь на самом сайте еще повторно урезается и в итоге урезку урезки получаем.
        • 1iXy | 7 сентября 2014 г.
          Ну сайт не то что урезает, просто шапка она увеличивается в высоте по мере заполнения инфы. Например, в Marlow Briggs добавишь дом. страницу - шапка увеличится, или вертикальный лого. Но станет не более 300 пикселов. Можно, конечно, было сделать фиксированную высоту, но тогда будет пустое место.
          • 0Forest_Swamp | 7 сентября 2014 г.
            Понятно. То есть если на игру нет официала, то будет урезано. Ну в принципе под такие случаи можно искать более подходящие картинки.
          • 0iXy | 7 сентября 2014 г.
            Ща попробую так и сделать. Если есть фоновая картинка - высота шапки будет становится 300px.
            • 1iXy | 7 сентября 2014 г.
              Сделал высоту шапки в 300px, если есть фоновая картина. Можете пересмотреть свои игры, вроде неплохо. У нас теперь самые красивые игро-странички в рунете! =))
              • 0Forest_Swamp | 7 сентября 2014 г.
                Норм, можно еще сделать вертикальную центровку текста шапки, но и так наверное неплохо.

                Кстати нашел неприятную вещь: если нажать на название разработчика или издателя в шапке, то нас кинет на страницу тэгов. Либо я что-то не так сделал, либо нет точной ссылки на тэг.
                • 0iXy | 7 сентября 2014 г.
                  Действительно, подправил.
                • Свернуть ветку
  • 0Rogamol | 7 сентября 2014 г.
    И не заметил, как обновили новость. Насчёт gif: вполне неплохо комбинировать так, стильно. Однако с ограничением в мегабайт либо кадра четыре вставлять (чего вполне достаточно), либо ужимать во вред качеству. Сейчас обновил фон Bloodborne и понял, что второй вариант — не дело.
    • 0Rogamol | 7 сентября 2014 г.
      Хотя... Некоторые тёмные изображения с затемнением не так уж и плохи.
    • 0iXy | 7 сентября 2014 г.
      Ну ограничение в 1 Мб. не просто так. Всё-таки не у каждого быстрый интернет и выкачивать шапку в 10 Мб. может не каждый.
      • 0Rogamol | 7 сентября 2014 г.
        Да, разумеется.
        • 0Arhangel_heart | 7 сентября 2014 г.
          Кхм. Так пусть у кого медленный интернет и заливает шапки весом меньше 1мб? А то ужимать шапки хорошего качества очень жалко. Можно опять же обойтись предупреждением - "Заливаемый файл более 1мб может загружаться до конца ваших дней."
          • 0iXy | 7 сентября 2014 г.
            Речь не о тех, кто загружает, а о тех. кто потом приходит посмотреть на страничку с игрой. Ему без его ведома отдается огромный файл "для красоты".
    • 0SAXAHOID | 7 сентября 2014 г.
      Неть. Гифки плохо. Читать инфу очень мешает, дёргаясь постоянно.
      Для таких вещей надо плавный переход предусматривать, а его не сделаешь в мегабайте.
  • 0theSobaken | 7 сентября 2014 г.
    Начинаю исправляться. Теперь, когда сайт не вырезает треть изображения всё будет намного проще. Немного стыдно за то что главный администратор сайта исправляет мою ошибку.
    • 1iXy | 7 сентября 2014 г.
      Классно! Я просто показал как можно сделать, ничего страшного)
    • 0Dobraya_Dusha | 7 сентября 2014 г.
      Разве гражданская война в Скайриме началась из-за убийства короля? Я про описание в шапке.
      • 0theSobaken | 7 сентября 2014 г.
        Как бы да. Оно уже было до меня. Похоже на отсылку к Игре престолов.
  • 0Arhangel_heart | 7 сентября 2014 г.
    • Parasite Eve 2 - даже просто непонятно что (космос?) на фоне выглядит интереснее, чем просто серый фон.
    АААА! Это часть головы. :D Надо пойти поменять шапку. Жмяк
    • 0iXy | 7 сентября 2014 г.
      А, ну теперь ясно) Но даже когда было не ясно, всё равно было хорошо.
  • 0DIACORP | 7 сентября 2014 г.
    Давненько я уже не заходил сюда, а тут такие изменения. Работаете не покладая рук, молодцы.
Чтоб скрыть рекламу, необходимо зарегистрироваться.
Автор поста
iXy
Карма: 5 / 0, всего постов: 121
Последние посты автора
Админ снова в строю, продолжим...

21 28 ноября 2016 г.

Админ на связи!

6 25 января 2016 г.

Планы на ближайшее время

58 16 ноября 2015 г.

Таргет или не таргет, вот в чем вопрос

116 20 июля 2015 г.

Победители от 1-10 мая

15 12 мая 2015 г.

Топ-5 популярных постов автора
В топ agar.io

47 11 мая 2015 г.

Как растопить снег и сделать из него воду?

2 24 ноября 2014 г.

Кто сумел пройти игру, ваши впечатления

17 21 ноября 2014 г.

Таргет или не таргет, вот в чем вопрос

116 20 июля 2015 г.

Игротоп: игровые сообщества

11 22 ноября 2014 г.

Теги данного поста

Игротоп / Igrotop Информация