Откроем программу 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 и нажимаем «ОК». Проверим нашу открытку, открыв ее в любой программе, позволяющей просматривать анимацию в Вашем компьютере:
Как мы видим, изображение движется. Теперь вы можете отправить его по электронной почте, вставить в текстовое сообщение и т.д. Желаю удачи.
Теперь нажмите кнопку, что бы не забыть адрес и вернуться к нам снова.
Главная → Уроки 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 (Фильтр -> Рендеринг -> Эффекты освещения).
В открывшемся окне меняем настройки на:
Сейчас наша открытка выглядит так (у текста появился объем):
Теперь придадим буквам металлический вид и делать это будем через кривые. Для этого убедимся, что у нас включена английская раскладка клавиатуры и нажмем 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
www.site-do.ru
Главная → Уроки Photoshop - полезные навыки
→ Создание открытки с движущимся "золотым" текстом
Теперь нажмите кнопку, что бы не забыть адрес и вернуться к нам снова.