Урок "Эффект RGB смещения"

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

Все помнят времена, когда телевизоры были большими и с ЭЛТ экранами, которые по мере своей жизни постепенно, мягко говоря, умирали, и при этом картинка становилась чуть размытой и как бы слегка раздваивалась. Вот такой эффект я и попытаюсь восстановить в этом уроке.

Скитаясь по просторам интернета, я наткнулся на урок по созданию такого эффекта во Flash и решил по его аналогу сделать его на Construct.


Для начала хочу предупредить, что весить сие удовольствие будет немало, а точнее в 3 раза больше, чем без него. Такой минус получается из-за того, что мы будем использовать по 3 спрайта вместо одного.

Итак, приступим.

1. Возьмём нужную нам картинку для спрайта и откроем её в Photoshop.

2. В Photoshop нужно зайти во вкладку каналы Channels, стандартно расположенную в правой части программы.

3. В этой вкладке и будут расположены 3 картинки, которые нам нужны. То есть — красная , зелёная и синяя. Выбирая их по очереди, сохраните каждую отдельно.

4. В такой же последовательности (красный зелёный синий) расположите их на 3 слоях в Construct, после чего добавьте к слоям эффект Screen и разместите картинки так, чтобы они совпали.

5. Добавьте к каждой поведение Sine (можно использовать горизонтальный, вертикальный и прозрачность) и вуаля — эффект достигнут!

Для большего сходства со старым телевизором можно добавить ещё полосу развёртки и шумы.

Выполнив урок, вы можете сравнить свой результат с моим, скачав исходник "Эффект RGB смещения".

Также вы можете скачать пример "Эффект RGB смещения".

Если у вас будут какие-либо вопросы по уроку, вы можете задать их в этой теме.



Автор урока: RamP

Опубликовано: 7 ноября, 2010

Категория: Другие уроки