Тема: Эффекты Мейкера (Update)

Тренинг по эффектам "for RPG Maker XP".
Создание эффектов, и их сравнение.

Добавка спец-эффектов в RPG Maker XP.

Чего вы на самом деле от меня ждете ?
Думаете мы тут в игры играем ? А если подумать ещё глубже ?
Что я могу сказать... если вы не настроены серьезно на Мейкер... то даже и не читайте эту статью... потому что она не для таких кто любит простые обучения, типа рисование чар сэтов, и альтернативной анимации...
Это серьезная статья... о создании шедевров, а не месячных проектов, о которых забывают через пол года, это если еще повезет...
Что я хочу этим сказать ? а я отвечу... дело в том, что эту статью я сделать на более высоком уровне, ведя опрос и не посредственно выискивая самые разные привлечения эффектов в играх...
Даже не знаю, называть это статьей или нет... но вот попатеть вам точно придется, что бы сделать такие эффекты как тут... ибо я пошел другим путем...
Я не стал до словно разжовывать вам каждый способ... а просто на просто полность описал как сделать первый и самый просто эффект, а далее словами разъяснял как достичь другие эффекты в играх, и представляя видео примеры...
Пакрайней мере это заставит вас именно самим понять как это сделать, а не пользуясь простыми копи пастами...
Ну все... пожалуй я выплеснул всю агрессию... думаю можно начинать...

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


http://rakuncompany.narod.ru/training/Effects_01.PNG
© Летел как птица, по своему пути.

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

Возьмем эффект взрыва анимации из самого мейкера...
И приглядимся в его составляющее...

http://rakuncompany.narod.ru/training/Effects_02.PNG
Ясен пень что тут не обходится без альфа-каналов...

Теперь рассмотрим сами эффекты, как их делать...

1) Понадобится анимированный чар, хотя бы с замахом меча.
2) Понадобится естественным образом PhotoShop...
3) Ну и понадобится не делать ошибок...

Все делаем по шагово...

http://rakuncompany.narod.ru/training/Effects_03.PNG
Создаем новый слой... в который входит наш чар...
(Естественно это надо делать уже на готовом чарсэте, иначе потом будет сложнее совместить анимации эффектов)...

http://rakuncompany.narod.ru/training/Effects_04.PNG
Выделяем... очищаем... одним словом выносим белый фон...
(Заметьте, что первоначально я поставил черный фон... для того, что бы было проще осматривать эффекты... так как эффекты на белом, не смотрятся)...

http://rakuncompany.narod.ru/training/Effects_05.PNG
Обводим нужный участок... где будет происходить эффект...

http://rakuncompany.narod.ru/training/Effects_06.PNG
На данном скрине показано, в каком порядке, находятся слои...
Это как бы тоже важно...

http://rakuncompany.narod.ru/training/Effects_07.PNG
Я юзанул градиент...
(Попрошу заметить важное... как только вы подобрали цвет, для своего эффекта, советую сохранить его код... что бы все эффекты смотрелись монотонно... а не мерцали разными цветами... что не очень то и эффектно)...

http://rakuncompany.narod.ru/training/Effects_08.PNG
Собственно, что получилось...

http://rakuncompany.narod.ru/training/Effects_09.PNG
Так же можно баловаться с прозрачностью...
Но это бы я вам по советовал в самую последнюю очередь...

http://rakuncompany.narod.ru/training/Effects_10.PNG
Естественно нужно нафиг удалить черный план... можно сказать, лишний слой...

http://rakuncompany.narod.ru/training/Effects_11.PNG
Вот мы и пришли к оригиналу... собственно то, что получилось...

http://rakuncompany.narod.ru/training/Effects_12.PNG
И естественно без заднего плана...
(Кстати 12 скрин, забавно смотрится в MS Paint)...


http://rakuncompany.narod.ru/images/...SystemAnim.gif
Теперь я думаю, вам понятно, как это все, было сделано для боевки "System32"...

Залить ландшавт красотой.
Трагичность, дождь, гром и молния... и отражение в сердцах...

Данный тренинг был так сказать заказан...
© Сделать так, что бы там все отражалось на стенах, на лужах.

