Фон для игрового сайта: Фон для сайта игр — 63 фото

Где брать красивые фоны для сайтов? — Хабр Q&A

Комментировать

https://unsplash.com/ — природа, пейзажи и разные спокойные фото. Изображений очень много и все они высоком разрешении;
getrefe.tumblr.com — здесь меньше контента, но есть альтернативные категории;
www.splitshire.com — более серьёзная альтернатива предыдущему сайту;
https://picjumbo.com/ — кроме кучи качественных фото есть фича встраивания изображения в разные шаблоны для демонстрации. Для веб дизайна и верстки самое оно.

Ответ написан

Комментировать

Комментировать

Белый фон, беспроигрышный вариант. Можно разбавить чем-то таким.

Ответ написан

Комментировать

Комментировать

Вот восхитительные градиенты: uigradients.com
А вот старые добрые, прозрачные текстурки: www.transparenttextures.com

Можно подобрать неплохое сочетание, при непрозрачности текстуры в 15%-35%

Ответ написан

Комментировать

Комментировать

Комментировать

pixabay. com — работают по лицензии Creative Commons (передача в общественное достояние. Бесплатно, большой выбор, примерно 620 000 изображений и векторов, не нужно ссылок на автора или источник)

Ответ написан

Комментировать

https://creativemarket.com/inspirationfeed/144145-…
Бывают бесплатные фоны на раздаче.

Ответ написан

Комментировать

everypixel — поиск по бесплатным стокам

wallhaven — в основном обои, но это очень хорошая база пикч для веба

Ответ написан

Комментировать

Бесплатные ресурсы для начинающих инди-разработчиков — Инди на DTF

16 461
просмотров

Я изучаю гейм-дизайн и разработку игр. Когда я начала создавать свою первую игрушку (гифка оттуда) по мотивам мультсериала «We Bare Bears», то подолгу зависала, чтобы отрисовать фон, кнопочку, анимацию разрушения блока и пр. Часть артов я, по итогу, не использовала, а время на них тратила много.

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

А еще я завела канал в Telegram: GameDevils, буду там делиться своими находками про разработку игр, историю игр и геймдизайн.

Лирическое отступление про «We Bare Bears»

Содержание скрыто

Показать

Мне захотелось создать свою интерактивную версию эпизода «Icy Nights» в стиле пиксельного платформера.В эпизоде есть отсылки на фильмы «Only God Forgives» и «Drive». Там есть неон, бои роботов, любовная линия, двойная жизнь и даже реактивный пылесос.
Когда заканчивается 11 минутная серия, остается ощущение, что это была полнометражка. Хотя в серии есть все заезженные шаблоны из экнш-боевиков, она не выглядит как пародия.

Содержание скрыто

Показать

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

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

Tile map (тайл мэп) — большое изображение состоящее из различных картинок; из фрагментов этого большого изображения составляется обстановка в 2D игре.

OpenGameArt выглядит как динозавр из нулевых. Я сначала подумала, что сайт скорее мертв, но все же зарегистрировалась. Прочекала посты по тегу «2D Art»: художники ежедневно выгладывают арты. Скачивала еще оттуда музыку и звуки, но там нет удобного поиска по звукам.

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

Это магазин, но там есть раздел «халява». Я скачивала оттуда tilemap индустриальной зоны в пиксель-артном стиле.

Ассеты — 2d, 3d, часть бесплатные. Оттуда я скачивала бесплатный пакет звуков для RPG, но мне они отлично встали в платформер, это ж звуки.

Кстати, от этих же ребят забавная тулза «creature-mixer». Можно создать свою бабаку, настроить цвет/форму ножек-ручек, крылышек-рожек, челюстей-глазок и скачать ее анимацию в .png или .gif.

6. Unity

Unity больше про 3d игры, но 2d ассетов в pixel art тут полно. Встречаются повторы с itch.io.

SDB — проект фаната ретро-игр, куда он с 2005 года загружает спрайты из ретро-игр с ПК и всевозможных приставок. Откуда он их берет я так и не поняла, но возможность бегать в RPG монстром из DOOM меня позабавила. Автор сайта настоятельно не рекомендует использовать спрайты для коммерческих проектов из-за нарушения авторских прав.

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

