Создание открытки с движущимся «золотым» текстом
Главная → Уроки Photoshop — полезные навыки → Создание открытки с движущимся «золотым» текстом
Скоро Новый год, поэтому и фон нашей открытки будет новогодним.
Откроем программу Photoshop и создадим новый документ, фоновым слоем которого сделаем что-нибудь праздничное. Если мы собираемся рассылать открытку по электронной почте, или вставлять ее в новогоднее поздравление, то желательно, что бы ее вес был небольшим.
Берем инструмент текст на палитре инструментов и пишем «С новым годом!». Цвет текста делаем серым, в золотой мы его превратим позже. Шрифт выбираем массивный, но не очень громоздкий. Для примера возьмем «Georgia» (Bold Italic, 48pt):
Растрируем слой с текстом. Для этого щелкаем правой кнопкой мыши по слою с текстом (на палитре слоев) и из раскрывшегося меню выбираем Rasterize Layer (Растрировать слой).
Теперь текст необходимо выделить.
Теперь нужно сохранить это выделение как альфа-канал. Для этого выбираем в меню 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
Главная → Уроки Photoshop — полезные навыки → Создание открытки с движущимся «золотым» текстом
Теперь нажмите кнопку, что бы не забыть адрес и вернуться к нам снова.
Как создать металлический эффект текста в Photoshop
Довольно часто перед нами стоит вопрос о том, как создать текст с эффектом металлического блеска, либо с эффектом золотого сияния или серебряного отблеска. Можно конечно воспользоваться готовыми заготовками стилей, но все они выглядит не очень качественно. Для профессиональной качественной разработки давай с вами посмотрим как сделать металлический эффект текста с помощью разных параметров эффектов стилей. Приступим к уроку по фотошоп. Данный урок сможет повторить даже новичок.
Шаг 1
Перед открытием Photoshop, нам нужно будет установить отлично подходящий для нас шрифт Rothenburg Decorative и красивый набор кистей Subtle Grunge Brushes.
Откройте Photoshop и создайте новый документ с размерами 1800 x 1300 px в режиме RGB, 72 DPI и, затем залейте фон темно-серым цветом #1f1f1f.
Шаг 2
Создайте новый слой, назовите его “texture” и с помощью кистей Grunge Brushes нажмите пару раз в центре документа используя белый цвет. Используйте разные кисти из данного набора, старайтесь охватить центр документа, меняйте вид кисти.
Шаг 3
Дважды щелкните по значку слоя texture, чтобы открыть панель Layer Style. В “Blending Options” уменьшите ‘Fill’ до 0, а затем примените эффекты слоя “Drop Shadow” и “Inner Shadow”, используя эти параметры. Это придаст текстуре реалистичное тиснение.
Шаг 4
Щелкните по значку Add Layer Mask (Добавить слой-маску), а затем нажмите Command / Ctrl + (I) для инверсии.
Возьмите большую мягкую кисть с жесткостью (hardness): 0% – размером: 950px и кликните в центре документа. Таким образом, слой texture будет больше показан только в центре, исчезая к краям документа.
Шаг 5
Используйте Type Tool (T) и параметры как на скриншоте, введите слово Labdes или то, что вы хотите. Если вы не видете вкладку ’Character Window’ то перейти в меню Window -> Character.
Шаг 6
Откройте ‘Layer Style’ текстового слоя ‘Labdes’ и примените следующие настройки. Для каждого параметра вы можете увидеть предварительный просмотр эффекта, который только что добавили.
Шаг 7
После того как вы изменили стиль, нажмите кнопку ОК. Теперь выделете слово «Labdes», с помощью Type Tool (T). Выделите все, что рядом с первой заглавной буквой (кроме нее самой), и уменьшите кернинг (kerning ) до -5, как на изображении ниже. Напомню что вы можете отобразить Character Window через меню Window -> Character.
Шаг 8
Дублируйте этот слой с Command/Ctrl + (J), щелкните правой кнопкой мыши по значку слоя и выберите Clear Layer Style (Очистить стиль слоя). Таким образом, приведенный ниже текст будет точно соответствует приведенному выше, и теперь мы можем добавить дополнительные эффекты. Отличный способ работать с 2 стилями слоя, это создание надежной основы, как мы сделали в первом текстовом слое, а теперь добавим освещение и отражение на второй, новый слой выше. Таким образом, нам намного проще смешать свет и цвет с текстурой слоя который ниже.
Шаг 9
Пойдем дальше, добавим Layer Style к нашему второму слою текста «Labdes». Дважды щелкните на его миниатюру, чтобы открыть панель Layer Style. Установите непрозрачность до 0 в Blending Options.
Шаг 10
Эффектов мы сделали довольно много, но нам нужно, чтобы он выглядел еще более четким и реалистичным, в этом последнем шаге. Обратите внимание на прием с обводкой (Stroke): снизив его непрозрачность в ’0′ он будет работать почти так же как маска слоя, скрывая слой по краям. Обводка ‘Stroke’ с параметром “Inside” в 3px, например, будет скрывать текст до 3 точек вдоль краев, отображая то, что ниже в этом 3px диапазоне. Как только вы закончите с этими настройками, нажмите кнопку ОК, чтобы применить эффект.
Заключение
Выполнив все перечисленные шаги, можно заметить что ничего особо сложного в этом уроке по созданию реалистичного эффекта металлического текста нет. Он выглядит как настоящий металл с золотым отблеском. Отмечу, что похожий урок по созданию глянцевого и блестящего текста в фотошопе мы рассматривали несколько ранее.