Вообще, можно воспользоваться скриптом...
Но важный минус скрипта в том что...
1) Отражается только основной чарсэт...
2) Объекты и другие чарсэты не отражаются...
3) Не естественные отражения...
4) Слоты на отражение размещаются не удобным способом...

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

Однако я бы не был собой... если бы пользовался скриптом...
Ясен пень мне интересно добиться всего одними экспериментами...
И я нашел способ... но пока что только для сцен... не для свободной игры...
Хотя я уже догадываюсь как сделать эффект отражения во время игры, но понимаю сколько времени у меня на это все уйдет... потому, это мы его рассмотрим позже...
Для начала посмотрим как это выглядит...
http://rakuncompany.narod.ru/trainin...lection01.html (830 кб)

По сути думаю вам понятно что было использовано...
1) Сами чар сэты... точнее их анимация...
2) Теже чар сэты, но уже отраженные по вертикали...
(Не стоит крутить чара на 180 градусов... иначе вы получите не желаемый эффект...)
3) Дождик... то что придает асфальту мокроты, что способствует реалистичному отражению...
4) Лужи мы затрагивать не будем... (Однако и с ними я кое что придумал...)

Первым делом берем готовый чар сэт...
Сохраняем его как: "Char_01_Normal"
Далее отражаем по вертикали и задаем имя "Char_01_Reverse"
Можно воспользоваться PhotoShop для придания ему сразу же, полу прозрачного эффекта...
Ну или же задавать этот параметр не посредственно в самом мейкере...
Как делать сценку с отражением думаю уже понятно... только видать мало эксперементировали...

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

Отражение в зеркале.
© Копирайд, © копирайд...
Тоже на заказ...

По скольку всё выше сказанное почти копия, по этой причине не буду глубоко уходить в этот эффект... однако он ни чем не легче пред идущего способа...
Нам как бы надо отразить чара именно в зеркале, а не на стене...
Плюс этого, нам не понадобится отражать чара по вертикали...
Тут уже заключается сложность в том, что мы будем рисовать отражение именно в объекте, а не в чаре...
Выдираем объект из тайл сэта... зеркало...
Делаем из зеркала чар сэт...
И по пикселю добавляем анимацию ^________^
Знаю, гемор... но это, того, стоит...
Пример я всё же покажу...
http://rakuncompany.narod.ru/trainin...lection02.html (273 кб)
Шучу... ясен пень не по пикселю нужно чара вставлять...
Там достаточно 5 - 7 анимаций... а зависимости от скорости чара... и поворота вгляда...
http://rakun-soft.narod.ru/training/Glass.psd (303 кб)
Я добрый, так что я поделюсь наработкой...

?????? - Вот например когда зеркало разбито т.е. с трещинами
Porshe - ЛОЛ!!!!
?????? - то в каждой трещине своё изображение лица)
Porshe - Ты маньяк с отражениями !
?????? - ну дык) ога-)))
Porshe - Это тоже реал сделать... но это надо уже каждый кусочек стекла изменять...
?????? - ахха. но я немного не представляю себе, как это сделать. сделаешь - медали достоин)
Porshe - Это я пожалуй как нить потом сделаю...

Отражение луны.
© Хочу что бы в луже отражалась луна, доа !!!
Этот эффект тоже на заказ...

?????? - Вот, чтоб в луже луна отражалась, будет вообще супер -))
Porshe - Эммм ну думаю реал такое сделать...

Поломав голову минут 20... я все же придумал, как это реализовать...
Я решил пойти не естественным путем... решил отражение сделать в виде панорамы...
Но потом вдумавшись глубже, я начал драть волосы на голове...

Porshe - Тчёрт !!! я не знаю как возможно отразить более одного объекта !!!
Porshe - Это не реал !!!
?????? - Вот видишь)
*Долгая пауза минут так на 10...*
Porshe - Да !!! я понял как сделать этот эффект !!! это реал !!! Б** я гений !!!

http://rakuncompany.narod.ru/trainin...onLight01.html (917 кб)

