ShadF0x

ShadF0x

Пикабушник
поставил 102 плюса и 72 минуса
отредактировал 0 постов
проголосовал за 0 редактирований
Награды:
5 лет на Пикабу
10К рейтинг 772 подписчика 0 подписок 112 постов 23 в горячем

Основы пиксель арта (1)

Оригинал: https://www.patreon.com/posts/pixel-art-1-6971422

Основы пиксель арта (1) Pixel Art, Перевод, Руководство, Saint11, Гифка

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


Вот еще советы, которые не поместились в изображении:


- Используйте как можно меньше цветов (меньше 32);


- Для обширных зон используйте однотонные цвета, дабы не нагружать глаза;


- Если вам нужно вместить множество деталей на небольшую площадь, то подумайте об упрощении вашего изображения;


- Избегайте цилиндрических или сферических фигур, их тяжело изобразить в пиксель арте.


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


Снова повторюсь, я не говорю, что это единственно верный способ создания пиксель арта, это способ, который использую я.


По поводу дизеринга: Я ничего не имею против него, но он не подходит к моему стилю рисования. Всё же иногда я его использую, особенно если палитра сильно ограничена. Можно сказать, что я в нём заинтересован, поэтому кто знает, может быть однажды я найду способ дизеринга, который придется мне по душе." - Saint 11.

Показать полностью

Простая анимация бега

Оригинал:

Простая анимация бега Pixel Art, Руководство, Перевод, Saint11, Gamedev, Гифка

"И снова привет!


Похоже, что люди уже давно жаждут руководство по анимации ходьбы/бега, поэтому сегодня это и будет темой разговора. Ходьба/бег – тема довольно сложная, но я постарался изложить её как можно проще. Я планирую развить эту тему в дальнейшем и объяснить нюансы отдельных частей, вроде движений рук, ног, головы и т.д.


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



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

Простая анимация бега Pixel Art, Руководство, Перевод, Saint11, Gamedev, Гифка

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


К тому же, если первый кадр анимации – прыжок, то создается ощущение, что персонаж ринулся в действие, что делает анимацию более динамичной." - Saint 11

Показать полностью 1

Фальшивая подготовка и касательно анимации атаки

Оригинал: https://www.patreon.com/posts/quick-tip-6877216

Фальшивая подготовка и касательно анимации атаки Pixel Art, Перевод, Руководство, Gamedev, Saint11, Гифка

"Небольшой совет касательно анимации атаки, а также ответ на вопрос от пользователя с никнеймом Cam.


«А что делать, если меч находится перед персонажем? Есть какие-нибудь отличия? Арку атаки легко понять, если меч находится сзади, но мне интересно, насколько хорошо этот способ сработает, если меч будет находиться спереди».


Отличный вопрос. Если меч находится перед персонажем, и он просто опускает его, то такой удар не будет казаться сильным. Иногда меч, кулак или что-то еще находится не там, где вам нужно, а потому у вас может возникнуть чувство, что анимации не хватает кадра подготовки. Скорее всего, так и есть, но вы можете сымитировать этот кадр. Для этого я использую порыв ветра или любой другой эффект размытия. Просто представьте, что удар исходит из нужной вам точки, а затем подчеркните это движение – игрок не заметит, что кадр подготовки отсутствует. Долгая анимация возврата также поможет вам создать нужный эффект.


Я забыл упомянуть это в предыдущем руководстве, но все указанные мной советы рассчитаны на создание игрового персонажа. Врагам крайне желательно иметь кадры подготовки. Хотя в некоторых случаях игровые персонажи их тоже имеют (например, Castlevania), но об этом я расскажу в другой раз. В целом, вам стоит следовать этим двум правилам. Исключения составляют случаи, когда вы хотите сделать непредсказуемых врагов или заставить игрока чувствовать себя беспомощным." - Saint 11.

Показать полностью

"Это не проблема" и "Расстановка приоритетов" [Handplates]

Оригиналы:

- http://zarla.deviantart.com/art/It-d-be-no-trouble-640013998

- http://zarla.deviantart.com/art/Got-my-priorities-in-order-6...


Страницы на DeviantArt:

- http://djshadfox.deviantart.com/art/It-d-be-no-trouble-RUS-6...

- http://djshadfox.deviantart.com/art/Got-my-priorities-in-ord...

"Это не проблема" и "Расстановка приоритетов" [Handplates] Undertale, Комиксы, Перевод, Zarla, Handplates
"Это не проблема" и "Расстановка приоритетов" [Handplates] Undertale, Комиксы, Перевод, Zarla, Handplates
Показать полностью 1

Анимация дыма

Оригинал: https://www.patreon.com/posts/smoke-animation-6851636

Анимация дыма Pixel Art, Руководство, Saint11, Перевод, Гифка

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

Представить движение дыма в целом довольно сложно, но представить движение отдельной части относительно легко.


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

Показать полностью

Анимация простой атаки

Оригинал: https://www.patreon.com/posts/simple-attack-6837623

Анимация простой атаки Перевод, Pixel Art, Gamedev, Руководство, Saint11, Гифка

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


Так как удар - действие быстрое, вы должны сделать анимацию возврата в исходное положение. Обычно после этого я добавляю небольшой эффект отдачи (кадр 8), тем самым делая движение выразительнее." - Saint 11



Относительно "кадра подготовки":


(Из статьи "12 принципов анимации")


Подготовка, или упреждение


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


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


Серьёзная проблема анимации прыжков в видеоиграх в том, что нет времени на упреждение. Как только игрок нажимает на кнопку, его заэкранное воплощение должно сразу же прыгнуть, без всякого упреждения. Исключения редки (например, первый Prince of Persia).

Показать полностью

Анимация бликов

Оригинал: https://www.patreon.com/posts/simple-shine-6837557

Анимация бликов Перевод, Pixel Art, Руководство, Saint11, Гифка

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


Такой блик хорош сам по себе, но можно также использовать второй блик (дополнительный) после одного пустого кадра или же использовать только дополнительный для создания различных эффектов." - Saint 11

Показать полностью

Внезапно ПтЫцы: <3!?!!?!?! [(После)Праздничная интервенция]

Оригинал: https://tapastic.com/episode/601153

Внезапно ПтЫцы: <3!?!!?!?! [(После)Праздничная интервенция] Комиксы, Перевод, Яблоки, Suddenly Birbs, Длиннопост
Внезапно ПтЫцы: <3!?!!?!?! [(После)Праздничная интервенция] Комиксы, Перевод, Яблоки, Suddenly Birbs, Длиннопост
Внезапно ПтЫцы: <3!?!!?!?! [(После)Праздничная интервенция] Комиксы, Перевод, Яблоки, Suddenly Birbs, Длиннопост
Внезапно ПтЫцы: <3!?!!?!?! [(После)Праздничная интервенция] Комиксы, Перевод, Яблоки, Suddenly Birbs, Длиннопост
Внезапно ПтЫцы: <3!?!!?!?! [(После)Праздничная интервенция] Комиксы, Перевод, Яблоки, Suddenly Birbs, Длиннопост
Внезапно ПтЫцы: <3!?!!?!?! [(После)Праздничная интервенция] Комиксы, Перевод, Яблоки, Suddenly Birbs, Длиннопост
Внезапно ПтЫцы: <3!?!!?!?! [(После)Праздничная интервенция] Комиксы, Перевод, Яблоки, Suddenly Birbs, Длиннопост
Показать полностью 7
Отличная работа, все прочитано!