С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Создание простой светящейся анимации в Фотошопе

Создание простой светящейся анимации в Фотошопе

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

 

Предварительный просмотр

 

 

Ресурсы, используемые в этом уроке

 

Power Symbol

 

Приступаем к работе

 

Создайте новый документ размером 800 на 600 пикселей с простым фоном.

 


 

Создание кнопки

 

Выберите инструмент Эллипс (Ellipse Tool (U)), зажмите клавишу Shift и нарисуйте круг, как показано на изображении ниже.

 

 

Добавить следующие стили слоя.

 

 

 

Вот, что должно у вас получиться на данный момент.

 

 

Дублируйте  слой с кругом, затем нажмите комбинацию клавиш Ctrl + T, чтобы вызвать инструмент Свободная трансформация (Free Transform Tool), выберите одну из опорных точек и зажмите комбинацию клавиш Shift + Alt.  Измените размер круга. Далее щелкните правой кнопкой мыши по слою и в контекстном меню выберите команду Очистить стили слоя (Clear Layer Styles).

 


 

Теперь добавьте следующие стили слоя к дублированному слою.

 

 

Создание простой светящейся анимации в Фотошопе

 

У вас должно получиться что-то вроде, как показано на изображении ниже.

 

 

Создание алюминиевого эффекта

 

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool (M)) и создайте выделение вокруг холста, залейте выделение черным цветом # 000000.

 

 

Добавьте фильтр Шум (Add Noise), для этого перейдите в меню Фильтр> Шум> Добавить шум (Filter> Noise> Add Noise).

 

 

Теперь перейдите в меню Фильтр> Размытие> Радиальное размытие (Filter> Blur> Radial Blur) и используйте следующие настройки, как показано на изображении ниже.

 

 

Снимите выделение (Ctrl + D), затем измените Режим наложения (Blend Mode) слоя на Экран (Screen). Теперь нам нужно удалить часть прямоугольника вокруг круга.

 

 

Выберите слой с кругом и удерживая нажатой клавишу Ctrl на клавиатуре, загрузите выделение вокруг слоя с кругом, для этого перейдите в меню Слой> Загрузить выделение (Layer > Load Selection). Далее перейдите в меню Выделение> Инверсия (Select> Inverse) и нажмите клавишу Delete на клавиатуре.

 

 

Добавление Power Symbol

 

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

 

 

Добавьте следующие стили слоя.

 

 

 

 

Вот, что должно у Вас получиться на данный момент.

 

 

Наша кнопка завершена. Создайте новую группу и перетащите все слои в группу, дайте группе название «Кнопка». Дублируйте группу, затем переименуйте новую группу и назовите её «Эффект свечения». Далее измените стили слоя, как показано ниже.

 

 

 

 

 

Вот, что должно у вас получиться на данный момент.

 

 

Создание анимации

 

Скройте группу «Эффект свечения» и  перейдите на панели анимации Окно> Анимация (Window> Animation), панель анимации должна появиться в нижней части холста, выберите серенькую стрелку на правой стороне, затем выберите команду Преобразовать в покадровую анимацию (Convert To Frame Animation).

 

 

В окне анимации выберите команду Создать дубликат кадра (Duplicate Frame), первый кадр должен иметь нормальное состояние кнопки, а светящаяся группа скрыта. На втором кадре нормальное состояние кнопки должно быть скрыто, а светящееся состояние видно.

 

 

Теперь выберите оба кадра и, удерживая клавишу Ctrl на клавиатуре, выберите серую стрелку снова и выберите команду Промежуточные кадры (Tween).

 

 

Используйте следующие параметры.

 

 

Когда вы нажмете ОК, у вас будет 5 новых слоев, содержащих анимацию, и теперь можно проиграть анимацию. В конце анимации вы увидите, как она возвращается к началу. Теперь выберите все 7 слоев.

 

 

Дублируйте их, и теперь вы должны иметь 14 кадров. Нажмите на маленькую серую стрелку снова и выберите команду Реверс кадров (Reverse Frames).

 

 

Перед тестированием анимации выберите все 14 кадров, снова нажмите на маленькую черную стрелку на одном из слоев и выберите Без задержки (No Delay).

 

 

Вот и всё. Теперь вы можете протестировать анимацию.

 

 

Урок по теме – Создание анимированного 3D логотипа в Adobe Photoshop CS6.

 

Источник



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 19.02.2014
  •   Просмотров: 7615
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Олександр (14.06.2014 | 12:02)
У меня не выходит залить выделенную область в черный цвет. Всегда выходит серебристый. Где моя ошибка? Подскажите плиз, не сплю мучаюсь в догадках wink !
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

Помощь сайту
Если вам нравится у нас на сайте, и мы вам помогли, вы можете внесите свой вклад в его развитие, пожертвовав любую сумму на один из кошельков:

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки