Рубрика: Photoshop Уроки | Урок прочитали: 1176
 (голосов: 0)

Анимированный текст

В этом уроке вы узнаете, как ускорить создание анимированного текста, с помощью созданных вами экшенов.

Шаг 1. Создайте новый документ с размерами 600*300 пик. Назовите его «фон». И сделайте из него звездное небо. Как это делать, я рассказывать не буду, т.к. этот момент подробно описывается в этом уроке.  В качестве другого варианта вы можете использовать готовое изображение звездного неба либо создать любой другой фон.

Шаг 2.  Создайте новую горизонтальную направляющую ниже средины вашего документа. Меню Просмотр - Новая направляющая. Задайте значение Горизонтальная - положение 8см.

Подсказка:  самый простой способ создать новую направляющую, это вызвать линейки нажатием комбинации клавиш Ctrl+R и зажав ЛКМ вытянуть направляющую с линейки.

В этом же меню Просмотр поставьте галочку напротив Привязка к – Направляющим.

Откройте палитру Символов. (на рисунке показано: 1 ).
Выберете шрифт и любой цвет кроме черного, чтоб наш текст не сливался с фоном. Я взял красный. Введите размер текста 250  (на рисунке показано: 2)

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

После этого ставьте вторую, и т.д. У вас должна получится вот такая палитра слоёв:

Если буквы где-то станут не ровно, или вы не попали точно на направляющую, то с помощью инструмента перемещение, вы можете подвинуть любую букву, и она прилипнет к направляющей.
Растрируйте все текстовые слои. Чтоб сделать это быстро: в палитре слоёв выделите нижний текстовый слой зажмите Shift и кликните по верхнему слою. Затем на любом выделенном слое кликните ПКМ и выберите команду Растрировать текст.

Шаг 4. Упакуйте каждый слой с буквой в отдельную папку. Для этого выделите один слой в палитре и нажмите комбинацию Ctrl+G. Повторите это с каждым слоем. У вас получится вот такая палитра.

Отключите видимость всех слоев, оставьте включенный только в первой (нижней) папке. (И конечно слой фон, ведь как я говорил в начале, мы его больше не трогаем). Для удобства можете переименовать Папки (группы) в буквы которые находятся в них, и свернуть их нажав на треугольник рядом с значком папки, но оставьте включенной видимость папок.

Откройте окно Операции и нажмите кнопку создать новый набор (на рисунке показано: 1) . Назовите его Анимация (или так как вам легче будет запомнить). Нажмите кнопку Создать новую операцию (на рисунке показано: 2), Назовите его Приближение.

И нажмите кнопку ЗАПИСАТЬ.

Шаг 6. Создайте дубликат вашего активного слоя, нажав сочетание клавиш Ctrl+J . Вызовите Свободную трансформацию перейдя в меню Редактирование - Свободное трансформирование, либо просто нажав сочетание  Ctrl+T  . На панели инструментов нажмите кнопку сохранение пропорций  (на рисунке показано: 1).

В окно ширина (на рисунке показано: 2) введите 85.  В окно угол (на рисунке показано: 3) введите 15. Нажмите кнопку выполнить (как она выглядит вы можете посмотреть в третьем шаге этого урока).

Шаг 7.  Остановите запись, нажав на соответствующий  значок в окне Операции. (на рисунке показано 1). Обратите внимание на рисунок.

Вы должны видеть точно такие же действия записанные в операцию у себя. Выделите оба  действия (просто зажмите Ctrl и кликните на той которую нужно выделить). Зажмите их ЛКМ и перетяните на кнопку Создать новую операцию (на рисунке показано: 2) это скопирует ваши. Повторите это копирование 10 раз, и сверните операцию нажав на треугольник возле Приближение.  Первый экшен готов!

Шаг 9. Теперь нам нужно настроить инструменты для создания следующего экшена. Возьмите инструмент кисть задайте Размер 10, Плотность 0.  Цвет выберите светлый,(я взял  #fdfcaa). Сделайте видимым и активным любой слой. Перейдите в Фильтр – Размытие - Размытие по рамке поставьте размер 8 пикс. Нажмите ОК.  Нажмите сочетание Ctrl+Z  чтобы отменить последнее действие (так у вас останутся настройки фильтра, но отменится размытие примененное к активному слою). Возьмите любой инструмент выделения (лассо, волшебная палочка, и т.д.).

Шаг 10. Создаем новый экшен.
Важно! Проверьте, что у вас активен слой копия в любой папке «Контур».
В палитре Операций выбираем Создать новую операцию. Назовем её КОНТУР.

Дальше я дам пошаговое создание экшена.
1) Меню Выделение - Загрузить выделенную область - ОК

2) В палитре слоев нажмите кнопку «Создать новый слой»
3) Кликните ПКМ на вашем изображении посредине выделенной области, и выберите команду Выполнить обводку.

У вас появится вот такое окно настроек  кисти.

