Анимационная стрелка для сайта в Photoshop

Здесь рассказывается о том, как сделать анимационную стрелку для сайта своими руками, используя программу фотошоп. Такие стрелки часто используются в веб-дизайне для привлечения внимания к какому-нибудь элементу сайта. Итак, начнем. Создадим новый документ, через меню Файл - Создать. Зададим размеры 200x250 пикселей. Выберем инструмент Произвольные фигуры и в настройках укажем фигуру в виде стрелки. Теперь, с помощью мыши, рисуем стрелку нужного нам размера. Стрелка по умолчанию рисуется в горизонтальном положении, но мы можем её повернуть в любую сторону с помощью свободной трансформации Ctrl+T. Направим стрелку вертикально вниз. Зададим цвет стрелки, щелкнув мышкой в панели Слои по области фигуры. Также можно задать различные эффекты нашей стрелки, используя стили слоя. Добавим обводку и тень. Также через стили слоя добавим градиент красного цвета. На данный момент стрелка у нас неподвижна, и сейчас нужно заставить её двигаться. Для этого зайдем в меню Окно - Анимация. Внизу находятся кадры анимации, сейчас там только один. Добавим второй кадр, на котором подвинем стрелку ниже, чем на первом. Т.е. первый кадр будет начальным положением стрелки, а второй - конечным Видео урок Анимационная стрелка для сайта в Photoshop вы можете смотреть онлайн абсолютно бесплатно в любое время. Успехов!

• 1
• 2
• 3
• 4
• 5