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

Анимация в Photoshop CS6

Анимация в Photoshop CS6

 

Программа Adobe Photoshop CS6 имеет много новых функций, одной из них является новая временная шкала анимации. 

 

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

 

Шаг 1

 

Откройте Photoshop CS6 и создайте новый документ. Залейте фон любым цветом, затем перейдите в меню Слои> Стили слоя> Наложение градиента (Layer> Layer Styles> Gradient Overlay). Используйте радиальный градиент для стиля и цвета от черного к # 38556f.

 

Анимация в Photoshop CS6

 

Шаг 2

 

Создайте новый слой и залейте его текстурой. Я воспользовался этой под названием «рассеивание шума». Измените Режим наложения (Blend Mode) на Мягкий свет (Soft Light).


 

Анимация в Photoshop CS6

 

Шаг 3

 

Добавьте текст, для которого нужно использовать световые эффекты. Я использовал этот шрифт.

 

Анимация в Photoshop CS6

 

Шаг 4

 

Для создания световых эффектов мы будем использовать стили слоя. Просто следуйте инструкциям на изображениях ниже и добавьте следующие стили: Тиснение (Bevel & Emboss), Внутренняя тень (Inner Shadow), Внутреннее свечение (Inner Glow), Наложение цвета (Color Overlay), Внешнее свечение (Outer Glow) и Тень (Drop Shadow).

 

Анимация в Photoshop CS6

 

Анимация в Photoshop CS6

 

Анимация в Photoshop CS6

 


Анимация в Photoshop CS6

 

Анимация в Photoshop CS6

 

Анимация в Photoshop CS6

 

Шаг 5

 

Дублируйте слой и отключите стили слоя кроме Внутренняя тень (Inner Shadow), Внутреннее свечение (Inner Glow), измените настройки как на изображении ниже.

 

Анимация в Photoshop CS6

 

Анимация в Photoshop CS6

 

Шаг 6

 

Вот, что должно у вас получиться после применения этих стилей слоя. Получился некий эффект неонового текста.

 

Анимация в Photoshop CS6

 

Шаг 7

 

Добавьте 2 новых слоя поверх остальных слоев и назовите их «право» и «лево». После этого сгруппируйте эти слои. Изменение Режим наложения (Blend Mode) для группы на Осветление основы (Color Dodge). Используя инструмент Кисть (Brush Tool (B)) с мягкой щёткой и белым цветом, пройдитесь по верхней правой части буквы А. Выберите левый слой и нарисуйте другое световое пятно в верхней левой части. Используйте изображение ниже для справки.

 

Анимация в Photoshop CS6

 

Шаг 8

 

Прейдите в меню Окно> Временная шкала (Window> Timeline) чтобы открыть панель анимации.  Выберите группу с 2 слоями, разверните её и убедитесь, что положение ползунка находится в нулевом кадре. Создайте ключевой кадр.

 

Анимация в Photoshop CS6

 

Шаг 9

 

Переместите временную шкалу в положение 1:00 и затем переместите слои в композиции в то место, где будет заканчиваться часть анимации.

 

Анимация в Photoshop CS6

 

Шаг 10

 

На второй позиции будут светлые пятна.

 

Анимация в Photoshop CS6

 

Шаг 11

 

Переместите шкалу снова и после этого передвиньте слои для создания новых ключевых кадров.

 

Анимация в Photoshop CS6

 

Шаг 12

 

Двигайте их до тех пор, пока не посчитаете, что анимация завершена.

 

Анимация в Photoshop CS6

 

Хронология

 

Вот как выглядит моя временная шкала. Обратите внимание на ключевые кадры в тех точках, где анимация изменяет положение.

 

Анимация в Photoshop CS6

 

Вот и всё! Посмотрите на то, что у нас получилось.

 

 

Исходники -  скачать.



Автор урока: Abduzeedo


Переводчик урока: Ирина Шипилова 

Ссылка на источник



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


  • 10.07.2012
  •   Просмотров: 68952
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Александр (24.12.2012 | 12:40)

Здравствуйте. Никак не могу открыть "Прейдите в меню Окно> Временная шкала"

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

Ваше имя (20.03.2013 | 22:08)

в каком формате нужно сохранять что бы была анимация? (не фотошоповский формат)

Дмитрий (03.05.2013 | 22:03)

поидее формат должен быть GIF но даже сам сохранить не могу, вся анимация объединяется в один кадр. Както на предыдущих версиях делал (давненько) все было ОК, а в CS6 чтото никак немогу добиться анимированного гифа.

Аноним (16.06.2013 | 21:01)

А на буквах с круглыми краями как сделать???

vh23989 (23.06.2013 | 05:23)

Александр, в том окошке где у вас кадры идут, нажмите на кнопочку справа внизу прямо, откроется временная шкала.

Kate (30.09.2013 | 08:59)

Здравствуйте! Делала всё по инструкции, но почему-то не получается так наложить стили на шрифт, чтобы получилось, как у автора. Настройки все делала точно, как указано. Посмотрела в первоисточнике у зарубежного автора, там в комментариях также у людей не получается сделать такой же шрифт. Подскажите, может, здесь что-то сделали с самим шрифтом, а не использовали в таком виде, как он был загружен?

Олександр (14.06.2014 | 15:05)
как-же сделать шрифт прозрачным? закачал который указан. и фон залить не получается. Хелп плиз!!!

Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по 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
Партнерские ссылки