Но так как наша кисть уже настроена, просто нажмите ОК.
4)  Отмените выделение перейдя в меню Выделение - Отменить выделение или просто нажмите сочетание клавиш Ctrl+D.
5) Нажмите Ctrl+F чтобы применить фильтр, который мы настроили раньше.
6) Создайте копию этого слоя, нажав сочетание  клавиш Ctrl+J.
7) Вызовите свободную трансформацию, перейдя в меню Редактирование -Свободное трансформирование. Или просто нажмите Ctrl+T. Нажмите кнопку сохранение пропорций, в окно ширина введите 120 (высота тоже изменится на 120). Все остальные оставьте без изменений. И нажмите кнопку выполнить.  (Как выглядит эта панель можете посмотреть в Шаг 6 этого урока.)
8) Вернитесь в окно Операции. Остановите запись.
Сейчас у вас в окне Операции вот такая панель, на которой видны ваши действия, записанные в экшен.

Выделите 3 последних действия и скопируйте их как в Шаг 7 этого урока 5 раз. Сверните операцию.

Шаг 11. Наш набор зкшенов готов, и сейчас мы будем их применять. Вернитесь в палитру слоёв и удалите 2 слоя полученных во время записи экшена.  Сейчас у нас в палитре слоев есть 5 Основных Папок (групп). В каждой есть основной слой и папка «контур».
1) Сделайте активным и видимым основной слой в первой папке (папки считаются снизу вверх). Перейдите в окно Операции, кликните по операции Приближение и нажмите на кнопку выполнить операцию внизу окна. После выполнения вернитесь в палитру и отключите видимость всех слоёв.
2) Перейдите в папку «контур» в этой группе, сделайте активным и видимым слой с буквой. Снова в окно Операции, активируйте операцию Контур и запустите её выполнение. Вернитесь в палитру слоёв, отключите видимость всех слоёв и удалите самый первый слой (это слой с буквой). Сейчас ваша палитра выглядит вот  так:

Шаг 12. Повторите Шаг 11 в каждой основной Папке. И можете пока свернуть все, чтоб они вам не мешали.
 
Шаг 13. Приступим к созданию анимации. Включите Окно - Анимация.
В палитре слоёв у вас видим только слой Фон, в панели Анимации он отображается в первом кадре.
1) Поставьте время исполнения на 0,5 сек. Нажав на маленький треугольник, показанный на рисунке цифрой 1.
2) Сделайте копию кадра, (я специально выделил это сочетание, чтоб вы не путали его с копией слоя) нажав на кнопку показанную цифрой 2. Измените время исполнения на Без задержки.

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

3) В Основной папке с первой буквой включите видимость верхнего слоя, это слой с самой маленькой копией буквы. Вы увидите, как он появился на вашем изображении (папка контур  пока остаётся свернутой!).
4) Снова сделайте копию кадра, включите видимость следующего слоя, а видимость этого отключите.
5) Повторяете это действие « копия кадра > включить нижний  >  выключить верхний ». Пока не дойдете до нижнего слоя с самой большой буквой. Видимость этого слоя оставьте включенной! Во время выполнения этих операций, вы будете наблюдать на вашем изображении как буква, переворачивается и приближается.
6) Сделайте копию последнего кадра, сейчас у вас в палитре 2 кадра с большой буквой.

Шаг 14. Перейдите в папку «контур»,  сделайте видимым первый слой в этой папке (обратите внимание, здесь  это нижний слой.) Сделайте копию кадра включите видимость следующего и отключите видимость этого. Теперь ваше действие будет выглядеть так «копия кадра > включить верхний > выключить нижний». Наблюдайте за тем, что происходит на экране, и вы не ошибетесь. Последнему кадру этой папки, видимость нужно будет выключить.  Дойдя до конца этой папки, сделайте копию кадра и задайте ему время исполнения 0.5.

Подсказка: все последующие кадры, берут время с предыдущего поэтому первому кадру в следующем шаге измените время на - без задержки.

Шаг 15. Повторите Шаг 13 и Шаг 14 в каждой основной Папке (группе).

Шаг 16. Когда у вас будет собрана анимация из всех слоев во всех папках. И на экране будет видим весь текст, измените ему время исполнения на 1 или 2 секунды, это на ваше усмотрение.  Сверните папки, чтоб в палитре вы видели только папки и слой фон. Сделайте копию кадра, измените время на 0.5 отключите видимость первой нижней папки. Нажмите на кнопку добавить промежуточные слои.

Поставьте количество слоёв 3. Промежуточные кадры: Предыдущий кадр. Нажмите ОК. Измените их время на без задержки.

Последнему кадру измените время на 0.5

Шаг 17. Повторите Шаг 16 пока не выключите весь текст. Самому последнему кадру вашей анимации задайте время 1-2 сек. на ваше усмотрение.

Анимация готова!

