- Сообщения
- 2.166
- Реакции
- 1.540
Показываю как сделать кнопку анимированную!(Только эффект анимации) Далее пусть играет ваша фантазия
Итоговый результат
http://www.промокод-master.ru/lessons/les1976/0.gif
Для начала создайте новый документ размером 800х600 пикселей.
http://www.промокод-master.ru/lessons/les1976/01.jpg
так как серый фон наиболее подходит к другим элементам дизайна,я взял его. Установите этот цвет цветом переднего плана и нажмите Alt+Delete илиAlt+Backspace, после этого зальётся фон.
http://www.промокод-master.ru/lessons/les1976/02.jpg
Теперь займёмся направляющими. Это поможет нам позиционировать фигуру в центре документа. Если у вас не видны линейки на верхней и левой части рабочей области, нажмите комбинацию клавишCtrl+R и они появятся. Вытащите направляющие. Если у вас в меню Вид (View) включена Привязка (Snap), то направляющие при передвижении по горизонтали и вертикали сами будут «цепляться» в центре документа.
http://www.промокод-master.ru/lessons/les1976/03.jpg
Теперь мы готовы приступить к созданию кнопки. Активируйте инструмент Эллипс http://www.промокод-master.ru/lessons/tools/ellipse-tool.png(Ellipse Tool) и убедитесь, что он находится в режиме Фигураhttp://www.промокод-master.ru/lessons/tools/Shape.gif (Shape).
http://www.промокод-master.ru/lessons/les1976/04.jpg
Для того чтобы создать идеальный круг из центра, зажмите комбинацию клавиш Shift+Alt, установите курсор инструмента в центр пересечения направляющих и нарисуйте окружность.
http://www.промокод-master.ru/lessons/les1976/05.jpg
К созданной фигуре добавим градиент. Дважды щёлкните по слою с фигурой для вызова настроек стилей слоя. В появившемся окне выберите стиль Наложение градиента (Gradient Overlay) и щёлкните по полосе с градиентом, чтобы открыть его редактор. Теперь мы можем настроить цвета.
http://www.промокод-master.ru/lessons/les1976/06.jpg
За цвет нижней части нашей фигуры будет отвечать левый движок градиента в редакторе, а за цвет верхней части – правый. В результате – нижняя часть круга будет немного светлее основного цвета фона, а верхняя наоборот – немного темнее.
Первая фигура завершена, займёмся второй. Дублируйте круг Ctrl+J и очистите стили слоя на копии, которые скопировались с оригинала. Просто нажмите правой кнопкой мыши и выберите опциюОчистить стиль слоя (Clear Layer Style).
http://www.промокод-master.ru/lessons/les1976/07.jpg
Теперь изменим цвет второй фигуры. Щёлкните дважды по миниатюре слоя с фигурой и установите ей цвет со значением 262626, который будет чуть светлее нашего фона.
http://www.промокод-master.ru/lessons/les1976/08.jpg
Как только настроили цвет фигуры, необходимо её уменьшить. Воспользуйтесь комбинацией клавиш Ctrl+T для вызова свободной трансформации и уменьшите круг, удерживая клавишу Shift , для пропорционального уменьшения.
http://www.промокод-master.ru/lessons/les1976/09.jpg
Сейчас нам нужно создать «окошко», через которое мы будем видеть двигающееся свечение на кнопке. Сделаем это с помощью инструмента Произвольная фигура http://www.промокод-master.ru/lessons/tools/shape.png(Custom shape), вырезав отверстие в копии фигуры, которую мы сделали раньше.
И так, активируйте инструмент Произвольная фигура (Custom shape).
http://www.промокод-master.ru/lessons/les1976/10.jpg
В верхней панели настроек инструмента выберите фигуру, указанную на скриншоте.
http://www.промокод-master.ru/lessons/les1976/11.jpg
Если вы не находите эту фигуру у себя в наборе, то вам нужно нажать в правом углу кнопку настроек и в выпадающем меню выбрать опцию Все (All).
http://www.промокод-master.ru/lessons/les1976/12.jpg
После этого появится всплывающее окно с вариантами команд. Выбирайте Добавить (Append).
http://www.промокод-master.ru/lessons/les1976/13.jpg
Как только произвольная фигура выбрана, нам нужно вычесть её из нашего круга. Сделаем это таким путём. Можно в верхнем меню установить опцию Вычесть переднюю фигуру (Subtract Front Shape) и в появившемся окошке ввести свои настройки для фигуры вычитания.
http://www.промокод-master.ru/lessons/les1976/14.jpg
Второй вариант - просто нарисовать эту фигуру из центра, удерживая клавишу Shift для сохранения пропорций, не доводя её до самого края. В верхнем меню настроек инструмента так же должна быть установлена опция Вычесть переднюю фигуру (Subtract Front Shape).
http://www.промокод-master.ru/lessons/les1976/15.jpg
Конечно же, теперь добавим стили слоя к фигуре, которые добавят ей глубины. Это будет Тиснение (Bevel&Emboss) и Тень (Drop Shadow).
http://www.промокод-master.ru/lessons/les1976/16.jpg
http://www.промокод-master.ru/lessons/les1976/17.jpg
Мы подошли к интересному моменту в уроке – создание свечения. Их будет два – одно главное, которое будет видно в «окошке», второе будет выступать в качестве отражения на задней фигуре. Сначала создадим свечение – отражение. Дублируйте основную, самую нижнюю фигуру ещё раз Ctrl+J и очистите стили слоя созданному дубликату, которые скопировались с оригинала, как это делали раньше.
http://www.промокод-master.ru/lessons/les1976/18.jpg
Откройте окно стилей слоя и установите Непрозрачность заливки (Fill Opacity) на 0%. Это позволит скрыть видимость фигуры, но оставит видимыми все эффекты от стилей слоя.
Добавим стиль Наложение градиента (Gradient Overlay).
http://www.промокод-master.ru/lessons/les1976/19.jpg
Этот градиент будет несколько иной, чем вы создали ранее. Для начала поставьте ему стиль Радиальный (Radial).
http://www.промокод-master.ru/lessons/les1976/20.jpg
Откройте редактор градиента и установите левому движку, который будет отвечать за основной цвет свечения, значение 00a8ff, а правому – чёрный цвет и установите непрозрачность чёрного движка на 0%. Это можно сделать, нажав на верхний движок, после чего появится возможность редактирования непрозрачности.
http://www.промокод-master.ru/lessons/les1976/21.jpg
Прямо сейчас вы вероятно думаете: «Ну где же градиент?» Всё просто – он прячется под верхней фигурой. Некоторые из вас могут не знать, что градиенты можно перемещать куда угодно, не закрывая окно стилей слоя. Поставьте ваш курсор прямо на документ и перетащите мышкой градиент в правый верхний угол.
http://www.промокод-master.ru/lessons/les1976/22.jpg
Вы так же можете управлять масштабом градиента, если хотите его немного уменьшить. Закройте редактор градиента, отмасштабируйте градиент примерно до 75% и переместите его в окончательное местоположение.
http://www.промокод-master.ru/lessons/les1976/23.jpg
Теперь перейдём к главному свечению, которое будет отображаться в «окошке». Дублируйте слой со свечением Ctrl+J, которые вы создали ранее, и с помощью Ctrl+T уменьшите его до размеров верхней фигуры. Удерживая клавиши Shift и Alt, вы сможете масштабировать фигуру пропорционально к центру.
http://www.промокод-master.ru/lessons/les1976/24.jpg
Отредактируем градиент. В окне стилей слоя откройте редактор градиента. Сначала верните Непрозрачность (Opacity) на 100% правому движку, а затем измените его цвет на тёмно-синий со значением00193e.Добавьте ещё один движок между левым и правым, подведя курсор к полосе градиента. Его позиция примерно 30%. Установите среднему движку светло-голубой цвет 76cdff.
http://www.промокод-master.ru/lessons/les1976/25.jpg
Теперь измените градиенту режим наложения на Осветление основы (Color Dodge). И так же как в прошлый раз переместите его в нужное местоположение.
http://www.промокод-master.ru/lessons/les1976/26.jpg
А вот сейчас начнём создавать анимацию!
Мы будем анимировать два слоя и каждый по отдельности – главное свечение в «окошке» и его отражение. Было бы проще объединить их в смарт объект, но из-за разных режимов наложения этих слоёв это будет выглядеть не супер. Поэтому преобразуем каждый слой свечения в отдельный Смарт Объект (Smart Object) из которых мы и будем создавать анимацию.
Щёлкните правой кнопкой мыши по первому созданному слою со свечением и выберите в меню опцию Преобразовать в смарт-объект (Convert to Smart Object).
http://www.промокод-master.ru/lessons/les1976/27.jpg
Теперь так же преобразуйте в смарт объект второй слой со свечением. Вы заметите, что применённый ранее режим наложения для градиента утратит своё действие, но вы это легко измените, установив слою тот же режим наложения Осветление основы (Color Dodge) прямо в палитре слоёв. Именно поэтому мы конвертируем каждый слой по отдельности.
http://www.промокод-master.ru/lessons/les1976/28.jpg
Ну а теперь сама анимация. Чтобы открыть Шкалу времени (Timeline) дважды щёлкните по её палитре внизу рабочего пространства программы. В том случае, если у вас шкала не видна, откройте её в меню Окно (Window).
http://www.промокод-master.ru/lessons/les1976/29.jpg
Нажмите кнопку Создать временную шкалу для видео (Create промокоды Timeline) и все ваши слои загрузятся в шкалу времени. Выделен в ней будет тот же слой, что и в палитре слоёв.
http://www.промокод-master.ru/lessons/les1976/30.jpg
Давайте начнём со свечения-отражения. Когда вы выделите этот слой, вы можете раскрыть список опций, которые могут быть анимированы.
http://www.промокод-master.ru/lessons/les1976/31.jpg
Мы собираемся анимировать опцию Перспектива (Transform), которая включает в себя вращение. Нажмите на значок секундомера рядом с опцией Перспектива, чтобы создать первый ключевой кадр.
http://www.промокод-master.ru/lessons/les1976/32.jpg
После того, как первый ключевой кадр создан, перетащите индикатор текущего времени (обозначается синим слайдером) немного вправо на временной шкале. Это будет полпути нашей анимации, где мы собираемся сделать первый поворот.
http://www.промокод-master.ru/lessons/les1976/33.jpg
Вызовите свободную трансформацию Ctrl+T и в верхней панели настроек введите значение угла 180 градусов. Настолько мы повернём слой со свечением-отражением на первый раз.
http://www.промокод-master.ru/lessons/les1976/34.jpg
Как только вы подтвердите трансформацию, будет сделана часть анимации и автоматически создастся ключевой кадр. Вы можете видеть анимацию в действии, сдвигая синий слайдер на начало. Не волнуйтесь, если при передвижении слайдера ваша анимация неравномерна, как только путь слайдера будет полностью самостоятельно пройден, всё станет Ок.
http://www.промокод-master.ru/lessons/les1976/35.jpg
Теперь то же самое сделаем для второй половины вращения анимации. Снова перетащите индикатор текущего времени (синий слайдер) немного вправо на временной шкале. Вызовите свободную трансформацию Ctrl+T и в верхней панели настроек как в прошлый раз введите значение угла 180 градусов. Подтвердите трансформацию.
http://www.промокод-master.ru/lessons/les1976/36.jpg
Анимация слоя со свечением – отражением завершена! Теперь сделайте то же самое с главным свечением в «окошке».
http://www.промокод-master.ru/lessons/les1976/37.gif
Чтобы установить продолжительность вашей анимации, в правом углу временной шкалы сдвиньте движок (задать конец рабочего участка) к вашему последнему ключевому кадру.
http://www.промокод-master.ru/lessons/les1976/38.jpg
Для того чтобы анимация проигрывалась постоянно, а не один раз, в правом углу шкалы раскройте меню настроек и включите опцию Цикл воспроизведения (Loop Playback).
http://www.промокод-master.ru/lessons/les1976/39.jpg
Анимация готова! Теперь готовую анимацию можно рендерить как видео, но мы лучше сохраним её в формате gif для использования в Интернете. Сохраним её через меню Файл – Сохранить для Web(File – Save for Web). Выберите для файла формат Gif. Внизу окна настроек также можно выбрать параметры повторов – постоянно или однократно. В нашем случае должно быть Постоянно (Forever).
http://www.промокод-master.ru/lessons/les1976/40.jpg
Вот и всё, урок окончен! Желаю удачи!
-----------------------------------------------------------------
Те кому тема не пригодилась,но пишут что "Спасибо", "Классно " и тд.(Набивают посты)
Прошу свалить вас отсюда!
А те кому реально помог то оставляйте коменты
Я знаю постодрочеров поэтому я всё вижу)
Итоговый результат
http://www.промокод-master.ru/lessons/les1976/0.gif
Для начала создайте новый документ размером 800х600 пикселей.
http://www.промокод-master.ru/lessons/les1976/01.jpg
так как серый фон наиболее подходит к другим элементам дизайна,я взял его. Установите этот цвет цветом переднего плана и нажмите Alt+Delete илиAlt+Backspace, после этого зальётся фон.
http://www.промокод-master.ru/lessons/les1976/02.jpg
Теперь займёмся направляющими. Это поможет нам позиционировать фигуру в центре документа. Если у вас не видны линейки на верхней и левой части рабочей области, нажмите комбинацию клавишCtrl+R и они появятся. Вытащите направляющие. Если у вас в меню Вид (View) включена Привязка (Snap), то направляющие при передвижении по горизонтали и вертикали сами будут «цепляться» в центре документа.
http://www.промокод-master.ru/lessons/les1976/03.jpg
Теперь мы готовы приступить к созданию кнопки. Активируйте инструмент Эллипс http://www.промокод-master.ru/lessons/tools/ellipse-tool.png(Ellipse Tool) и убедитесь, что он находится в режиме Фигураhttp://www.промокод-master.ru/lessons/tools/Shape.gif (Shape).
http://www.промокод-master.ru/lessons/les1976/04.jpg
Для того чтобы создать идеальный круг из центра, зажмите комбинацию клавиш Shift+Alt, установите курсор инструмента в центр пересечения направляющих и нарисуйте окружность.
http://www.промокод-master.ru/lessons/les1976/05.jpg
К созданной фигуре добавим градиент. Дважды щёлкните по слою с фигурой для вызова настроек стилей слоя. В появившемся окне выберите стиль Наложение градиента (Gradient Overlay) и щёлкните по полосе с градиентом, чтобы открыть его редактор. Теперь мы можем настроить цвета.
http://www.промокод-master.ru/lessons/les1976/06.jpg
За цвет нижней части нашей фигуры будет отвечать левый движок градиента в редакторе, а за цвет верхней части – правый. В результате – нижняя часть круга будет немного светлее основного цвета фона, а верхняя наоборот – немного темнее.
Первая фигура завершена, займёмся второй. Дублируйте круг Ctrl+J и очистите стили слоя на копии, которые скопировались с оригинала. Просто нажмите правой кнопкой мыши и выберите опциюОчистить стиль слоя (Clear Layer Style).
http://www.промокод-master.ru/lessons/les1976/07.jpg
Теперь изменим цвет второй фигуры. Щёлкните дважды по миниатюре слоя с фигурой и установите ей цвет со значением 262626, который будет чуть светлее нашего фона.
http://www.промокод-master.ru/lessons/les1976/08.jpg
Как только настроили цвет фигуры, необходимо её уменьшить. Воспользуйтесь комбинацией клавиш Ctrl+T для вызова свободной трансформации и уменьшите круг, удерживая клавишу Shift , для пропорционального уменьшения.
http://www.промокод-master.ru/lessons/les1976/09.jpg
Сейчас нам нужно создать «окошко», через которое мы будем видеть двигающееся свечение на кнопке. Сделаем это с помощью инструмента Произвольная фигура http://www.промокод-master.ru/lessons/tools/shape.png(Custom shape), вырезав отверстие в копии фигуры, которую мы сделали раньше.
И так, активируйте инструмент Произвольная фигура (Custom shape).
http://www.промокод-master.ru/lessons/les1976/10.jpg
В верхней панели настроек инструмента выберите фигуру, указанную на скриншоте.
http://www.промокод-master.ru/lessons/les1976/11.jpg
Если вы не находите эту фигуру у себя в наборе, то вам нужно нажать в правом углу кнопку настроек и в выпадающем меню выбрать опцию Все (All).
http://www.промокод-master.ru/lessons/les1976/12.jpg
После этого появится всплывающее окно с вариантами команд. Выбирайте Добавить (Append).
http://www.промокод-master.ru/lessons/les1976/13.jpg
Как только произвольная фигура выбрана, нам нужно вычесть её из нашего круга. Сделаем это таким путём. Можно в верхнем меню установить опцию Вычесть переднюю фигуру (Subtract Front Shape) и в появившемся окошке ввести свои настройки для фигуры вычитания.
http://www.промокод-master.ru/lessons/les1976/14.jpg
Второй вариант - просто нарисовать эту фигуру из центра, удерживая клавишу Shift для сохранения пропорций, не доводя её до самого края. В верхнем меню настроек инструмента так же должна быть установлена опция Вычесть переднюю фигуру (Subtract Front Shape).
http://www.промокод-master.ru/lessons/les1976/15.jpg
Конечно же, теперь добавим стили слоя к фигуре, которые добавят ей глубины. Это будет Тиснение (Bevel&Emboss) и Тень (Drop Shadow).
http://www.промокод-master.ru/lessons/les1976/16.jpg
http://www.промокод-master.ru/lessons/les1976/17.jpg
Мы подошли к интересному моменту в уроке – создание свечения. Их будет два – одно главное, которое будет видно в «окошке», второе будет выступать в качестве отражения на задней фигуре. Сначала создадим свечение – отражение. Дублируйте основную, самую нижнюю фигуру ещё раз Ctrl+J и очистите стили слоя созданному дубликату, которые скопировались с оригинала, как это делали раньше.
http://www.промокод-master.ru/lessons/les1976/18.jpg
Откройте окно стилей слоя и установите Непрозрачность заливки (Fill Opacity) на 0%. Это позволит скрыть видимость фигуры, но оставит видимыми все эффекты от стилей слоя.
Добавим стиль Наложение градиента (Gradient Overlay).
http://www.промокод-master.ru/lessons/les1976/19.jpg
Этот градиент будет несколько иной, чем вы создали ранее. Для начала поставьте ему стиль Радиальный (Radial).
http://www.промокод-master.ru/lessons/les1976/20.jpg
Откройте редактор градиента и установите левому движку, который будет отвечать за основной цвет свечения, значение 00a8ff, а правому – чёрный цвет и установите непрозрачность чёрного движка на 0%. Это можно сделать, нажав на верхний движок, после чего появится возможность редактирования непрозрачности.
http://www.промокод-master.ru/lessons/les1976/21.jpg
Прямо сейчас вы вероятно думаете: «Ну где же градиент?» Всё просто – он прячется под верхней фигурой. Некоторые из вас могут не знать, что градиенты можно перемещать куда угодно, не закрывая окно стилей слоя. Поставьте ваш курсор прямо на документ и перетащите мышкой градиент в правый верхний угол.
http://www.промокод-master.ru/lessons/les1976/22.jpg
Вы так же можете управлять масштабом градиента, если хотите его немного уменьшить. Закройте редактор градиента, отмасштабируйте градиент примерно до 75% и переместите его в окончательное местоположение.
http://www.промокод-master.ru/lessons/les1976/23.jpg
Теперь перейдём к главному свечению, которое будет отображаться в «окошке». Дублируйте слой со свечением Ctrl+J, которые вы создали ранее, и с помощью Ctrl+T уменьшите его до размеров верхней фигуры. Удерживая клавиши Shift и Alt, вы сможете масштабировать фигуру пропорционально к центру.
http://www.промокод-master.ru/lessons/les1976/24.jpg
Отредактируем градиент. В окне стилей слоя откройте редактор градиента. Сначала верните Непрозрачность (Opacity) на 100% правому движку, а затем измените его цвет на тёмно-синий со значением00193e.Добавьте ещё один движок между левым и правым, подведя курсор к полосе градиента. Его позиция примерно 30%. Установите среднему движку светло-голубой цвет 76cdff.
http://www.промокод-master.ru/lessons/les1976/25.jpg
Теперь измените градиенту режим наложения на Осветление основы (Color Dodge). И так же как в прошлый раз переместите его в нужное местоположение.
http://www.промокод-master.ru/lessons/les1976/26.jpg
А вот сейчас начнём создавать анимацию!
Мы будем анимировать два слоя и каждый по отдельности – главное свечение в «окошке» и его отражение. Было бы проще объединить их в смарт объект, но из-за разных режимов наложения этих слоёв это будет выглядеть не супер. Поэтому преобразуем каждый слой свечения в отдельный Смарт Объект (Smart Object) из которых мы и будем создавать анимацию.
Щёлкните правой кнопкой мыши по первому созданному слою со свечением и выберите в меню опцию Преобразовать в смарт-объект (Convert to Smart Object).
http://www.промокод-master.ru/lessons/les1976/27.jpg
Теперь так же преобразуйте в смарт объект второй слой со свечением. Вы заметите, что применённый ранее режим наложения для градиента утратит своё действие, но вы это легко измените, установив слою тот же режим наложения Осветление основы (Color Dodge) прямо в палитре слоёв. Именно поэтому мы конвертируем каждый слой по отдельности.
http://www.промокод-master.ru/lessons/les1976/28.jpg
Ну а теперь сама анимация. Чтобы открыть Шкалу времени (Timeline) дважды щёлкните по её палитре внизу рабочего пространства программы. В том случае, если у вас шкала не видна, откройте её в меню Окно (Window).
http://www.промокод-master.ru/lessons/les1976/29.jpg
Нажмите кнопку Создать временную шкалу для видео (Create промокоды Timeline) и все ваши слои загрузятся в шкалу времени. Выделен в ней будет тот же слой, что и в палитре слоёв.
http://www.промокод-master.ru/lessons/les1976/30.jpg
Давайте начнём со свечения-отражения. Когда вы выделите этот слой, вы можете раскрыть список опций, которые могут быть анимированы.
http://www.промокод-master.ru/lessons/les1976/31.jpg
Мы собираемся анимировать опцию Перспектива (Transform), которая включает в себя вращение. Нажмите на значок секундомера рядом с опцией Перспектива, чтобы создать первый ключевой кадр.
http://www.промокод-master.ru/lessons/les1976/32.jpg
После того, как первый ключевой кадр создан, перетащите индикатор текущего времени (обозначается синим слайдером) немного вправо на временной шкале. Это будет полпути нашей анимации, где мы собираемся сделать первый поворот.
http://www.промокод-master.ru/lessons/les1976/33.jpg
Вызовите свободную трансформацию Ctrl+T и в верхней панели настроек введите значение угла 180 градусов. Настолько мы повернём слой со свечением-отражением на первый раз.
http://www.промокод-master.ru/lessons/les1976/34.jpg
Как только вы подтвердите трансформацию, будет сделана часть анимации и автоматически создастся ключевой кадр. Вы можете видеть анимацию в действии, сдвигая синий слайдер на начало. Не волнуйтесь, если при передвижении слайдера ваша анимация неравномерна, как только путь слайдера будет полностью самостоятельно пройден, всё станет Ок.
http://www.промокод-master.ru/lessons/les1976/35.jpg
Теперь то же самое сделаем для второй половины вращения анимации. Снова перетащите индикатор текущего времени (синий слайдер) немного вправо на временной шкале. Вызовите свободную трансформацию Ctrl+T и в верхней панели настроек как в прошлый раз введите значение угла 180 градусов. Подтвердите трансформацию.
http://www.промокод-master.ru/lessons/les1976/36.jpg
Анимация слоя со свечением – отражением завершена! Теперь сделайте то же самое с главным свечением в «окошке».
http://www.промокод-master.ru/lessons/les1976/37.gif
Чтобы установить продолжительность вашей анимации, в правом углу временной шкалы сдвиньте движок (задать конец рабочего участка) к вашему последнему ключевому кадру.
http://www.промокод-master.ru/lessons/les1976/38.jpg
Для того чтобы анимация проигрывалась постоянно, а не один раз, в правом углу шкалы раскройте меню настроек и включите опцию Цикл воспроизведения (Loop Playback).
http://www.промокод-master.ru/lessons/les1976/39.jpg
Анимация готова! Теперь готовую анимацию можно рендерить как видео, но мы лучше сохраним её в формате gif для использования в Интернете. Сохраним её через меню Файл – Сохранить для Web(File – Save for Web). Выберите для файла формат Gif. Внизу окна настроек также можно выбрать параметры повторов – постоянно или однократно. В нашем случае должно быть Постоянно (Forever).
http://www.промокод-master.ru/lessons/les1976/40.jpg
Вот и всё, урок окончен! Желаю удачи!
-----------------------------------------------------------------
Те кому тема не пригодилась,но пишут что "Спасибо", "Классно " и тд.(Набивают посты)
Прошу свалить вас отсюда!
А те кому реально помог то оставляйте коменты
Я знаю постодрочеров поэтому я всё вижу)
