Шаг 1. Создаем новый документ, например
300х70 спрозрачным фоном.
Печатаем на нем какой-нибудь текст.
Для удобства увеличиваем масштаб: Ctrl ++ или колесиком мышки (я делал при 300%), включаем линейки Ctrl+R, установите вертикальные направляющие по границам текста (клик на линейку и тянете направляющую).
Для слоя с текстом ставим прозрачность 50%-60%.
Шаг 2. Выполняем Ctrl+клик по иконке слоя с текстом (загрузить выделение), создаем новый слой , добавляем маску слоя , кликаем по значку между иконкой слоя и маской, чтобы они не зависели друг от друга.
Шаг 3. Убедившись, что у нас активен именно слой, а не маска (вокруг иконки слоя видна граница), выбираем инструмент Область (горизонтальная строка) и делаем выделение так, чтобы оно проходило по верхнему ряду пикселей текста.
Шаг 4. Выбираем инструмент Перемещение , кликаем правой кнопкой мыши на слой с маской, выбираем. После создания копии, будет активен новый слой, просто нажмите на клавиатуре курсорную клавишу "Down"(вниз), сместив залитую строчку на один пиксель вниз. (Слой с текстом необходим только для лучшего ориентира, для этого мы уменьшали его прозрачность).
Повторяем эту комбинацию, пока не заполним строчками весь текст.
Шаг 5. Удерживая Ctrl, выделяем каждый второй слой начиная с нижнего (слой с текстом не трогаем и не считаем).При активном инструменте Перемещение, нажмите на клавиатуре курсорную клавишу "Right"(вправо), пока выделенные слои не сдвинутся вправо, выровняйте их край по направляющей (если нажимать клавишу "Right", удерживая при этом Shift, перемещение будет не по 1 пикселу, а по 10)
Теперь выделяем оставшиеся слои, через один, начиная со второго и смещаем их до направляющей влево (как Вы понимаете курсорной клавишей "Left").
2. АнинимацияШаг 6. Включите окно "Анимация"
Шаг 7. Отключитете видимость для слоя с текстом, Убедитесь что выбран инструмент , выберите нижний слой (слой с текстом не в счет).
Шаг 8. В окне "Анимация" дублируем первый кадр (новый кадр будет активен), нажмите на клавиатуре курсорную клавишу "Left" (влево), сдвигая строку пикселей, ровняем ее по левой направляющей.
Шаг 9. Зажав Ctrl, выделите первый и второй кадры, внизу окна анимации нажимаем кнопку с "четырьмя кольцами"
Выставите 5 кадров и подтвердите.(количество промежуточных кадров можно изменить - от этого изменится скорость и длительность "клипа")
Шаг 10. Выделите последний кадр, задублируйте его 2 раза.
Шаг 11. В палитре слоев выбирите второй снизу слой и жмите на клавиатуре курсорную клавишу "Right"(вправо), двигая слой вправо до направляющей.
С помощью Ctrl, снова выделяем два последних кадра, жмем "четыре кольца" и вновь создаем промежуточные кадры.
Шаг 12. Повторяем пункты 8 - 11 пока не дойдем до верхнего слоя в палитре слоев.
Алгоритм анимации:
- выделить слой (не попадите мышкой на маску слоя, кликайте по названию слоя!!!);
- создайте 2 дополнительных кадра;
- клавишей "влево" подвиньте слой на место (помогайте себе клавишей "Shift");
- зажав Ctrl выделите 2 правых кадра, вставьте 5 промежуточных;
- добавьте 2 дополнительных кадра;
- выделите следующий слой в панели слоев (он будет выше);
- клавишей "вправо" подвиньте слой на место (помогайте себе клавишей "Shift");
- зажав Ctrl выделите 2 правых кадра, вставьте 5 промежуточных;
- добавьте 2 дополнительных кадра;
- повторяем цикл...
В конце концов окно фотошопа у меня выглядело так: