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

1. Подготовка к анимации:

Шаг 1. Создайте новый документ размером 300х70 с прозрачным фоном.
Напечатайте в нем произвольный текст. В приведенном нами примере выбран стандартный шрифт Impact, размером 14px. (предупреждаем, что чем выше текст, тем больше придется создавать слоев).

Для удобства работы увеличьте масштаб клавишами Ctrl ++  или колесиком мышки (мы увеличивали до 300%), включите линейки Ctrl+R, и установите вертикальные направляющие, ограничивающие текст (кликните по линейке и тяните направляющую).

Для слоя с текстом установите прозрачность в 50%-60%.

Шаг 2. Загрузите выделение, нажав клавишу Ctrl и кликнув по иконке слоя с текстом.

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

Шаг 3. Убедившись в активности слоя, а не маски (вокруг иконки слоя выделена граница),

инструментом Область (горизонтальная строка)  проведите выделение по верхнему ряду пикселей текста,

залейте его  черным цветом и снимите выделение Ctrl+D. Вот что у вас получится:

Заметьте, что из-за маски слоя, заливка видна только в месте пикселей текста.

Шаг 4. Активируйте инструмент Перемещение , кликните правой кнопкой мыши по слою с маской и  выберите команду

При активном дубликате слоя нажмите на клавиатуре курсорную клавишу "Down"(вниз) и сместите залитую строчку на один пиксель вниз. (Слой с текстом является сейчас ориентиром, поэтому мы и уменьшили его прозрачность).

Повторите эту операцию столько раз, пока не заполните строчками весь текст.

Количество копий слоя определяется высотой шрифта. В нашем случае 52 слоя.

Шаг 5. Удерживая клавишу Ctrl, выделите каждый второй слой-копию, начиная с нижнего:

Активируйте инструмент Перемещение  и  жмите на клавиатуре курсорную клавишу "Right"(вправо), тем самым, сдвигая выделенные слои вправо, выровняйте их по направляющей (если нажимать клавишу "Right", удерживая клавишу Shift, перемещение будет производится не по 1 пикселу, а по 10)

Теперь выделите оставшиеся слои-копии

и сместите их по аналогии с предыдущим действием до левой направляющей, только применив в этом случае клавишу Left

2. Анимация

На этом шаге будьте предельно внимательны, так как из-за наличия большого количества слоев, кадров и однообразных действий очень легко запутаться.

Шаг 6. Активируйте окно "Анимация"

Шаг 7. Отключите видимость слоя с текстом:

Убедитесь в выборе инструмента  и выберите нижний слой-копию.

Шаг 8. В окне "Анимация" продублируйте первый кадр (новый кадр будет активен)

И нажмите клавишу "Left" (влево), сдвигая строку пикселей, и выравнивая ее по левой направляющей.

Шаг 9. Зажав клавишу Ctrl, выделите первый и второй кадры, и в  окне анимации нажмите кнопку

выставьте 5 кадров и подтвердите

(по вашему желанию можно изменить количество промежуточных кадров – тогда изменится скорость и длительность "клипа")

Шаг 10. Выделите последний кадр и продублируйте его 2 раза.

Шаг 11. В палитре слоев выберите второй снизу слой-копию и аналогично шагу 8 при помощи клавиши "Right"(вправо), сдвиньте строку пикселей до правой направляющей.

С помощью клавиши Ctrl, опять выделите два последних кадра, и нажмите

и вновь создайте промежуточные кадры.

Шаг 12. Повторите шаги  8 - 11 пока не дойдете до верхнего слоя-копии в палитре слоев.

Запомните алгоритм ваших действий:

• выделение слоя (соблюдайте аккуратность и щелкайте по имени слоя!!!) ;
• создание двух дополнительных кадров;
• перемещение слоя клавишей "влево" подвиньте слой (используйте и клавишу "Shift");
• зажав Ctrl выделите 2 правых кадра, вставьте 5 промежуточных;
• добавьте 2 дополнительных кадра;
• выделение следующего вышестоящего слоя в панели слоев;
• перемещение слоя клавишей "влево" подвиньте слой (используйте и клавишу "Shift");
• зажав Ctrl выделите 2 правых кадра, вставьте 5 промежуточных;
• добавьте 2 дополнительных кадра;
• повторение цикла.

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

Шаг 13. Не забудьте установить опцию «всегда» для зацикливания воспроизведения:

3. СОХРАНЕНИЕ РЕЗУЛЬТАТА

Шаг 14. Выберите нижеприведенный вариант:

Шаг 15. Установите следующие параметры:

Шаг 16. Проведите сохранение. 
До встречи на следующих уроках!