И я на конец понял как заставить отражаться в луже более двух объектов...
Что нам для этого понадобится ?
1) Чар сэт лужи... на асфальте... (Рисуется методом выдирания из тайл сэта...)
2) Панорама с двумя лунами... основная сверху и более маленькая, снизу... для отражения в луже...
3) Собственно PhotoShop...
Что делать ?
1) Мы берем уже выдранный асфальт, переделываем его в чар сэт... одна ячейка должна вместить в себя 3 куска асфальта по горизонтали... (Таким образом мы вмещаем 6 кусков в один слот...)
2) Теперь копируем куски асфальта целиком чар сэт... и открываем PhotoShop...
3) В PS открываем Сам чар сэт... и вставляем ранее нами копированый кусок... (извините, но пипец лнь™ рисовать это дважды... так что, я как нить словами...)
4) Надо добиться следующего: "сделать лужу... как на видео... где один вырезанный кусок полностью прозрачный, а второй прозрачен на 60%..."
5) После просто совместить их, и сделать прозрачный фон для чар сэта...
6) Теперь просто достаточно вставить этот чар сэт в пустые 6 клеток... и наслаждаться отражением луны...

http://rakuncompany.narod.ru/trainin...onLight02.html (826 кб)

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

Эффект солнца.
Да будет свет...

Эффект солнца довольно таки распространенный... но как его сделать более реалистичным, знают не все... по этому я расскажу вам о трёх способах...
1) Простое появление одного рисунка с осветлением... (Юзалось в сценке Ripp3r "Никто")
2) Появление и анимирование одного рисунка с осветлением... (Юзалось в Switch™)
3) Появление и анимирование 4 и более рисунков с осветление... (Юзалось в MSDoS и System32)

Первый и второй вореант разбирать не будем, ибо эти проекты открыты для общего просмотра...
А вот третий и более сложный, мы все же разберем...
http://rakuncompany.narod.ru/training/Effect-Sun.html (1 мб)
Опять таки без PhotoShop нам не обойтись...
Полностью показывать как все это делать, я не буду, думаю сами поймете...
Но сам принцип по шагам разберу...
1) Естественно понадобится пустой рисунок 640x480... (Можно с черным фоном, однако черный фон, в конце работы придется убрать...)
2) Открываем PhotoShop и создаем для каждого рисунка по одному слою......
3) Берем свободное лассо, и чертим некого рода лучи... по 3 - 4 луча, на каждый рисунок...
4) Сохраняем по одному рисунку с 3 - 4 лучами... в разном порядке и положении... обязательно с прозрачным фоном...
5) В мейкере проводим аццкую процедуру с анимацией этих лучей солнца...
6) Желательно медленное появление и медленное исчезновение делать в общих событиях...
7) Там же можно настроить благодаря переключателям (Switch), функцию смены времени суток...



Эффект Bullet Time ®.
Макс... ты живешь в комиксах...

И этот эффект был на заказ...

Многие играли в игру Max Payne... и большенство она затронула своим эффектом Bullet Time... одним словом "замедление"...
Однако в мейкере четко показать замедление времени не получится, так как ну нереально просто выглядит...
И я решил прибегнуть к интересному эффекту, который исправляет эту проблему не реальности...
Этот эффект выглядит ну очень эффектно, однако...
Так же имеет свои минусы... которые я пока что не решил...
http://rakuncompany.narod.ru/trainin...ulletTime.html (532 кб)
Теперь рассмотрим это следующим образом...
Тут все на самом деле просто...
Было создано 3 копии основного чара, которые следовали за ним, и повторяли все его движения.
С прозрачностью... 100 - 75 - 50...
Вот и весь секрет...


Писал статью, рисовал и мейкерил: ™Porshe
© Тут авторские права всякие, короче врядли что выдерите ))
Желаю успехов в создании шокирующих эффектов...

Реализация эффектов в мейкере:
™Porshe

В помощи сбора идей помогали:
Inner Glow
Daisdarg
Bredovik
Mellicent
Otter

Natural Reflection
© Потом люблю когда отражение персонажа в воде, не как его копия а натурально, ну вы понимаете.

Да... соглашусь, действительно я тоже думал о таком...
Что бы чар отражался в воде натурально, а не своей копией...
И такое провернуть можно... однако потребуется немного по насиловать PhotoShop...

