Анимированная переливающаяся рамка - урок

1. Создаём документ любого размера (я брал 256х256).
2. Закрашиваем всё цветом, который впоследствии станет цветом рамки (я брал серый).

3. Дважды кликаем на слой “Background” и нажимаем “Ok”.
4. Создаём выделение размером внутренности рамки и нажимаем “Delete”.

5. Дважды кликаем на иконке слоя с рамкой и переходим в меню “Blending Options”.
6. Выбираем “Gradient Overlay” и настраиваем: Style: Reflected; галка на Reverse; "Angle": 90.
7. Кликаем на изображение градиента и настраиваем два левых ползунка: Opacity: 0; Color: FFFFFF.

8. Также можно выбрать “Bevel and Emboss” с любыми параметрами на ваш взгляд , “Outer glow” с параметром “Blend Mode”: Normal и использовать цвет свечения чёрный, так мы создадим объём и затемнение.

9. Нажимаем “Ok”.
10. Открываем панель Window-> Animation.
11. В панеле “Animation” нажимаем “Duplicates Selected Frames”.
12. Выбираем второй кадр.
13. Заходим в “Blending Options”-> “Gradient Overlay”.
14. Ставим параметр “Angle” на -90.

15. Нажимаем “Ok”.
16. Выделяем первый кадр, нажимаем “Tweens Animation Frames”, выбираем значение по вашему желанию у параметра “Frames to add” (я брал 15), нажимаем “Ok”.

17. Удаляем последний кадр.

18. Для замедления можно установить параметр “Delay”, напрмер, на 0,1.

19. Для заполнения внутренности выделяем первый кадр, создаём новый слой, перетаскиваем его в самый низ, а дальше всё зависит от вашей фантазии.




P. S. Форма рамки может быть абсолютно любой:

граф с эффектом блик
Всё тоже самое что написанов первом уроке, только после как всё сделали можем пробовать наложить блик на текст или на то что вам хочеться.
К примеру машина: выбираем слой с машиной, ЛАССО обводим её, кроме колёс и стёкл, обвели снова РЕДАКТИРОВАТЬ / ВКЛЕИТЬ теперь есть слой под блик.
Тепепь в окне со слоями, внизу находим создать новый слой, нажимаем, ВАЖНО: НОВЫЙ СЛОЙ ДОЛЖЕН БЫТЬ, НАД СЛОЕМ С КАРТИНКОЙ ИЛИ ТЕКСТОМ, далее в инструментах на заливке жмём правую кнопку и выбираем ГРАДИЕНТ, наверху жмём на окошко с ним и выбираем от тёмного к прозрачному 2-ой, теперь выбираем цвет нашего градиента, к примеру белый, выбрали и нажали ок.
Запомните нельзя делать светлый блик на светлом и так же тёмный на тёмном, его просто не будет видно.
Теперь зажимаем Shift и проводим мышкой вдоль графа. появился блик. но закрыв пол графа, делее выбираем РЕДАКТИРОВАТЬ / СВОБОДНОЕ ТРАНФОРМИРОВАНИЕ подгоняем теперь по ширине сужаем его до тонкого, чем тоньше блик, тем тоньше он будет на картинке или тексте, а по высоте выходим за рамки графа. Можно делать его под наклоном, наводимся на угол и крутим как хотим его
Как подогнали жмём на любой инструмент и применить, теперь нажимаем на слое с бликом правую кнопку мыши и выбираем преобразовать в смарт объякт, снова правая кнопка мыши и выбираем растестовать, снова правая кнопка и выбираем сделать обтравочную маску.
Запомните после этих действий изменить тонкость блика нельзя будет, даже если вы вернётесь назад.
Теперь открываем окно АНИМАЦИЯ, ставим на первом кадре 0.1, выбираем инструмент ПЕРЕМЕЩЕНИЕ и передвигаем блик влево чтобы его не было видно, создаём копию кадра и так же передвигаем вправо.
Далее внизу находим промежуточные кадры и делаем допустим 6 для быстрого блика или 30 для плавающего, помните про вес графа, чем больше вы добавляете тем болльше вес.
Теперь жмём плей и смотрим что вышло, не понравилось, вернулись назад и подогнали как вас устраивает
С бликом на тексте всё тоже самое, выделять ЛАССО текст не надо, просто создаёте новый слой и делаете всё так же как описано выше, главное правильно подобрать тон цвета под основной цвет ника или использовать белый.
После как всё сделали и всё устраивает сохранаем и граф готов.