Баннермейкер — человек, который должен качественно, а главное, максимально близко к оригинальному дизайну сделать анимацию баннера. И будет счастливым тот баннермейкер, котрый сам делает для своих проектов дизайн. Но бывает так, что дизайн делал человек, который не сильно знаком с особенностями Adobe Flash, но умело применяет все возможности Adobe Photoshop или Adobe Illustrator. В этом случае пред нами возникает макет, который не всегда получается корректно перенести в флеш.
Я расскажу, как решить одну из самых частых проблем — градиентная заливка для текста.
Существует два способа решить проблему: правильный и неправильный.
Неправильный способ заключается в том, чтобы нужный текст с помощью команды Break Apart, а потом каждой букве выставить градиентную заливку и угол заливки градиента. Можете попробовать сделать хотя бы одно слово градиентом, и вы поймете, почему этот способ неправильный. К тому же, если в баннер будут вносить правки (а их будут вносить обязательно), то прийдется помучаться с изменениями.
Я же предлагаю правильный способ. Он очень простой. У нас есть образец текста, который нам нужно анимировать:
Что нам для этого нужно, так это два слоя. В первом (верхнем) слое будет текст, во втором слое будет прямоугольник с градиентной заливкой, который можно нарисовать с помощью инструмента Rectangle Tool. Заливка будет именно такой, какая нам нужна. Далее настраиваем расположение слоев так, чтобы тект был строго в рамке и делаем текст маской для прямоугольника с градиентом. Смотрим на картинку:
Вот и всё готово. У нас есть текст с градиентной заливкой. Редактировать его просто, снимаете маску, правите текст, увеличиваете прямоугольник с заливкой, если необходимо, и снова включаете маску.
Результат: