Размытие текста
by L. Micaelis
для http://forumd.ru/
Оборудование, инструменты, сложность
• Adobe Photoshop CS5 (рус. версия)
• Заливка, текст
• Легкая анимация
Описание и итог
Текст из непонятной каши становится четким и понятным, после чего снова становится "кашей".
Пошаговая инструкция
1. Создаем новый файл необходимого размера.
У взяла привычный 88*31, поскольку эффект хорошо смотрится именно на рекламных баннерах.
Файл >> Создать >> Ввод параметров >> ОК
2. Вводим текст.
Текст не должен быть большим, самый лучший вариант - наличие отступа с обеих сторон в 5-6px.
3. Создаем копию слоя с текстом.
Правой кнопкой мыши кликаем на слой с текстом и выбираем Создать дубликат слоя >> ОК.
4. Размываем копию слоя с текстом.
а) Фильтр >> Размытие >> Размытие в движении
У вас появится окошечко, предупреждающее, что слой с текстом нужно растрировать. Это не страшно, просто нажмите ОК
б) обязательно посмотрите, что этот слой - копия, в настройках можете играться, как вдумается, но учтите, что размытие не должно быть слишком сильным (не должно выходить за рамки). Первое размытие в среднем - 4-5px
5. Копируем копию слоя с текстом.
Аналогично п.3, но теперь уже с слоем-копией
6. Размываем вторую копию слоя с текстом.
Аналогично п.4 размываем копию слоя-копии слоя с текстом.
Примеч.: размытие здесь уже сильнее (15-20px).
7. Анимируем изображение.
Окно >> Анимация
а) Расставляем кадры. 1 - слой без текста. 2 - слой с копией слоя-копии слоя с текстом. 3 - выключаем слой с копией слоя-копии слоя с текстом и включаем копию слоя с текстом. 4 - выключаем копию слоя с текстом и включаем слой с текстом. 5 - выключаем слой с текстом и включаем слой с копией слоя текста. 6 - выключаем слой с копией слоя текста и включаем слой с копией слоя-копии слоя с текстом. 7 - выключаем все слои кроме фона.
б) добавляем промежуточные кадры (). 1 - 2 + 5 кадров и т.п. Каждый кадр - это те наши основные семь кадров, описанные пунктом выше.
У меня получилось 37 кадров, по сути настройками и количеством кадров можно управлять как вздумается)
в) расставляем время кадрам.
В основном я использую 0.1с На кадр, где текст проявляется четко, желательно сделать акцент по времени (я поставила 0.2с).
г) проверяем результат.
Нажмите на кнопочку Play (в меню анимации - треугольничек). Если все получилось, как хотелось - переходите к следующему шагу, если не получилось - исправляете недочеты.
8. Сохраняем анимацию.
Файл >> Сохранить для Web и устроийств >> Выбираете параметры (сохранить как Gif) >> Сохранить.
Поделитесь своими результатами?)
Теги: уроки, photoshop,анимация, текст