1) Создаем чар сэт, пусть у него будет имя Char_Water_Normal.png
2) Отражаем каждый его кард по вертикали... это нам понадобится для более удобного создания его анимации пути... (для КП так сказать...)
3) В PS первым делом убираем не прозрачный задний план...
4) Рыщим в фильтрах... находит: Искажение --> Волна
5) На первом и на третьем слоте чара используем одинаковые параметры волны... (С настройками думаю вы разберетесь...)
6) На второй и четвертый слот нужно применить разные искажения... пусть малясь измененные, но почти те же...
7) Сохраняем чар сэт, и для удобства задаем имя Char_Water_Reverse.png


http://rakuncompany.narod.ru/trainin...Reflection.gif

Всё... осталось просто заставить этот чар сэт отражаться не посредственно в воде...
Ну думаю с этим вы сами разберетесь... а то КП, КП !!!

Без сомнения, отражательные и световые эффекты многие захотят встроить в игру. Выглядят - просто чарующе!
Особенно понравилось отражение в воде и прыжок с удром мечом.

Рылся в старых дисках понимаешь ли... и нарвался на видео про "Ragnarok Battle Animation"...
Изучил ее малясь, и открыл для себя еще два эффекта...
Малясь конечно же переделанных для моего удобства...

Sphere Cast
Запуск сфер, единственное что пришло мне в голову...
Для начала потребуется анимированный чар...
Далее PhotoShop, в котором будем мутить следующее:
1) Маленький светящийся шарик.
2) Отдельно излучение света от этого маленького шарика...
3) Копи-Паст, копи-паст... создаем нужное нам колличество шариков... на моем примере их 5...
4) Учить создавать тонкие, яркие, изогнутые линии не буду,.. это оставлю вам...
5) Из этого создаем анимацию... если у вас нету шаблона для рисования анимации, можете попросить у меня...
6) Комбинируем анимацию, и получаем эффект...

http://rakuncompany.narod.ru/training/SphereCast.gif

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

Saber Cast
Призыв меча... кайфово звучит... и не обычно...
Всякие Final Fantasy научили нас думать так, что кроме Хранителя, ни кого больше призвать не реально...
Исправляем ошибку менталитета:

Как всегда PhotoShop...
Короче без PS я вообще ни чего не делаю... так что в след раз не буду постоянно повторять это сказочное слово...
1) Анимация была создана не функцией мейкера, "анимация"... а обычными тремя чарами...
2) Понадобится как минимум 3 анимации чара...
3) Понадобится нарисовать меч... сделать из него анимированную анимацию, с отблеском света.
4) Самое сложное, имитировать трещины на земле... мол чисто для дополнительного эффекта, не более )))
5) Альфа-каналы в "сами знаете где", просто не заменимы... юзаем как можно чаще...
6) Эммм... дальше и объяснять нечего... мол КП в мейкере...

http://rakuncompany.narod.ru/training/SaberCast.gif

Как же редко в голову приходят красивые эффекты...
Мне долго требовать от вас идеи ?!

Как же редко в голову приходят красивые эффекты...
Мне долго требовать от вас идеи ?!

Да сколько хочешь:
1. Монстр умирает: рассыпаясь на мелкие детали: камешки, птичек, зверюшек, перышки, листья... соответственно - так же и появляется. Когда монстра бьют, происходит частичное "перераспределение" элементов в месте удара с возможным изменением внешнего вида.
2. Монстр атакует создавая рядом с героем свою копию, которая и бьет, эффект - в переносе копии туда и обратно.
3. Суммон монстра. При неудачном суммоне того же каменного голема с неба или из под земли подают ( поднимаются ) части тела не в правильном порядке. После чего голем рассыпается. Так же и с другими. Например, фея является без головы, шарит руками по земле, не находит и исчезает. И т.д.
4. Тоже самое - при неком ударе мечем, голова монстра может отлететь - поиск и исчезание.
5. Неудачная комба: герой прыгает, недолетает до врага, шмякается мордой в землю, потом уползает на место.
Ешо?

© Ешо?
- Ешо... и желательнее на этот раз именно эффекты...
А то что ты предъявил больше смахивает на сценки, чем на эффекты...
Если тут рассматривать именно сценки, то у меня и времени не будет на создания собственной игры...
ps: Монстров я не затрагиваю, по той причине что не умею их рисовать...

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