Пользователь GitHub с ником @elisee выкладывал в репозиторий ассеты, которые создавал для проекта «Sparklin Labs». Последние апдейты были 2 года назад. Все ресурсы разработчик предлагает использовать в своих проектах, даже коммерческих. Даже без указания авторства.

Т.к. я сейчас увлекаюсь pixel art, то мне пока не пригодился этот сайт. Но я запасливый бурундук, так что отложила на будущее. Персонажей во free-категории не очень много, но у художника есть свой узнаваемый стиль. Посмотрите на это приведенье (второй ряд, второй арт слева).

Я теперь фоловлю этого художника в соцсетях.

Персонажи в стиле pixel art для RPG: Disney, Star Wars, национальные костюмы, стимпанк, эльфы, аниме — мне захотелось скачать всё и сразу. На каждого персонажа есть спрайт движения вбок, вверх, вниз — по сути готовые персонажи для RPG. Еще есть интерьеры для tilemap.

На картинке Черная Вдова, Наташа Романова из Мстителей, если что.

Spritemaker позволяет сгенерировать анимированные спрайты разных человечков. Человечки ходят вбок (если анимацию ускорить, то сойдет за бег), отличаются цветом кожи, ног, рук и шапочкой. Не очень художественно, но быстро. Интерфейс и так максимально интуитивный, но вот видео, как пользоваться тулзой. Можно за 15 секунд получить спрайт анимированного пиксельного рыцаря в фиолетовых лосинах.

Библиотека бесплатных звуков. Поиск не очень удобный. Если по названию звуков еще можно ориентироваться, то название музыки вообще ничего не дает. Я просто иногда трачу 20-30 минут, слушаю рандомные треки и сохраняю «на будущее».

Можно сгенерировать надпись пиксельными шрифтами и скачать в png. Шрифтов на выбор больше 1000 штук, кириллицы нет. Когда делаешь прототип, не так важно, что за шрифт, но все равно не очень хочется играть в…

Удобно использовать Pixel Fonts, если на всю игру будет пару статичных пиксельных надписей, и вам неохота искать и встраиваться в игру свой sprite font. Или если sprite font в игру вы уже встроили, но нужен большой баннер в .png.

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

Я в своем проекте использовала картинку, сгенерированную в Pixel Fonts, чтобы сделать надпись «Play again?»:

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

Коты — это жидкость. А город — это волна. Вместо «урбанистического» фона для прототипа игры, сойдет кусок такой штуки. По очертаниям напоминает город, цвет можно настроить в соответствии с цветовой темой игры.

Если бы я смекнула о такой заглушке в своей первой версии игры по эпизоду «Icy Nights», то не потратила бы вечер на отрисовку фона, который в итоге не использовала.

Можно настроить цвет, прозрачность и выгрузить пологие холмы в .svg за 3 секунды:

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

Или зайти на Trianglify.io и создать геометричный фон в стиле Low poly.

В CSS Gradient можно настроить плавные переходы цветов и создать вертикальные, горизонтальные, радиальные градиенты с любым количеством цветов.

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

Генератор рандомных повторяющиеся паттернов, также пойдет для фона игрового меню или для заставки. Нажимаешь на клавишу — генерируется рандомный фон, жмешь backspace, откатываешься к предыдущему рандомному фону. Код генератора лежит на GitHub.

Написала первое, что пришло в голову, для примера.

На Heropatterns.com 87 шаблонов с повторяющимися паттернами: от клавиатуры пианино до рисунков фастфуда. Можно настроить цвета, насыщенность, и выгрузить CSS или .svg.

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

P.S.

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

