Как избавиться от ореола на готовой анимашке.



Большое спасибо Михаилу Яковлеву за подсказку.

В продолжении темы
Как избавиться от ореола на анимашке без фона.

Рассмотрим вариант избавления от ореола уже на готовой анимашке.


1. Открываем готовую анимашку, которую хотим вставить в свою работу.

Либо переносим её на файл с работой
(этот вариант я описывала ЗДЕСЬ.

Если у вас готовый фон, то можно поступить так:
1) Увеличить размер холста у файла с анимашкой до размера вашего фона





2) Перетащить фон на файл с анимашкой и расположить его в самом низу в панели слоёв.



Как видите, фон отобразился на всех кадрах анимашки.

2. В панели слоёв переходим на первый слой анимашки
и применяем эффект слоя - обводка.
Настройки:
Размер - 1 пиксель
(но может и больше, смотрите по анимашке)
Расположение - внутри
Цвет - цвет фона, который определяете пипеткой.



Ореол исчез.



3.Копируем стиль слоя.

Клик правой кнопкой мыши по слою - скопировать стиль



4. Вклеиваем стиль во все слои анимашки.

1)Выделяем оставшиеся слои с анимашкой
(как выделить слои читаем ЗДЕСЬ - 2.Группа из нескольких слоёв.)

2)Клик правой кнопкой мыши по выделенным слоям - вклеить стиль.



Стиль во всех выделенных слоях.



5. Включаем просмотр и видим, что стиль работает - ореол исчез,
а фон прыгает.



Останавливаем просмотр, активируем первый кадр в панели анимации,
а в панели слоёв активным делаем слой с фоном.
Жмём на иконку "унифицировать положение слоя"



Появится окошко, в котором жмём на "синхронизировать".



Включаем просмотр и видим, что всё в порядке.



Сохраняем в формате GIF.

6. А как поступить, если фон цветной, с текстурой, в общем, не однотонный.

Думаю, что при создании обводки подбирать пипеткой более оптимальный цвет,
а если очень контрастный фон и текстура явная, то обводку сделать из фона:

1)Загрузить выделение слоя.
2) На новом слое сделать обводку с положением "внутри" любым цветом.
3) Отменить выделение.
4) Загрузить выделение слоя с обводкой.
5) Скопировать выделение со слоя с фоном.
6)Разместить полученный слой над слоем с анимашкой, а слой с обводкой удалить.
Всё это нужно проделать с каждым слоем анимашке.

Работа большая по объёму, но ничего сложного.
Если очень хочется сделать качественную работу, нужно потрудиться.

Удачи!

С теплом, Ольга Бор.

1.Активируем инструмент "градиент" в панели инструментов
и открываем редактор градиентов, щёлкну по иконке градиента.



2. Щёлкните левой кнопкой мыши, чтобы добавить новую контрольную точку.



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



3.Изменять цвет опорных точек можно щёлкнув по иконке цвета активной точки.

Рассмотрим это на примере.

1)Мне нужно изменить цвет левой точки - она должна быть тем же
цветом, что и правая точка.  Для этого я активирую цвет правой точки,
сделав клик левой кнопкой мыши по иконке точки. Цвет отобразится в
одноимённой позиции.



2) Сделав клик по иконке цвета откроется окно выбора цветов, в
котором копируем название цвета (выделить - клик правой кнопкой мыши -
выбрать "копировать").



3)Закрываем окно выбора цветов, переходим на правую точку, активируем
цвет, заходим в окно выбора цвета, стираем имеющиеся значение и
вставляем скопированное, жмём на ОК.

Получаем новый градиент.



4) Полученный градиент можно сохранить. Для этого в позиции "имя"
пишем название градиента, которой хотим ему задать и жмём на кнопку
"новый". Градиент отобразится в конце списка градиентов.

Зима на пороге и становятся актуальными анимации с зимней тематикой.
И как же обойтись без падающего снега - без него и зима не зима.

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


Создание глиттера.

1. Создаём новый документ 200х200пикселей, фон прозрачный.

2. Заливаем слой чёрным цветом.

3. Создаём новый слой с параметрами "снег1" и приступаем к рисованию снега.

