Этот урок не только познакомит вас с классическим эффектом Photoshop, но и поможет вашему воображению в создании простых, но забавных анимаций в ImageReady.
Создаем новый файл File > New (Ctrl+N) размером примерно 300х150px (разрешение 72px/inch). Выбираем инструмент Текст (T), щелкаем им по изображению и пишем любимое слово. Немного смещаем курсор в сторону до появления значка Перемещение, и левой мышью перемещаем Текст в нужное место (рис. 2.1):
Рис. 2.1. Создание текста
Выделяем слой Background (Фон) и удаляем его нажатием на корзину внизу палитры Layers (рис. 2.3):
Рис. 2.3. Удаление фона
Сохраняем файл в формате PSD File > Save (Ctrl+S), назвав его text.PSD.
В палитре History (если она не открыта - поставьте в подменю Window напротив нее галочку) возвращаемся на шаг назад (или Ctrl+Z) и снова сохраняем изображение File > Save As (Shift+Ctrl+S), только под именем 1.PSD.
Продолжаем работать с файлом 1.PSD.
Нам необходимо слить текстовый слой с фоном: нажимаем треугольник в палитре Layers, выбираем Flatten Image (слияние слоев) - ОК.
Важно! Переводим изображение в черно-белый режим Image > Mode > Grayscale .
Кристаллизуем текст с помощью фильтра Crystallize Filter > Pixelate > Crystallize (этот и следующий этапы можно пропустить, но с ними конечный результат будет лучше). В окне настроек фильтра я установил размер ячейки кристаллизации 3 (рис. 2.4):
Рис. 2.4. Настройки фильтра Crystallize
Немного размоем изображение фильтром Gaussian Blur (Размытие по Гауссу) Filter > Blur > Gaussian Blur (рис. 2.5):
Рис. 2.5. Настройки фильтра Gaussian Blur
Инвертируем рисунок Image > Adjustments > Invert (Ctrl+I)(рис. 2.6):
Рис. 2.6.
Поворачиваем изображение на 90° по часовой стрелке Image > Rotate Canvas > 90 CW (рис. 2.7):
Рис. 2.7. Результат поворота изображения
Этот поворот необходим для того, чтобы применить следующий фильтр Wind (Ветер) Filter > Stylize > Wind (рис. 2.8 ):
Рис. 2.8. Настройки фильтра Wind
Если у вас крупный шрифт и язычки будущего пламени получились короткими - примените фильтр Wind еще раз.
Важно! Дальнейшие действия мы будем выполнять в двух вариантах.
С помощью фильтра Ripple (Рябь) мы оживим пламя Filter > Distort > Ripple . Выбираем для Amount (действие эффекта) 100%, Size - Medium (рис. 2.9):
Сохраняем полученное изображение File > Save (Ctrl+S). В палитре History возвращаемся на шаг назад (или Ctrl+Z) и снова сохраняем изображение File > Save As (Shift+Ctrl+S) под именем 2.PSD.
Работаем с файлом 2.PSD.
Применяем фильтр Рябь Filter > Distort > Ripple , только для Size выберем Small (рис. 2.10 ):
Рис. 2.10. Настройки фильтра Ripple
Поставим изображение на ноги Image > Rotate Canvas > 90 CCW (против часовой) (рис 2.11):
Рис. 2.11. Поворот изображения
Раскрашиваем пламя. Убедитесь, что на этот момент изображение находится в черно-белом режиме (рис. 2.12):
Рис. 2.12. Переход в черно-белый режим
Переводим рисунок в режим индексированных цветов Image > Mode > Indexed Color . Теперь нам нужно выбрать цветовую гамму, наиболее подходящую для пламени Image > Mode > Color Table . В появившейся палитре выбираем из раскрывающегося списка таблицу Black Body (рис. 2.13):
Рис. 2.13. Цветовая таблица
ОК, и получаем горящие буквы (рис. 2.14):
Рис. 2.14. Горящие буквы. Файл 2.PSD
Сохраняем файл 2.PSD File > Save (Ctrl+S).
Открываем файл 1.PSD: ставим изображение на ноги и раскрашиваем пламя (рис. 2.15):
Рис. 2.15. Горящие буквы. Файл 1.PSD
Сохраняем файл 1.PSD File > Save (Ctrl+S).
Открываем файл text.PSD (рис. 2.16).
Щелкаем по значку (добавить стиль слоя) внизу палитры Layers и выбираем эффект Outer Glow (Внешнее Свечение). Устанавливаем следующие параметры (рис. 2.17) - ОК:
Рис. 2.17. Настройки эффекта Outer Glow
Файл text.PSD у нас открыт, открываем файлы 1.PSD и 2.PSD (рис. 2.18):
Рис. 2.18.
Кликом по файлу 1.PSD активизируем его, выделяем все содержимое (Ctrl+A) и копируем (Ctrl+C).
Активизируем файл text.PSD и вставляем содержимое буфера обмена (Ctrl+V). Файл 1.PSD можно закрыть.
Активизируем файл 2.PSD, выделяем все содержимое (Ctrl+A) и копируем (Ctrl+C).
Активизируем файл text.PSD и вставляем содержимое буфера обмена (Ctrl+V). Файл 2.PSD можно закрыть.
Теперь изображение файла text.PSD состоит из трех слоев. Перетаскиваем левой мышью текстовый слой в палитре Layers поверх остальных (рис. 2.19):
Рис. 2.19. Расположение слоев
На этом этапе можно изменить цвет букв: кликом выделяем текстовый слой в палитре Layers, выбираем инструмент Текст, левой мышью выделяем слово. В палитре опций текста кликаем по цвету и в открывшемся окне выбора цвета выбираем нужный. Я выбрал темно-коричневый.
Сохраняем файл text.PSD File > Save (Ctrl+S).
Работаем с файлом text.PSD.
Переезжаем в ImageReady (Shift+Ctrl+M). Если файл text.PSD закрыт - можно сразу открыть его в ImageReady (рис. 2.20):
Работаем с файлом text.PSD.
Рис. 2.20. Палитры, необходимые для работы в ImageReady
Для работы c горячими клавишами необходимо переключить клавиатуру на английский язык!
В палитре Animation дублируем кадр 1 (рис. 2.21):
Кликом выделяем кадр 1 в палитре Animation. В палитре Layers с помощью кнопки оставляем видимыми слои Layer 1 и animac, слой Layer 2 делаем невидимым (рис. 2.22):
Рис. 2.23.
Устанавливаем время задержки кадра 1 - 0,1 sec (рис. 2.24):
Рис. 2.24. Изменение времени задержки кадра
Такую же задержку выставляем для кадра 2 (рис. 2.25):
Рис. 2.25.
Обрезаем лишний фон: выбираем инструмент Прямоугольное выделение (M), левой мышью выделяем нужное, остальное удаляем Image > Crop (кадрировать) (рис. 2.26):
Рис. 2.26. Кадрирование
Убираем выделение (Ctrl+D).
Наша анимация готова! Нажимаем на кнопку (Plays/stops animation) внизу палитры Animation и любуемся тем, что получилось:
Сохраняем файл text.PSD File > Save (Ctrl+S). Oптимизировать и сохранить файл!
Изменяя параметры используемых фильтров можно добиться любого результата:
'http://imageready.narod.ru'>источниk