По мне, самый крутой эффект в мейкере, наверное "Размытие"...
Но мне что-то ни как в голову ее реализация не приходит... есть идеи ?
Плюс вспомнил предложенное Mellicent, мол когда злятся глаза краснеют, и при передвижении появляются плавно пропадающие следы от красного света... правда мне еще не пришло в голову, как это сделать реалистичнее и более плавное исчезание следа...

1) © Обычно эффекты прикручиваются к какому-то сюжетному месту, или типа скилла в боевке
- С боевкой мол для скилла, да... но вот со сценами не соглашусь...
Солнечные лучи для сценок ? отражение луны, для сценок ? отражение на асфальте от дождя, для сценок тоже ?
Валер... то что я выложил всякие там эффекты мол меч призывает, или там сферы пуляет... как пример того, что можно обойтись и без функции в мейкере "Анимация"...
А создать эффекты одними чарсетами...

2) © эффект - в переносе копии туда и обратно.
- Это уже интересно...
Делается просто... размытие чарсета в движении...
Мне писать дополнение к статье об этом ?

3) © Монстр умирает: рассыпаясь на мелкие детали: перышки, листья...
- Эту идею я лучше рассмотрю, как скажем: летящие листья сакуры там... ну или клена...
(Вообще я это уже делал, и давно впихнуто в игру... но тут не выкладывал)

ps: может стоит разобрать старый эффект с тенями ?
Мол когда магию кастуешь, вся карта покрывается светом, с объемными, до детальными тенями... но блин, она еще не доработана... как нить позже...

1) Солнечны лучи и подобные эффекты бывают в интре или локациях. В интре - ясно для чего. А в локациях, даже если там нет сценок, все равно, герой через них проходит, значит к сюжету они имеют прямое отношение.
2-3) Можно создать конкурс на "лучшую идею эффекта", которую ты воплотишь для победителя ( сам же и определишь кому ). Потому что просто так скучно придумывать - вариантов бесконечное множество. Нужен какой-то критерий выбора.
Что до "размытости", то мне больше всего нравится вот такой легкий блюр:
http://fantasyartrpg.narod.ru/image1.jpg

Тут нет особой сложности, зато есть ощущение воздушного пространства ( из интры "Quintessence" ).

( а вообще, мне очень нравится собственное ночное освещение в ПрожектеХ... Кто был на юге, тот знает, что там ночь "плотнее", чем в средней полосе... Мне кажется, у меня получилось. )

© Что до "размытости", то мне больше всего нравится вот такой легкий блюр:
Ну что касательно размытия, то я малость не это имел в виду, не размытие панорамы...
А именно размытие чарсэтов, и тайлсэтов... и желательно с переходом в полу прозрачность...
(Конечно можно сделать специальный тайлсэт, с промежутком на 2 клетки, от каждого элемента карты... но это очень долго, и очень много весить будет)... ~10мб тайлсэт...
Чаров размывать то не сложно как раз таки.. там по структуре слотов...

© Можно создать конкурс на "лучшую идею эффекта", которую ты воплотишь для победителя ( сам же и определишь кому ).
- Я люблю искать выгоду во всем...
Я писал эту статью только для других ? )))
Я нагло все юзаю, что представлено тут в Sys32 )))
А выгода с конкурса... ну не знаю... а что если зададут там на пример "эффект опьянения" ?
Я то представляю себе это как, плавающий экран... однако без скриптов, это сделать не реал... а моя статья про эффекты основаны на том, что бы обойтись без скриптов вообще...
Но я не могу не признать что подобный эффект очень интересен... в итоге, сам себе противоречить буду...

© мне очень нравится собственное ночное освещение в ПрожектеХ
- И имея такую тему, даже не делишься наработкой в .gif ну или хотя бы скрином в .png ?...
На худой конец согласен на .jpg...

ps: пожалуйста, когда постишь картинки с тэгом img... оставляй под ними прямую ссылку на картинку... а то мой браузер не показывает картинок в тегах img на форумах... приходиться открывать страницу через просмотр html кода, что бы увидеть ссылку...