У меня горят глаза! Как нарисовать игру (коллаж) — Gamedev на DTF
Всем привет!
Как-то Олег Чимде в комментариях сказал, что интересно будет почитать про визуализацию и вот спустя пол года (или больше) я сел за статью.
На данный момент я сделал игры в трех разных визуализация:
— Цифровой коллаж (the Line, Marginal act)
— Пиксель-арт (Need a packet?, Blind Boris)
— Рисунок от руки (Vasilis)
Я напишу 3 заметки про работу с визуальным контентом и мои ошибки — это первый текст.
2602 просмотров
Коллаж
Бытует заблуждение, что его делать просто. Это, конечно, не так. У коллажа есть свои преимущества и недостатки и его делать зачастую сложнее чем рисовать с нуля.
Сразу отмечу — не стоит ждать какого-то фундаментального текста, это мои ошибки и приемы, кому-то они покажутся очевидными, но для кого-то будут полезны.
Поиск материала Это занимает много времени, далеко не всегда можно найти то, что вы хотите и нужно будет обзавестись навыками поиска.
Я бы советовал использовать специализированные сайты, на которых есть картинки по вашей тематике.
К примеру для получения живописных картин в хорошем качестве я использовал Google art project.
Я бы не советовал брать визуальные элементы без изменений, если вы их не покупали. Так что приступаем к редактированию и вырезанию.
Внешний вид боя в the Line
Marginal act — общая карта
Обрезка
Большинство материала это JPG картинки, но вам то нужны PNG. Следовательно нужно обрезать все и делать это вручную, иначе контуры будут рваными. Автоматические средства подходят только, если на изображении есть однородный фон.
Спрайт-лист главной героини
Собранная героиня
Анимация
Это самая сложная часть для коллажа.
Если вы работаете со спрайтами, то всегда есть вариант по кадровой анимации.
Для нее нужно вручную передвигать на каждом кадре необходимые элементы и сохранять их в виде спрайт-листа.
Естественно, по кадровая анимация вам не подойдет. Один спрайт-лист будет весить от 3МБ до 20МБ, да и занимает она значительно больше времени, чем остальные методы.
Я бы советовал по кадровую анимацию только для небольших объектов с малым количеством кадров. К примеру эмоции на лицах, мониторы, лужи и т.д.
По кадровая анимация. Спрайт-лист
Пример собранной по кадровой анимации головы
Запись движения
Я использовал Unity и в нем есть встроенные инструменты для работы с анимацией. Запись, вращение, перемещение, активация и прозрачность объектов. Из коробки доступно много функций.С этих базовых возможностей я и начал. Руки и ноги анимировал просто: объект — кисть, вложенный в объект — локоть, вложенный в объект — плечо.
И записывал перемещение и вращение объектов.
Минусы — это занимает много оперативной памяти и в какой-то момент система просто не будет справляться с огромным файлом анимации, где записано перемещение 17 — 20 объектов.
Плюсы — анимация получается именно коллажная и резкая. Для такого эффекта этот метод хорош.
Увы мой компьютер не вытягивал огромный файл анимации и это заняло много времени. Если в персонаже составные руки и ноги, то есть смысл воспользоваться костевой анимацией.
Программная анимация в движке без костей
Монстр с большим количеством конечностей
Костевая анимация
Затем я воспользовался бесплатным плагином Anima 2D для анимации, который позволяет делать костевую анимацию для спрайтов.
Плюсы — с ним анимировать легче и не так затратно для ресурсов системы.
Минусы — гладкость, искажение, определение областей.
К каждой кости привязана часть спрайта, которую она приводит в движение и выставлять эти области часто приходилось вручную.
Спрайт делится сеткой и сетку тоже нужно регулировать. Из коробки есть несколько инструментов для сетки, но возни все равно выходит много. Не получится использовать одну анимацию на разные объекты, поскольку у необработанного персонажа не будет костей.
Я бы советовал использовать этот плагин, если планируется много разных анимаций для одного персонажа. Если у каждого героя по одной — две анимации, то процесс будет неоправданно долгим.
Стрим на канале Unity по созданию костевой анимации персонажа
Спрайт — лист для работы с Anima 2D
Бекграунды
Когда вы собираете задник, то важно закрывать все резкие ровные линии, если вы делаете природные пейзажи. Это предаст аккуратность и законченность всему пейзажу.
Если вы собираете свежуй архитектуру, то ровные линии пригодятся, но, как правило, вы не хотите много однообразных прямых.
Длинные ровные линии скучны для глаза и придется их чем-то перебивать.
По возможности нужно делать параллаксинг, разбивая задники на слои. В the Line много важных элементов находилось на пути героини и не было сегментов, где не происходило бы ничего механически важного, поэтому сильно перебивать путь героини передним планом не выходило. В итоге почти весь параллаксинг происходит на заднем плане.
Важно следить за количеством объектов в сцене. Я увлекся собиранием фонов в движке и в какой-то момент число объектов стало откровенно ужасным, частота кадров начала падать, пришлось делать скриншоты и заново собирать все что не движется в единые сегменты.
Они выглядят примерно так:
Фон второй техногенно-заводской локации the Line. Сегмент с фонарями — передний план, остальное — задний
Цветокоррекция
В играх она весьма специфично работает. Нужно дать понять игроку что является активным объектом, что фоном, а что противником.
Особенно это важно в 2д играх. Мне это удалось далеко не везде, особенно плохо дела с выделением цветом и тоном обстоят в игре Marginal act, где порой не всегда понятно что стена, а что пол.
К примеру на этом скриншоте есть светлые бордюры, которые часть пола и по ним можно ходить, а вот киоск снизу от персонажа бледный, хотя он является преградой.
Общая локация — Marginal act
Резко выделять активные объекты не всегда нужно, они могут быть обозначены анимацией или контекстом.
К примеру если игрок открыл сундук один раз, то теперь он знает что сундуки можно открывать и бледный сундук с нужными предметами может служить наградой за внимание игрока к деталям.
Персонажи в the Line обозначены анимацией, сундуки котекстом и тоном, а другие активные зоны спрайтом свечения.
Поглощение огня и бой с совой
Объемы
Это еще одна важна часть.
Как правило все картинки будут казаться плоскими, если с ними не поработать.
Если фон темный, то затемнить край почти всегда помогает, чтобы «посадить» персонажа в фон.
Unity предоставляет систему света, которая может покрасить белый и черный, при наличии шейдера на спрайте персонажа. Я не сильно напирал на свет, поскольку много источников освещения приводит к тому, что спрайт путается какой свет ему нужен, если на него падает сразу 2 источника. К тому же много света и шейдером плохо влияет на оптимизацию игры.
Я бы советовал пройтись по контуру персонажа, чтобы подвести его к общему цвету и тону фона. Примерно как на руках и ногах в этом спрайт-листе.
Оптимизация процесса
Для ускорения работы стоит искать уже обрезанные PNG и по возможности использовать их.
Есть вариант находить картинки на монохромном фоне и автоматически их обрезать. Края, которые останутся с ненужным цветом, можно обесцветить и затемнить.
Иногда это работает. Но этот прием как правило хорош для фона.
Основную часть персонажей придется резать по контуру, а потом анимировать записью движения.
Стандартизация
Часть действий героев я стандартизировал. К примеру атаки представлены движущимися заглушками, на каждом враге таких заглушек от 2 до 4, но из-за разного строение пришлось делать на каждого монстра отдельный файл анимации, это отобрало много времени.
Очень (!) важно стандартизировать ваших персонажей с самого начала. Если вы хотите сделать всех с разным количеством конечностей и разного размера (как поначалу делал я), то подумайте еще раз. Это будет тяжело и долго. Каждого героя придется анимировать отдельно и вы умрете еще до релиза.
В целом это все мои маленькие наставления тем, кто желает попробовать делать коллаж. Если вы хотите знать что-то еще, то можно задать вопрос в комментариях.
Атаки — заглушки героини
Все что я сделал можно найти на издательской (я издаю свои игры сам) страничке в стиме.
А вот текущий, еще не вышедший проект (Vasilis). Можете добавить его в виш лист, в конце марта — начале апреля выйдет демка, а сам релиз запланирован на середину апреля.
Всем спасибо!
#геймдизайн #gamedev #marginalact
5 идей для творческих девичников: коллажи, фэшн-иллюстрации, леттеринг
Творчество
5 идей для творческих девичников: коллажи, фэшн-иллюстрации, леттеринг
14 февраля 2018 7 178 просмотров
Олеся Ахмеджанова
Гадаете, чем бы заняться с подругами свободным вечером или в выходные? У нас есть несколько классных идей из книги «Творческий девичник». Они помогут вам преобразить обычный уик-энд и сделать его супертворческим и вдохновляющим.
Сделайте коллаж
Коллаж из журналов — популярная техника. А как насчёт коллажа из рисунков? Уверены, вам такой подход понравится ещё больше.
«Зачем зря тратить время на поиски подходящей картинки, если можно сделать самой то, что нужно? — вопрошает Эллен, героиня книги „Творческий девичник“. — Я лучше возьму фотографию или рисунок, чем потрачу долгие часы на поиск идеала».
Если хотите сделать настоящий коллаж мечты, отложите глянцевые страницы. Создавайте свои сюжеты.
Подготовьтесь: пусть каждый соберёт побольше материалов — цветную бумагу, фотографии, старые рисунки, письма, конверты, приглашения, билеты в кино… Вы погрузитесь в художественный проект как только начнёте сортировать ваши «находки».
Вырезать картинки удобнее макетным ножом. — Иллюстрация из книги «Творческий девичник»
Режьте бумагу ножницами или макетным ножом на самовосстанавливающемся коврике (так удобнее). Затем разместите элементы на листе, который будет основой. Совмещайте старинные фотографии с вырезанными элементами и рисунками гуашью. Крепите детали на лист с помощью клея-карандаша, жидкого клея или скотча.
Совет: не торопитесь сразу приклеивать картинки.
Испробуйте разные варианты композиции.
Таким может быть ваш коллаж. — Иллюстрация из книги «Творческий девичник».
Нарисуйте буквы
Отличная идея для творческого девичника — вечер леттеринга. Леттеринг — это словно рисование букв. Выглядит очаровательно.
Можно нарисовать друг другу открытки. — Иллюстрация из книги «Творческий девичник».
У леттеринга нет чётких правил. Поэтому можно смело творить, что вздумается. Например, написать своё имя с помощью разных форм и материалов. Перечислить все буквы алфавита. Придумать открытку. Или изобразить любимую цитату или фразу. Рисуйте буквы как формы, а не как символы. Изучить леттеринг глубже помогут наши прописи «Основы каллиграфии и леттеринга».
Буквы — это тоже картинки. — Иллюстрация из книги «Творческий девичник».
Совет: скопируйте через кальку свой любимый шрифт и сделайте шаблон. Он поможет придерживаться структуры.
Придумайте фэшн-иллюстрации
Фэшн-иллюстрация — направление, где балом правит мода.
Напоминает игру в куклы: вы создаёте образ для своей «барби» и переносите его на бумагу.
Черпайте идеи из своего шкафа. — Иллюстрация из книги «Творческий девичник»
Вот тут без модных журналов не обойтись: они — отличный источник вдохновения. В них можно найти необычные ансамбли, модные аксессуары или коллекцию любимого дизайнера. Можно также придумать образ самому: наверняка получится что-то неподражаемое.
Фэшн-иллюстрация — это здорово. Вы будто примеряете наряд от Ива Сен-Лорана.
Мысленно конструируете образ. И просто наслаждаетесь рисованием ткани — лёгкой, струящейся, облегающей силуэт.
Найти вдохновение можно в модных журналах. — Иллюстрация из книги «Творческий девичник»
Не сомневайтесь в своих силах: даже опытные иллюстраторы чувствуют неуверенность, когда изображают фигуру человека. Набросайте пару вариантов и посмотрите, что получится.
Совет: придумайте необычную форму или декор костюма. Это отвлечёт внимание зрителей, так что можно немного пренебречь соблюдением пропорций.
Сделайте общую картину
Создание одной большой коллективной иллюстрации — непредсказуемый, но увлекательный процесс. Лучший творческий союз получается, если вы доверяете другим участникам и их решениям, даже если сами предпочли бы сделать все совершенно иначе.
Рисовать в компании — полезный опыт. Иллюстрация из книги «Творческий девичник»
Возьмите 10 одинаковых листов бумаги и выберите 10 тем: по одной для каждого рисунка. Например, нарисуйте квартиру. Кто-то изобразит гостиную, кто-то — спальню, а кто-то — кухню. Или путешествия: изобразите горы, море, пальмы, снежные пейзажи.
Придумайте тему. Например, интерьер. — Иллюстрация из книги «Творческий девичник»
Пусть каждый возьмет себе лист и рисует. Выберите четыре гармонирующих оттенка и используйте только их. Можете установить таймер, чтобы процесс слишком не затянулся. Обменяйтесь листами и закончите рисунок, начатый подругой. После можно собрать листы вместе и любоваться большой картиной.
Совет: устанавливайте ограничения (выбор цветовой палитры, размера бумаги и темы для каждого рисунка) — иногда они здорово помогают творить.
Приходите с детьми
Дети — настоящие художники. Мы можем многому научиться у них: например, творческому самовыражению. Забудьте о самоанализе. Возьмите мелки и доверьтесь фантазии.
Синий павлин, жёлтая собака, зелёный кот: почему бы и нет? — Иллюстрация из книги «Творческий девичник»
Устройте посиделки мам и детей: приходите с сыном или дочкой. Кстати, с пяти лет детям проще заниматься — они дольше удерживают внимание на процессе. Выберите тему, например, рисуйте необычных животных или придумайте несуществующие сладости. Возьмите бо-о-ольшой рулон крафтовой или обычной плотной бумаги. И — начинайте рисовать.
Совет: каждый за столом — художник. Не учите детей рисовать, а поддерживайте и вдохновляйте.
Творческий девичник — посиделка, которую запомнят подруги. Хвалите друг друга и фотографируйте работы: вам точно захочется не раз взглянуть на коллаж или фэшн-картинку.
Проверено.
По материалам книги «Творческий девичник».
Обложка поста отсюда.
Рисование, коллаж и вышивка | Западный деканский колледж искусств и консервации
- Об этом курсе
- Репетиторы
- Размещение
- Похожие курсы
- Подписаться на новости
Художественный текстиль
Артикул: S3D12546
Средний 410 фунтов стерлингов
Об этом курсе
Исследуйте контраст преемственности и изменений с помощью рисования, коллажей и стежков.
Работая на загрунтованном холсте из коллекции предметов, развивайте личный язык, повествование и историю посредством взаимодействия изготовления, материалов и процессов, чтобы улучшить свой художественный текстиль.
Описание курса
Работая с коллекцией личных вещей, вы будете искать способы создания коллекции визуального материала, который может развиваться и изменяться на ткани длиной три с половиной метра. Вашей отправной точкой будет коллекция личных вещей, которые вы приобрели, унаследовали или собрали. Это не обязательно должны быть исключительные объекты; они могут быть эфемерными или выброшенными, или у них могут быть сильные ассоциации или личные воспоминания; они могут образовывать группу или быть полностью разъединенными. Однако все они должны разделять визуальные элементы, которые волнуют и интересуют вас; элементы, связанные с цветом, текстурой, узором, формой, материалом и т. д.
Работая с различными материалами и подходами, включая рисование, рисование, коллаж, аппликацию, стежок и т.
д., вы будете извлекать информацию из своих объектов и играть с ней посредством наблюдения, повторения, искажения, дробления, растяжения и т. д. Ваша работа ткань будет свидетельствовать о процессе этого развития по всей ее длине. Это будет сделано путем регистрации работы и переработки идей и подходов. При этом слои информации укладываются, обрабатываются, переформировываются, скрываются и раскрываются в течение трех дней, чтобы создать богатый палимпсест, который становится самостоятельным объектом или становится отправной точкой для дальнейших идей.
Расписание
День прибытия — это первая дата, указанная выше
Курсы начинаются рано вечером. Студенты-резиденты должны прибыть с 16:00, студенты-нерезиденты должны прибыть к 18:45.
18:45: Приветствие, затем ужин (входит в стоимость).
8 — 9pm: Первое занятие, присутствие обязательно.
Ежедневное расписание
Занятия с 9:15 до 17:00, обед включен.
С 18:30: Ужин (включен для студентов-интернатов).
Работа в вечернее время — учащиеся могут посещать мастер-классы до 21:00, но только с разрешения наставника и при соблюдении всех правил техники безопасности и охраны труда.
Последний день
Занятия с 9:15 до 15:00, обед включен.
Студенты общежития должны освободить свои комнаты к 10:00, пожалуйста.
(Это расписание для курсов продолжительностью более одного дня. Преподаватель может вносить небольшие изменения)
Материалы курса
В комплекте
- В этот курс входит трехметровая бязь и акриловый размер для работы, восковые шарики и широкая кисть для работы.
Что учащиеся должны иметь при себе
- Коллекция личных вещей, унаследованных, приобретенных, собранных, богатых визуальной информацией
- Набор материалов для сухого и влажного рисования, в том числе: цветные карандаши, гуашь или акварель)
- Пастель сухая и/или восковая пастель
- Перо для рисования или фломастер
- Набор кистей
- Графитные карандаши
- Материалы для коллажа, которые могут включать в себя: цветную и текстурированную бумагу, обрезки изображений и ткань
- ПВА и горшочек для его смешивания
- Цветные нитки, например нитки для вышивания, а также
- Иглы и булавки разного размера
- Скальпель или канцелярский нож
- Малярная лента
В наличии для покупки
- В наличии в магазине:
- Все вышеперечисленные материалы для рисования доступны в магазине колледжа.
Дополнительная информация
Пожалуйста, наденьте соответствующую одежду/фартуки для семинара или студии. Это включает в себя прочную закрытую обувь, т. е. никаких открытых носков или сандалий, а также защитные ботинки, если указано.
Мэтью Харрис
Мэтью Харрис учился в Голдсмитском колледже и работает в
как бумага, так и ткань, которая в первую очередь связана с
исследование и использование абстрактных образов. у Мэтью есть работа
в коллекции Совета ремесел и Художественной галерее Уитворта,
Манчестер. Он выставлялся по всей Великобритании, Европе, США и
Япония.
Жилье
Доступен вариант проживания. Узнайте стоимость проживания и как забронировать здесь.
-
Онлайн-курсы для самостоятельного обучения
Художественный текстиль
Доступные места — Забронировать сейчас
- Репетитор
- Жанетт Эпплтон
- Цена
- £38.00
- Способность
- Начинающие/средние
- Артикул
- СКВ12130
книга
-
Художественный текстиль
Доступные места — Забронировать сейчас
- Репетитор
- Сара Бернс
- Дата
- 25–28 апреля 2023 г.
- Цена
- £492,00
- Способность
- Начинающие/средние
- Артикул
- С3Д12690
книга
-
Художественный текстиль
Доступные места — Забронировать сейчас
- Репетитор
- Венди Долан
- Дата
- 11–14 мая 2023 г.
- Цена
- £411,00
- Способность
- Подходит для всех
- Артикул
- SLW12730
книга
Варианты дальнейшего обучения
Сделайте следующий шаг в своей творческой практике, пройдя базовый уровень до магистра изящных искусств.
В зависимости от вашего опыта начните с онлайн-сертификата в области искусства и дизайна (один год, неполный рабочий день), диплома Foundation в области искусства и дизайна, состоящего из 10 кратких курсов, пройденных в течение двух лет (неполный рабочий день), или повышения квалификации.
ваше обучение с нашим бакалавром (с отличием) Искусство и современное ремесло: материалы, изготовление и место (шесть лет неполный рабочий день). Все это поможет вам развить основные навыки, найти направление в своей практике и создать впечатляющее портфолио в рамках подготовки к возможностям художника или обучению на более высоком уровне. Посмотреть все курсы на получение степени и диплома.
Рисунок коллажа — Etsy.de
Etsy больше не поддерживает старые версии вашего веб-браузера, чтобы обеспечить безопасность пользовательских данных. Пожалуйста, обновите до последней версии.
Воспользуйтесь всеми преимуществами нашего сайта, включив JavaScript.
Найдите что-нибудь памятное, присоединяйтесь к сообществу, делающему добро.
(
1000+ релевантных результатов,
с рекламой
Продавцы, желающие расширить свой бизнес и привлечь больше заинтересованных покупателей, могут использовать рекламную платформу Etsy для продвижения своих товаров.