Еще несколько советов:
1) Если вы создали анимацию, просмотрели и вас что-то не устраивает, вы можете её изменить просто выбрав нужный кадр (или даже группу кадров выделив их: клик по первому нужному кадру, зажав  Shift и клик по последнему) в панели анимации. И произвести изменения в палитре слоёв.
2)  Если вы хотите добавить какой-нибудь новый слой при уже собранной анимации, то обязательно зайдите в настройки (кликните по маленькому треугольнику в правом верхнем углу панели анимации) и отключите пункт Новые слои видимы во всех кадрах.
3) Так как у вас теперь готов экшен, который вы можете применять и к другим своим работам, но иногда он может не совсем подойти по параметрам. Вы можете добавить пункты остановки между действиями. Для этого откройте и выберите нужное действие в окне Операции, откройте настройки (треугольник в углу) и добавьте пункт: Вставить остановку или Вставить пункт меню.

Заключение:
В заключение хочу сказать, что вы должны понимать, что любой урок это не команда на строгое копирование действий за автором, а всего лишь подсказка направления в котором вы можете действовать. Я специально использовал текст без всяких эффектов, простейшую трансформацию и простейший фильтр, для того чтоб вы могли сами придумать что вам сделать. Изменяйте настройки, применяйте другие фильтры, не бойтесь экспериментировать. Поняв принцип урока и применив свою фантазию и знания полученные на этом замечательном сайте, вы можете добиться результатов намного лучших, чем в любом уроке.

           

Похожие файлы и публикации:

Анимированный текст
В этом уроке мы создадим анимацию, в основе – создание эффекта растворения при помощи масок. Мы сделаем структуру, состоящую из шума, а затем при помощи команды «Изогелия» (Threshold) установим контраст в шести точках
Анимированный текст
 В  этом уроке  Вы узнаете,  как создать текст в перспективе с отражением и  с 3D эффектом.
Анимированный текст
Шаг 2. Теперь делаем три копии этого слоя (три раза нажмите сочетание клавиш Ctrl+J). Мы находимся на нижнем слое и переходим в меню Редактирование – Трансформация (Edit – Transform) или нажимаем сочетание клавиш Ctrl+T, а затем немного «сплющиваем» нашу букву.
Анимированный текст
Цель этого урока не столько создание именно DVD Box, сколько еще одно знакомство с инструментами 3D в Adobe Photoshop CS5 Extended  и СS4 Extended, и хотя  окно 3D у них немного отличаются, этот урок можно выполнить в обеих версиях.
Анимированный текст
В этом уроке я расскажу Вам, как сделать вот такую, анимированную аватарку (размером 100х120 пикс.).
Анимированный текст
В этом уроке мы поработаем над быстрым тонированием фотографии используя окно операций в программе Photoshop. Начнем!
Анимированный текст
В данном уроке я покажу, как сделать бегущий текст, с меняющимся в нём изображением.
Анимированный текст
Для урока используем широко известный плакат о вреде пьянства.
Анимированный текст
В этом уроке вы узнаете, как создать стильные удивительно красивые алмазы и научитесь создавать обои из них.
Анимированный текст
Шаг 1. Создание фона Зайдите в меню File > New (Файл > Новый) и создайте новый документ 600 х 200px с белым фоном. Посмотрите на изображение ниже, если вы не уверены в настройках.
Анимированный текст
В этом уроке на примере создания 3D текста, я покажу, как можно использовать команду «Разбить сетки чеканки». И еще раз вернусь к созданию правильной тени от 3D объектов, используя возможности Adobe Photoshop CS5 Extended.
Анимированный текст
В этом уроке мы создадим объёмный текст в виде травы, покрытой цветами. Подобный эффект хорошо подойдёт для летних или весенних постеров.
Анимированный текст
Вот такой домик получится после данного урока
Анимированный текст
Иногда, бывает нужно быстро применить какой-либо эффект и в этом на помощь придут экшены. Одним нажатием кнопки, Вы без труда воссоздадите нужный эффект.
Анимированный текст
В этом уроке Вы узнаете, как создать шляпу фокусника в Photoshop. Урок показывает простое использование  инструментов Pen Tool и Shape Tools, а также использование различных режимов. Создание теней также объяснено в уроке. Давайте начнем! Что получится у вас в конце урока.
Анимированный текст
В этом уроке вы научитесь создавать анимированную иконку загрузчика, которую можно использовать как виджет пользовательского интерфейса. Смело смешивайте   ваши собственные стили и вариации загрузчика.
Анимированный текст
Шаг 1. Создайте новый документ 512x512 пикселей с белым или прозрачным фоновым слоем. Залейте фоновый слой серым (9D9D9D). Создайте вертикальную и горизонтальную направляющие для удобства.
Анимированный текст
Слейте изображения.  Layer – Merge Layers (Слой – слить слои). Примените автоматическую тоновую коррекцию (уровни). Image – Adjustments – Auto levels (Изображение – Коррекция – Автоматическая тоновая коррекция) (Shift + Ctrl + L). Перейдем к меню Channels (Каналы), которое  находится во вкладке рядом с панелью слоев,  Duplicate (дублируем) Blue(Синий) канал.