Как создать анимированный текст в фотошопе

Безопасный и надёжный обменник криптовалют на наличные — Insight
Сообщения
457
Реакции
444
%D0%91%D0%B5%D0%B7-%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8-1.gif
Здравствуйте! На прошлых уроках я уже рассказывала вам о том, как создать анимацию и баннер в фотошопе, сегодня речь пойдет о том, как сделать анимацию текста в фотошопе. Я покажу вам простейшую анимацию текста с помощью размытия надписи, а вы уже сможете сделать любую анимацию, ориентируясь на этот пример (например, можете менять цвет текста на каждом слое или из одного текста плавно перейти в другой с помощью размытия).


Создадим текст в фотошопе и растрируем его. После чего объединим фоновый слой со слоем текста:

%D0%9D%D0%BE%D0%B2%D1%8B%D0%B9-%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA-153.png


Создадим на панели слои три копии фонового слоя ( можно с помощью клавиш Ctrl+J):

%D0%9D%D0%BE%D0%B2%D1%8B%D0%B9-%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA-228.png


Нижний фоновый слой оставим без изменений, слой выше размоем с помощью инструмента «Размытие по Гауссу»(Gaussian Blur), который находится в меню Filter%Фильтр :=> Blur%Размытие примерно на 3 пикс:

%D0%9D%D0%BE%D0%B2%D1%8B%D0%B9-%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA-324.png


На вторую копию слоя, которая находится еще выше, установим большее размытие по Гауссу примерно = 6 пикс.:

%D0%9D%D0%BE%D0%B2%D1%8B%D0%B9-%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA-424.png


На третью, верхнюю копию слоя, установите максимальное размытие слоя:

%D0%9D%D0%BE%D0%B2%D1%8B%D0%B9-%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA-521.png


Теперь вам необходимо продублировать фоновый слой и две первых его копии, и выставить порядок слоев в таком порядке, чтобы они шли от четкого до самого размытого и обратно до четкого. Всего у меня получилось 7 слоев, три из которых продублированы, а один –самый размытый слой в единственном экземпляре:

%D0%9D%D0%BE%D0%B2%D1%8B%D0%B9-%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA-619.png


Откройте Панель «Анимация»(Animation), её вы можете активировать через меню Окно%Window:

%D0%9D%D0%BE%D0%B2%D1%8B%D0%B9-%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA-715.png


В правом верхнем углу нажмите на миниатюру значка треугольник с четырьмя полосками и выберите из выпадающего меню «Создать кадры из слоев»:

%D0%9D%D0%BE%D0%B2%D1%8B%D0%B9-%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA-811.png


После этого на панели появятся все слои — будущие кадры:

%D0%9D%D0%BE%D0%B2%D1%8B%D0%B9-%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA-910.png


Внизу каждого кадра задайте задержку кадра, я установила = 0,1 сек.:

%D0%9D%D0%BE%D0%B2%D1%8B%D0%B9-%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA-107.png


С помощью кнопки «Запуск воспроизведения анимации» (треугольник) вы можете посмотреть, как она будет выглядеть после сохранения:

%D0%9D%D0%BE%D0%B2%D1%8B%D0%B9-%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA-1111.png


После того, как анимация будет готова, сохраните её. О том, как это сделать я подробно рассказывала на прошлых уроках.

Вот и все, сегодня мы узнали, как сделать анимацию текста в фотошопе, удачи!

%D0%91%D0%B5%D0%B7-%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8-1.gif
 
kaspersky keys
Верх