(Кстати, #редакция_dtf , в редакторе статьи невозможно нормально вставить .gif 32х32 и даже 160х160, отображаются сразу все кадры их гифки. Мне пришлось всё конвертировать в .mp4).

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

P.S.S.

Я взяла бесплатный тайлмэп c itch.io, спрайт Белоснежки с Untamed.wild-refuge.net и накидала кусочек уровня для очередного учебного проекта. На это ушло около часа.

Потом я не удержалась.

Еще за 15 минут я скрафтила оленёнка; потом нарисовала почти незаметную анимацию — если Белоснежка стоит лицом, то через время она начинает водить глазками по сторонам.

Мой канал в Telegram с находками про разработку игр, историю игр и геймдизайн: GameDevils.

Статья подготовлена при поддержке Timeweb Cloud

30k+ игровых фоновых картинок | Скачать бесплатные картинки на Unsplash

30k+ Gaming Background Pictures | Скачать бесплатные изображения на Unsplash

  • A Photophotos 10k
  • А.

    Логотип Unsplash

    Unsplash+

    В сотрудничестве с Полиной Кузовковой

    Unsplash+

    Разблокировать

    игровые обоиHd 4k обои зум фон офис

    Carl Raw

    аркадная играnew Brighton

    –––– –––– –––– –––– – –––– –– – – – –––– – – –– ––– –– –––– – –.

    Artiom Vallat

    courtedouxsuissegaming setup

    Zane Lee

    Текстуры фоныHd черные обоиHd узор обои

    Billy Huynh

    Космос фото и картинкиHq фон фотоГалактика фото

    Daniel Josef

    technologyKeyboard backgroundsHd red wallpapers

    Unsplash logo

    Unsplash+

    In collaboration with Polina Kuzovkova

    Unsplash+

    Unlock

    Nature imagesminimalist iphoneHd whatsapp wallpapers

    William Daigneault

    Hd wallpapersHq background imagesHd grey wallpapers

    Efe Курназ

    Hd неоновые обоиЦветные обои высокого разрешениястена

    Rohit Choudhari

    gamesindiahupari

    Ilia Usmanov

    Light backgroundsHd blue wallpapersSmoke backgrounds

    Valentin BEAUVAIS

    tokyocyberpunkHd city wallpapers

    Unsplash logo

    Unsplash+

    In collaboration with Evie S.

    Unsplash+

    Unlock

    Flower imageswhatsapp dpHd laptop wallpapers

    William Daigneault

    коридорпустоHD темные обои

    William Daigneault

    минималHd желтые обоиHD современные обои

    Jr Korpa

    Hd abstract wallpapersHd wallpapersHd art wallpapers

    Michael Dziedzic

    tylertxusa

    Benjamin Van Der Merwe

    light paintinghararezimbabwe

    Unsplash logo

    Unsplash+

    In collaboration with Polina Kuzovkova

    Unsplash+

    Unlock

    Hd водопад обоибалиHd минималистские обои

    Anas Alshanti

    СтамбулHd фиолетовые обоиtech

    игровые обоиHd 4k обоизум фон офис

    Texture backgroundsHd black wallpapersHd pattern wallpapers

    Nature imagesminimalist iphoneHd whatsapp wallpapers

    Hd neon wallpapersHd color wallpaperswall

    tokyocyberpunkHd city wallpapers

    corridoremptyHd dark wallpapers

    light paintinghararezimbabwe

    Hd waterfall wallpapersbaliHd minimalist wallpapers

    –––– – ––– –––– – –––– ––––– –– – –– –––– – – –– ––– –– –––– – –.

    аркаднаяиграновый брайтон

    Countedouxsuissegaming Setup

    Space Images & Pictureshq фоновые изображения. обоиHD современные обои

    Похожие коллекции

    Фон

    19K Фотографии · Куратор Becca Merriman

    Одиночный цвет

    639 Фотографии · Куратор Sarah Bowman

    Tabletop Simulator.

    tylertxusa

    istanbulHd фиолетовые обоиtech

    игры фотоHd 4k обоизум фон офис

    Космос фото и картинкиHq фон фотоГалактика фото

    Hd wallpapersHq background imagesHd grey wallpapers

    Light backgroundsHd blue wallpapersSmoke backgrounds

    corridoremptyHd dark wallpapers

    istanbulHd purple wallpaperstech

    arcadegamenew brighton

    Texture backgroundsHd black wallpapersHd pattern wallpapers

    Hd neon wallpapersHd color wallpaperswall

    Flower imageswhatsapp dpHd laptop Обои

    минимальныеHd желтые обоиHd современные обои

    tylertxusa

    Hd водопад обоиbaliHd минималистские обои

    –––– –––– –––– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.