Почему мой персонаж теряется на заднем плане?

Я проектирую и разрабатываю 2D-платформер, и у меня проблемы с внешним видом игры. Игра рассказывает об изобретателе, которого похитили для ведения войны. Тема: Детская, но грустная.

Есть еще три слоя: голубое потрескавшееся небо, столбы, безделушки (например, ракета) и плитки.

Скриншот

(Волосатый парень в центре — главный герой.)

Что нужно изменить, чтобы персонаж выделялся?

Какой должна быть палитра тайлов, шрифт и фон, чтобы персонаж был в центре внимания?

Какие цвета должны вращаться вокруг персонажа и темы?

Редактировать:

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

введите описание изображения здесь

Контраст может существовать и в других вещах: контрастная скорость движения (параллаксная прокрутка): youtube.com/watch?v=aRExmZIurUs и параллаксная прокрутка с атмосферной перспективой: youtube.com/watch?v=UfGqAdQw8jk . Другой контраст возникает между резкими и мягкими краями (особенно глубиной резкости): важные части находятся в резком фокусе, а вещи, которые можно игнорировать, размыты.
Дело не всегда в цвете или умении хорошо рисовать. Есть очень хорошо сделанная флеш-игра под названием N i.stack.imgur.com/t5FiF.jpg - devppl.com/flash-game/fullscreen/n-game. Очень простая графика (простые геометрические фигуры), но очень хорошо сделанная игра. Может быть, это может вдохновить вас .. или что-то в этом роде.
Другой цвет (его голова примерно того же цвета, что и блоки) и, возможно, более толстые линии. Вы выбрали «занятый» фон, тогда есть риск, что он слишком сильно «выходит на передний план», так сказать. Если фон сильно выделяется, сделайте так, чтобы спрайты впереди выделялись намного больше.

Ответы (3)

Как выделить что-то? Контраст. Самый простой способ — использовать темные и яркие или противоположные цвета, такие как красный и зеленый.

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

Итак, я бы либо перевернул вашу палитру, сделав ее светлой и сероватой сзади, либо затемнил фон, чтобы он меньше «выпирал». Это называется фоном по какой-то причине.

Существует также проблема контраста формы — ваш главный герой сильно напоминает растения (?) позади него.
+1. Обратите внимание, что «контраст» означает не только «светлый и темный», но и «другой». Один термин, который может быть полезен для этого, — «атмосферная перспектива»: у вас есть воздух, который с расстоянием уменьшает цветовой и текстурный контраст. В игре это может быть представлено как цветовой фильтр: визуализируйте свой фон (в некоторых играх используется 3 слоя, как в старых мультфильмах про папая), и наложите фильтр синего цвета на весь слой, а затем визуализируйте следующий слой поверх. Этот метод дает вам «бесплатное освещение», поскольку вы можете менять цвет фильтров.
Я применил все предложения на новом макете. Ценный урок: изучите теорию цвета, прежде чем создавать игру.

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

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

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

Помимо неперекрывающихся диапазонов значений и в целом умеренных диапазонов контрастности, вы можете попробовать четко разделенные диапазоны цветов — например, ярко-красный объект на водянистом синем/зеленом фоне. Марио на изображении, связанном с KMSTR, выделяется насыщенным красным цветом, а также более темным (не темным, а просто темнее), чем окружение.

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

Я думаю, что, возможно, вам стоит добавить немного контраста. Мне кажется, что у вас слишком много аналогичных цветов http://www.tigercolor.com/color-lab/color-theory/color-theory-intro.htm Если вы хотите, чтобы он имел больше детского ощущения, я думаю, вам следует перейти на основные цвета.