ГлавнаяУроки Photoshop - полезные навыки → Создание открытки с движущимся "золотым" текстом

Photoshop - Создание открытки с движущимся "золотым" текстом

Скоро Новый год, поэтому и фон нашей открытки будет новогодним.

Откроем программу Photoshop и создадим новый документ, фоновым слоем которого сделаем что-нибудь праздничное. Если мы собираемся рассылать открытку по электронной почте, или вставлять ее в новогоднее поздравление, то желательно, что бы ее вес был небольшим.



Берем инструмент текст на палитре инструментов и пишем "С новым годом!". Цвет текста делаем серым, в золотой мы его превратим позже. Шрифт выбираем массивный, но не очень громоздкий. Для примера возьмем «Georgia» (Bold Italic, 48pt):



Растрируем слой с текстом. Для этого щелкаем правой кнопкой мыши по слою с текстом (на палитре слоев) и из раскрывшегося меню выбираем Rasterize Layer (Растрировать слой).

Теперь текст необходимо выделить. Для этого берем инструмент Magic Wand (Волшебная палочка), проверяем, чтобы активным был слой с текстом и щелкаем по пространству вне текста. Таким образом выделяется вся область вне текста. Теперь в меню выбираем Select -> Inversion (Выделение -> Инверсия). Наш текст выделен.

Теперь нужно сохранить это выделение как альфа-канал. Для этого выбираем в меню Select -> Save Selection (Выделение -> Сохранить выделенную область) и в появившемся окне даем название каналу (например, gold_text):



Теперь на панели слоев переходим на вкладку "Каналы" и включаем созданный канал (при этом канал RGB выключится):



Убедимся, что наш канал активный и размоем его. Для этого в меню выбираем Filters -> Blur -> Gaussian Blur (Фильтр -> Размытие -> Размытие по Гауссу) и устанавливаем радиус в 2-3 пиксела. После этого вернемся в RGB-канал (на вкладке "Каналы" включим канал RGB и выключим наш канал gold_text, активным должен быть канал RGB).

Вернемся на вкладку "Слои", убедимся, что активным является слой с текстом и применим к нему фильтр: Filters -> Render -> Lighting Effects (Фильтр -> Рендеринг -> Эффекты освещения).

В открывшемся окне меняем настройки на:
  • Light Type (Источник) — Spotlight (Прожектор)
  • Intensity (Яркость) — 35
  • Focus (Фокус) — 68
  • Gloss (Фактура) — 0
  • Material (Материал) — 67
  • Exposure (Экспозиция) — 0
  • Ambience (Среда) — 9
  • Оба цвета (квадратики) — белые
  • Texture Channel (Текстура канала) выбираем наш канал gold_text.

    Сейчас наша открытка выглядит так (у текста появился объем):



    Теперь придадим буквам металлический вид и делать это будем через кривые. Для этого убедимся, что у нас включена английская раскладка клавиатуры и нажмем Ctrl + M. В появившемся окне постройте похожую кривую:



    Теперь добавим золота нашим буквам. Для этого убедимся, что у нас включена английская раскладка клавиатуры и нажмем Ctrl + U. В появившемся окне зададим следующие параметры (убедимся, что поставили галочку у Colorize (Тонирование)):



    Теперь наш новогодний текст выглядит по-настоящему блестяще…



    Но он все еще неподвижен! В нашем тексте 12 знаков. Поэтому, что бы сделать его «пишущимся», нам нужно скопировать слой с текстом 11 раз.



    Выключим все слои с текстом, оставив только нижний.



    Воспользуемся инструментом Eraser tool (ластик) из палитры инструментов и удаляем в нем весь текст, кроме первой буквы:



    Повторяем действие для каждого слоя, удаляя на одну букву меньше. В каждом последующем слое у нас постепенно прибавляется количество букв, в последнем слое мы видим все буквы и восклицательный знак. Не забываем выключать обработанный слой и делать активным слой, с которым собираемся работать.

    Сохраняем рисунок в формате .psd (Файл -> Сохранить как) и переходим в Image Ready: Пуск - Программы - Image Ready или Shift+Ctrl+M в английской раскладке клавиатуры.

    Открываем наш файл (у меня это gold_text.psd) и вызываем палитру Animation: Window -> Animation (Окно -> Анимация)



    В первом кадре (1) все слои с текстом выключены, мы видим только фон изображения. Включаем текстовый слой с одной буквой и создаем новый кадр (2). Создать кадр можно щелкнув по соответствующей иконке:



    Так, мы создаем для каждого слоя с текстом новый кадр, пока не получим все кадры, со всеми буквами. При этом не забываем выключать предыдущий слой. Постоянно видимым остается только слой с фоном.



    Когда все кадры созданы, проверим как «пишется» наш текст. Для этого включаем опцию Plays/Stops animations в палитре Animation.

    Мы видим, что текст «пишется» слишком быстро. Немного снизим скорость движения кадров. Удерживая клавишу Shift, делам клик левой кнопкой мыши на первом и последнем кадрах и увеличиваем длительность задержки кадра. Для этого щелкаем правой кнопкой мыши по "0 sec" под последним кадром и выбираем "0.1sec". Теперь изображение движется более плавно.

    Теперь аналогичным образом поменяем время только у последнего кадра на "5sec". Это мы сделаем для того, чтобы после написания всей фразы, она в течение 5 секунд оставалась на экране. Снова смотрим на результат с помощью опции Plays/Stops animations. Таким образом, вы можете настроить скорость движения по своему усмотрению.

    Нам осталось сохранить нашу анимированную открытку. Для этого в меню выбираем File -> Save Optimized As… Выбираем при сохранении формат файла .gif и нажимаем «ОК». Проверим нашу открытку, открыв ее в любой программе, позволяющей просматривать анимацию в Вашем компьютере:



    Как мы видим, изображение движется. Теперь вы можете отправить его по электронной почте, вставить в текстовое сообщение и т.д. Желаю удачи.

    21.11.2009
    www.site-do.ru




    ГлавнаяУроки Photoshop - полезные навыки → Создание открытки с движущимся "золотым" текстом
    
    Если этот сайт оказался вам полезен, вы можете помочь в его развитии, поставив одну из этих ссылок на свой сайт.

    Уроки PHP Уроки PHP Уроки PHP Уроки PHP Уроки PHP Уроки PHP

    Код кнопки:



    Теперь нажмите кнопку, что бы не забыть адрес и вернуться к нам снова.