Inwebwetrust.org - Еженедельные веб-комиксы о дизайне, веб-разработке и играх

Главная  •  Комиксы  •  Статьи  •  Персонажи  •  Магазин  •  RSS  •  @Twitter  •  @Facebook  •  @Tumblr

Подборка креативных интро к видеоиграм

Метки: Профессионалам, Разработка игр, Статья в картинках, Вдохновение, Графика

Интро – это первое знакомство с миром игры, это «введение в курс дела», которое одни разработчики объединяют с игровым процессом, а другие воплощают в катсценах.

От минимализма до артхауса, от Call of Duty до Beautiful Katamari. В сегодняшнем материале мы рассмотрим не только примеры креативных подходов к созданию интро, но так же используемые в них стили и техники.

Кинетическая типографика, фотомантаж и коллажирование

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

Технику коллажа впервые применили в искусстве кубисты, дадаисты и сюрреалисты в начале 20-го века. Фотомонтаж, как разновидность коллажа, сделанного из фотографий, был изобретен еще в Викторианскую эпоху фотографом Оскаром Рейландером. Обе техники массово использовались во времена 1-й и 2-й Мировых войн как средство создания антивоенной пропаганды, что и делает их идеальными кандидатами для оформления игр с соответствующим сеттингом.

1. Operation Flashpoint: Red River

Разработчик: Codemasters

После перехода в руки «Codemasters» серия Flashpoint обрела стильные заставки и более современный интерфейс. Интро для Red River – это яркий пример информативности в квадрате. Кинетическая типографика всегда дает более сильный эффект в комбинации с озвучкой, которая в данном ролике просто уморительна.

2. Operation Flashpoint: Dragon Rising

Разработчик: Codemasters

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

3. Call of Duty 5: World at War

Разработчики: Treyarch, Certain Affinity

Эффект старой пленки, черно-белое немое кино и кроваво красный — сочетание этих элементов идеально передает агрессию и исторический дух войны. Что еще нужно от Call of Duty?

4. Singularity

Разработчик: Raven Software

У западного человека с Советским Союзом никогда не перестанут ассоциироваться 3 вещи: Чернобыль, Холодная Война и желание развернуть буквы «И» и «Я» зеркально. Singularity добавляет к этому списку секретный химический элемент, влияющий на ход времени. Благодаря закадовому голосу ролик выглядит как сводка данных ЦРУ. Нужно сказать, что тип и тембр закадрового голоса играют особую роль в видеоработах. Если в Singularity пустить, к примеру, «рассказчиков» из Flashpoint Red River, создалось бы впечатление, что ученые нашли не сверхопасный элемент, а источник увеселительного газа.

 

Использование 2d анимации

5. Alice: Madness Returns

Разработчик: Spicy Horse

Сказочность достигается разными путями, но особое очарование конкретно этому ролику придают сделанные будто из картона фигурки, куклы, с подвижными частями тела. Технику картонной анимации изобрел в 1916 году аргентинский аниматор Куирино Кристиани («Intervention in the Province of Buenos Aires»), тот самый, который снял первый полнометражный мультфильм «Апостол». Перемещаясь на разных уровнях и с разной интенсивностью, картинки из картона напоминают яркое кукольное шоу. Не удивительно, что работы вроде Little Big Planet и Drawn: Dark Flight так приглянулись публике. Кстати, оформление интро Alice Madness Returns напоминает приложение Alice for iPad. О чем это нам говорит? Вероятно, о том, что стилистика идет на ура.
Британский акцент в озвучке добавляет выдержанности стилю. Американский Кэрролл был бы уже не Кэрролл!

6. Dragon Age (Origins, Awakening, DA2)

Разработчик: Bioware

Оригинальная стилистика анимационных заставок и прелоадеров стала одной из фишек серии игр Dragon Age. Стиль создается путем анимации статичного 2d арта в видеоредакторе, и применения разнообразных эффектов - подсветки, смены насыщенности, игры цветов и теней. Для большей наглядности можно сравнить вот эту заставку из Dragon Age 2 с тем, как она ведет себя в игре.

(Смотреть до 1:10)

7. Mini Ninjas