1) Берём мягкую кисточку размером 20пикселей и сделаем 3 клика по документу.



2) Уменьшаем размер кисточки до 10 пикселей
и на том же слое делаем ещё несколько кликов.



3) Ещё уменьшаем размер кисточки до 2 пикселей и
и на том же слое натыкаем точек.



Снег готов.
Вы можете и свой вариант сделать, это зависит только от вашего желания.
Можно воспользоваться фигурными кистями - снежинками, звёздочками и т.д.
Учитывайте только одно - чем больше снежинок, тем гуще будет снег.
Располагайте снежинки в хаотичном порядке, иначе анимация будет не очень эффектной.

4. Дублируем слой "снег ! и меняем параметры на "снег 2".
Я это делаю для того, чтобы тем. кто не знаком с принципом создания анимации падения,
не запутался в слоях.



5. Создаём анимацию.
Пожалуйста, внимательно читайте и следуйте точно описанию - шаг за шагом.
Если вы поменяете порядок шагов, то анимация не получится.

1) Закрываем видимость слоя "снег 1".



2) Активируем инструмент "перемещение", зажимаем клавишу Shift
( для равномерного перемещения),
на слое "снег2" перемещаем его наверх, пока он не исчезнет за границами документа.





3) Открываем видимость слоя "снег 1".



4) Открываем панель анимации.
Метод постоянный, задержка времени 0,1 сек.



5)Создаём следующий кадр
(вторая иконка внизу панели анимации))



6) Активируем инструмент "перемещение", зажимаем клавишу Shift,
на слое "снег 1" перемещаем его вниз, пока он не исчезнет за границами документа.





7) Переходим на слой "снег 2" и тем же способом перемещаем снег вниз
пока он полностью не заполнит документ,
т.е. возвращаем его на исходное место.





8) В панели анимации открываем список опций и выбираем "выделить все кадры"



Оба кадра стали активными.



9) Применяем промежуточные кадры.
Для этого, в панели анимации жмём на третью иконку справа внизу панели анимации.
В открывшемся окне оставляем настройки по умолчанию - 5 кадров.



После применения в панели образовалось 7 кадров.



10) Так как 7 кадр идентичен первому, то мы его удаляем,
нажав на иконку корзинки в панели анимации.



Глиттер готов.
Включаем просмотр и, если всё устраивает, сохраняем в формате GIF.

После создания глиттера загрузите его в заливку
( как это сделать читайте ЗДЕСЬ)
и применяйте по мере необходимости.


Приминение глиттера.

1.Открываем картинку.

2. В панели слоёв создаём новый слой.
(вторая иконка справа внизу панели слоёв).
Так как глиттер имеет чёрный фон, меняем режим наложения слоя на "экран"
или "осветление основы", или "замена светлым"



3. Дублируем новый слой 5 раз.
Всего новых слоёв должно быть 6, так как наш глиттер состоит из 6 кадров.



4. Теперь заполняем новые слои глиттером.

1) Находясь на первом пустом слое
топаем в меню - редактирование - выполнить заливку.
Находим первый кадр глиттера и жмём ок.



После заливки видим такую картину.



Чёрный фон на картинке отсутствует, а снег есть.

2) Переходим на следующий слой и заливаем его следующим кадром глиттера.





3) Повторяем предыдущий подпункт для всех пустых слоёв.

В итоге, получаем такую картину.



5. Анимация.

1) Оставляем видимость первого слоя с глиттером,
открываем панель анимации.
Метод - постоянный, задержка времени - по желанию,
я установила 0,15 сек.



2) Создаём следующий кадр,
открываем видимость следующего слоя с глиттером,
а видимость предыдущего закрываем.



3) Повторить предыдущий подпункт для всех слоёв с глиттером.

В итоге, в панели анимации получится 6 кадров.



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

Включаем просмотр и любуемся своим творением.
Если всё устраивает. то сохраняем в формате GIF.

Я у всех слоёв с глиттером изменила непрозрачность на 80%





Надеюсь, что урок вам пригодится.

С теплом, Ольга Бор.

Для удобства..Бродилка по курсам тренингов и их урокам

Метки: уроки

Замечательный урок от Оли Бор.