Главная » 2012 » Декабрь » 13 » Scrolling Background Text, Текст с движущимся фоном
23:46
Scrolling Background Text, Текст с движущимся фоном
Этот урок покажет нам, как сделать текст с движущимся фоном.
Шаг 1. Сначала на черном фоне напишем какой-то текст. Шрифт нужно выбрать жирный, цвет шрифта (CACACA). Автор использует Arial Black 200pt. Создадим новый слой и зальём его оранжевым цветом (FF7C00). На том же слое инструментом rectangular marquee tool нарисуем голубую полосу
Шаг2. Нарисуем ещё несколько полос разной ширины. Передвинем этот слой в панели слоёв под слой с текстом.
Шаг3. Выделим наш текст, затем идём select > modify > expand и поставим 5 pixels. И заполняем на новом слое, ниже этого слоя, тёмно серым цветом (4C4C4C) Выделим опять светло-серый текст и на новом слое , выше этого, зальём темно серым (525252).
Шаг4. Идём select > feather и select > modify > contract и ставим 7 pixels и удаляем полученную область.
Шаг5. У нас должно быть три слоя в палитре слоёв, без полосатого фона. Сольём их в один слой.
Шаг 6. Создадим новый слой выше текста и зальём его черным. Выделим текст и удалим выделение на новом слое. Это мы делаем для того, чтобы видеть полосатый фон, только в отверстиях текста.
Шаг7. Сделаем черный слой невидимым. Нарисуем маленький прямоугольник с закруглёнными углами, с радиусом 5 pixels. Дублируем слой с прямоугольником несколько раз и располагаем как на рисунке.
Шаг 8 Сольём слои с прямоугольниками. Дублируем получившийся слой. Повернём дубликат на 90 гр., используя edit > transform. Подгоним под наш шрифт.
Шаг9. Используем rectangular marquee tool, чтобы удалить прямоугольники, лежащие вне текста. Дублируем слой и расположим прямоугольнике на остальном тексте.
Шаг10. Удалим ненужные прямоугольники.
Шаг11. Сольём все слои с прямоугольниками в один слой. Выделим этот слой и удалим наши прямоугольники.
Шаг12. Сделаем небольшую тень drop shadow для текста (layer> layer style > drop shadow) Теперь повернём фон на 45 гр. edit > transform > rotate, Расположим так, чтобы левый край проходил через нижнее отверстие в тексте.
Шаг13. Сохраним документ в фотошопе и откроем Image Ready. Создадим два окна и расположим полосатый фон как на рисунке
Шаг14. Выберем второе изображение и создадим 7 кадров.
Шаг 15. У нас должно быть 9 кадров.
Шаг 16 Нажимаем на первый кадр и делаем черный слой видимым. Это должно сделать его видимым во всех кадрах.
Шаг17. Сохраним изображение как gif Вот что получилось