Этот урок не только познакомит вас с классическим эффектом 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
Skill
|