05/20/2024

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

эффект движения матового стекла

Вначале создадим эффект матового стекла.

1-Файл-открыть. Открываем картинку с пейзажем.

цветочный фон

2-Взять инструмент,"прямоугольник" с закругленными краями.

На верхней панели выбрать серый цвет и радиус 15 пик.

3-Нарисовать фигуру.
4-В окне слоев кликнуть по слою с прямоугольником правой кнопкой мыши и выбрать "растрировать слой".

эффект матового стекла

5-Слои-стиль слоя-тиснение.

Не закрывая окно стилей, выбрать "внутреннее свечение" и "тень".

6-В окне слоев активировать слой "фон".
7-Слои-создать дубликат слоя.
8-Поставить этот слой поверх всех слоев.
9-Слои-создать обтравочную маску.

10-Фильтр-размытие-размытие по Гаусу.

эффект матового стекла

11-Слои-новый-слой.
12-Слои-создать обтравочную маску.
13-Редактирование-выполнить заливку. Залить серым цветом.
14-Фильтр-шум-добавить шум.

15-В окне слоев поставить непрозрачность для верхнего слоя 7-10%.
16-Затем вверху кликнуть по замочку, чтобы зафиксировать верхний слой.

эффект матового стекла

17-Активировать слой "фон копия" и тоже кликнуть по замочку.

Теперь прямоугольник можно двигать по картинке:
18-Активировать слой с прямоугольником и инструментом "перемещение" перенести созданное "стекло" вправо или влево.

Вернем все на место и напишем что-нибудь на "стекле".
19-Взять инструмент "текст" и написать, например, фразу "Весна пришла!".

20-В окне слоев слой с текстом поставить под слой 1, чтобы создавалась иллюзия надписи в стекле. Можно уменьшить непрозрачность для слоя с текстом, добавить, по желанию, внутреннюю тень и просто тень.

эффект матового стекла с текстом

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


23-В окне "шкала времени" нажать на "создать анимацию кадра".

24-На картинке сдвинуть прямоугольник с текстом влево так, чтобы край прямоугольника был виден. (В окне слоев оба слоя выделены.)

анимация движения матового стекла

25-В окне анимации сделать копию кадра, а на картинке передвинуть прямоугольник с текстом вправо, но не до конца.

анимация движения матового стекла

26-В окне анимациии нажать на значок "создание промежуточных кадров" и в появившемся окошке выставить 19 кадров.

27-В окне анимации на 11 кадре поменять время на 1 сек.

Нажимаем на значок пуска и смотрим анимацию движения матового стекла.

эффект движения матового стекла

В этом уроке смотрите, как сделать эффект матового стекла другим способом.

Поделитесь с друзьями в соц.сетях

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.