Создаём мигающий текст
В этом несложном уроке по работе с фотошопом, мы рассмотрим способ создания мигающего текста для Вашего сайта или каких-то форумов, где Вы зарегистрированы. Посмотрев этот урок, Вы легко сможете создавать мигающие не только текст, но и другие предметы, какие Вам нравятся.
Подобные публикации:
- урок по работе с фотошопом "Создаём слайд-шоу с переходами"
- урок по работе с фотошопом "Создаём слайд-шоу"
Смотреть другие уроки по созданию анимации в фотошопе.
{smooth-scroll-top}
Создадим новый документ подходящих для Вашего замысла размеров - Ctrl+N.
Установим в качестве цвета переднего плана чёрный цвет и зальём наш документ этим цветом - Alt+Backspace.
Выберем инструмент "Текст" с подходящими Вам параметрами.
Напишем какое-нибудь слово.
В палитре у нас получилось два слоя: основной слой, залитый чёрным цветом и текстовый слой. Щёлкаем по верхнему слою два раза левой кнопкой мыши.
Появляется окно "Стиль слоя", применим какие-нибудь эффекты для нашей буквы. Я выбрал "Наложение цвета", "Внутреннее свечение", "Внешнее свечение", причём никаких параметров на этих вкладках я не менял, всё оставил по умолчанию, просто проставил галочки в соответствующих полях.
Вот такая буковка у нас получилась.
Откроем окно "Анимация" - "Окно - Анимация".
Вы увидите там один кадр. Создадим его копию, нажав на вторую справа пиктограмму в палитре "Анимация".
Второй кадр стал у нас активным, не снимая его выделения, убираем эффект у текстового слоя (щёлкаем по "глазику").
Сделаем активным основной слой и опять выберем инструмент "Текст". Напишем ещё одно слово.
Опять два раза щёлкаем по новому текстовому слою и в окне "Стиль слоя" выбираем эффекты для нашего нового слоя. Я оставил всё так же, как и у первого слова, только изменил цвет с красного на зелёный.
Опять создадим копию второго кадра (вторая кнопка справа в палитре "Анимация") и, не снимая его выделения, снимем видимость эффектов для второго текстового слоя.
Напишем ещё одно слово: делаем активным основной слой, пишем слово, два раза щёлкаем по новому текстовому слою и в окне "Стиль слоя" подбираем параметры, я опять всё оставил без изменения, только изменил цвет на жёлтый.
Опять создаём копию кадра в палитре "Анимация" и выключаем видимость эффектов.
Теперь подбираем скорость анимации - щёлкаем по чёрной стрелочке в нижнем правом углу кадра (рядом с параметром "0 сек") и выбираем подходящий параметр.
Теперь мы можем выбрать, как будет проигрываться наша анимация: всегда, один раз или можно подобрать другой параметр. Для этого щёлкаем по чёрной стрелочке, находящейся под первым кадром справа (под стрелочкой рядом с параметром "0 сек"). Наша анимация готова. Нажимаем на "Play" и любуемся своей работой.
Осталось правильно сохранить анимацию. Нажимаем сочетание клавиш Shift+Ctrl+Alt+S (Сохранить для Web и устройств...) и в появившемся окне выбираем тип файла GIF, нажимаем "Сохранить", наша анимация готова.
{smooth-scroll-top}
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Комментарии
У меня анимация работает, но почему-то буквы не только мигают, но и прыгают, т.е. не на одном уровне в разных кадрах. Как сделать, чтобы буквы стояли на одном месте?
спасибо
Напишите мне на luga19621
photoshopsunduchok.ru/animaciy/213-web.html
возможно этот материал Вам поможет.
Возможно Вы решите свою проблему!
Конечно можно! Выберите на первом шаге
(Создание нового
документа) содержимое фона
- Прозрачный, а потом ничего заливать
не нужно и всё получится.
Ничего скачивать не надо, у Вас уже всё установлено. Просто когда Вы два раза щёлкаете по слою, появляется окно "Стиль слоя", щёлкните по строчке "Наложение цвета" (сделайте её активной).
Она и не будет воспроизводится! Я просто допустил ошибку - полученную анимацию надо сохранять через "Сохранить для Web" и тогда всё будет работать. В ближайшее время переделаю концовку урока.