Разработчики: IO Interactive, Magic Pockets

Техника исполнения похожа на заставки Dragon Age, с тем отличием, что на передний план выходит флеш-анимация. Достигнуть похожего эффекта довольно просто. На каждый элемент наложена текстура старой бумаги, что делает векторные изображения такими не похожими на вектор. По краям экрана применяется легкое затемнение (типичное для ломо-фотографий) с характерным мерцанием. Плюс — еще одна статичная текстура поверх всего видео. Важный момент анимации: живые существа двигаются более гибко, в то время как деревья и другие объекты как будто сделаны из картона. Таким образом сохраняется «игрушечность» стиля.
К слову, все катсцены в Mini Ninjas необычайно умилительны, и по графике и по юмору. Стоит сыграть!

(Смотреть до 3:15)

8. Mirror’s Edge

Разработчик: EA Digital Illusions CE

Флеш-анимация в интро Mirror’s Edge выполнена в лучших традициях минимализма (как, впрочем, и игра в целом). Минимал-арт возник в 60-е года в США, на волне развития искусства послевоенной Америки, как реакция на абстрактный экспрессионизм. В дизайне и архитектуре термин «минимализм» используется для характеристики объектов, внешний вид которых сведен к необходимому функциональному минимуму. Данный стиль многое позаимствовал у традиционного дизайна и архитектуры Японии, а слоган «Меньше – значит больше» был взят у английского поэта Роберта Браунинга.

9. Legend of the Guardians: Owls of Ga'Hoole

Разработчики: Krome Studios, Tantalus Media (Nintendo DS)

Образец того, как малыми средствами можно добиться эффектного результата. Стильный 2d арт, «оживленный» в видеоредакторе фильтрами ветра, горящей бумаги и легкого свечения. Похожим образом выполнено интро для «Majin and the Forsaken Kingdom», правда анимации самих объектов там почти нет – вместо нее акцент перетягивает на себя качество рисунка. А если убрать еще и видеоэффекты – получим катсцены «Легенд» из игры Brutal Legends, где камера просто перемещается по большой иллюстрации, охватывая по очереди отдельные участки, создавая эффект повествования.

10. Homeworld (1, 2)

Разработчик: Relic Entertainment

Простая, будто карандашом нарисованная графика Homeworld выглядит во всех смыслах космически. Каждый ролик — это Шекли, Мёбиус и Дюна, совмещенные в одном пространстве. Медитативная музыка, неспешное течение времени, и вакуум, заполненный космическими кораблями и существами. Когда 3д только зарождалось, а 8-битная графика уже не была пределом мечтаний, появлялись такие проекты, как Homeworld — то ли эксперимент, то ли искусство, но однозначно флагманы своего времени.

11. Beautiful Katamari

Разработчики: Namco, NOW Production

Китч, кавай и угар — этим можно охарактеризовать все, что связано с Катамари. Необычная и бесшабашная, графика игры во многом отражает ситуацию в актуальном искусстве Японии. Такаси Мураками, известный японский художник, называет этот стиль «суперплоскость».
«Я думал о реалиях японского рисунка и живописи и о том, как они отличаются от западного искусства. Для Японии важно ощущение плоскости. Наша культура не обладает 3D-формами. 2D-формы, утвержденные в исторической японской живописи, сродни простому, плоскому визуальному языку современной анимации, комиксов и графического дизайна,» — говорит Мураками.

12. InFamous 2

Разработчик: Sucker Punch Productions

Еще один пример «ожившего» комикса. В основе подобных работ лежит динамика движения (своевременные замедления/ускорения) и манипуляция положением объектов на разных планах. Если говорить проще – двигая объекты на разных слоях с разной скоростью по отношению к фону, получаем эффект «экшена» в кадре. Довольно стильный способ анимации для комиксов и иллюстраций, который после html5-проекта Tron Legacy, возможно, станет шире применяться на просторах Интернета.

 

Оригинальность подачи

13. Fable 3

Разработчик: Lionhead Studios

Особого внимания здесь заслуживает метафора с курицей, и то, как умело ее связали с повествованием и ролью в нем игрока. Ролик работает на контрасте: голос за кадром рассказывает о серьезных вещах, о революции, о бедности, при этом несчастной курице приходится все это неуклюже иллюстрировать, спасаясь от топоров мясника. Через смешную, но трагическую судьбу птицы игрок знакомится с проблемами мира Fable 3, с жизнью людей города, и своим предназначением.
Отказавшись от демонстрации в кадре героя или эпической предыстории/битвы, можно найти много неожиданных способов введения игрока в курс событий.

14. Little Big Planet (1,2)

Разработчик: Media Molecule

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

15. Call of Duty: Black Ops

Разработчики: Treyarch, n-Space (DS)

Есть много способов уравнять знания о мире главного персонажа и игрока. В Black Ops получился стильно оформленный допрос, перемежающийся с наркотическим бредом от электрошока. Нарезка воспоминаний подана в формате CoD 5, но дополнена «рваными» цветовыми вспышками и роликами «с уроков биологии», делая интро более артхаусным, в духе фильмов «Реквием по мечте» и «Необратимость».
Зеленоватая и красная подсветка в интерьере комнаты используются не случайно. Кроме того, что это контрастные цвета (а значит, их комбинация априори удачна), классический красный всегда предвещает опасность, а зеленый, благодаря фильмам вроде «Матрицы», ассоциируется с технологиями будущего.

16. Borderlands

Разработчики: Gearbox Software, Feral Interactive (Mac OS X)

Поначалу будто смотришь интро «Mark of Kri», но уже через минуту кажется, что в кадре появится группа Gorillaz. Заводной саундтрек и необычный стиль графики делают интро (и саму игру) запоминающимися.
Кстати о графике. Стиль этот получил название сел-шейдинг – тип рендеринга, позволяющий делать 3d графику похожей на ручную рисовку. Существует огромное количество видеоигр с сел-шейдинговой анимацией, среди которых Prince of Persia, Tales of Vesperia и Street Fighter IV.

(Смотреть до 3:20)

 

Премия «Самые стильные»

17. Brink

Разработчик: Splash Damage

Именно таким человечеству представляется дизайн будущего: светлый, технологичный, лишенный ненужных деталей. В интро Brink обошлись без подробных текстур, а макет города сделали похожим на игрушечную бумажную модель, построенную на столе с чертежами. Фанаты Mirror’s Edge испытают некоторое дежавю при виде минималистичного стиля архитектуры. Сочетание белого и бирюзового – одно из классических для минимализма: энергичное, тонизирующее, без агрессии, но позволяющее графике выглядеть стильно.

18. Fallout 3

Разработчик: Bethesda Game Studios

Сочетание постапокалиптических пейзажей и стиля Америки 50-х годов является лицом и бессменной «фишкой» игр Fallout. Этому невозможно противостоять!

19. Call of Duty: Modern Warfare 2

Разработчик: Infinity Ward

Это интро совместило в себе лучшие традиции фильмов о секретных операциях, бомбардировках, войне и хакерской романтике. Кстати, исходящие из разных точек планеты лучи света, хоть и смотрятся футуристично, имеют реальный прототип – работы цифрового художника Аарона Коблина. Коблин собирает генерируемые человечеством данные (такие, как, например, график авиаперелетов по всему миру) и приводит их с помощью программирования в движение в реальном времени.
Триумфальная музыка, общение оперативников на фоне, шрифты и вид на землю со спутника – все эти составляющие критичны для данного стиля. Наложение эффекта скрытой камеры на исторические кадры и «пикселизированные» переходы между кадрами тоже играют не последнюю роль.


Обсуждение материала — в нашем сообществе на facebook.

Share

Автор: Богдана Серебриян
Опубликовано: 16 июня 2011

Новые статьи:

Еще 20 необычайно красивых инди-игр
01.04.2012

85 футболок для геймеров
04.02.2012

Кто играет в социальные игры? [Инфографика]
20.01.2012

← Все


Новые комиксы:

Секретная миссия: Беги, КОД, Беги

#065 - Трудно быть дизайнером

Добавь жизней любимым комиксам!

← Все


© 1969-2011 Inwebwetrust.org
Пишите нам | RSS