Уроки Фотошоп
Метки
Показать все теги
Дополнения (Обменники)
Вакуумная камера для дегазации силикона вакуумная камера для дегазации силикона купить. . Подробности нужна помощь психолога у нас.
Сегодня мы, используя возможности только программы Photoshop CS6, создадим анимированный 3D текст. Вот видео окончательного результата:
Шаг 1
Создаем новый документ. Так как результат будет визуализироваться в высоком качестве, то, для того чтобы немного сократить время визуализации, а так же чтоб не сильно нагружать компьютер, лучше выбирать не большой размер документа.
![<br><center>
</center><br>
Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892448_02.jpg)
Теперь находим (в Photoshop CS6 это в самом низу рабочего стола программы) панель Временной шкалы (Timeline).
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892441_03.jpg)
Двойным кликом мыши открываем панель, в данный момент она у нас пустая, ведь мы еще не создавали никакой анимации.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892446_04.jpg)
Шаг 2
Первый слой у нас будет текстовым. Для нанесения текста пользуемся инструментом Текст (Text tool) (Т).
Пишем необходимый Вам текст. Мы же в уроке будем использовать слово "tuts".
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892405_06.jpg)
Шрифт используем Blippo Blk BT. Для изменения внешнего вида текста просто выбираем шрифт из выпадающего меню.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892390_07.jpg)
Вот так должен выглядеть наш текст:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892416_08.jpg)
Для превращения нашего текста в 3D-слой мы должны в меню 3D выбрать пункт Новая 3D экструзия из выделенного слоя (New 3D Extrusion from Selected Layer).
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892416_09.jpg)
Программа Photoshop просит разрешения сменить Вашу рабочую среду, для работы с 3D. Так как наша дальнейшая работа будет происходить именно в ней, 3D среде, то мы соглашаемся.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892388_10.jpg)
И программа автоматически переносит нас в 3D-среду! Мы можем преступать к работе с текстом.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892457_11.jpg)
Там, где находится панель слоев, появилась новая вкладка - 3D. В ней мы будем видеть все 3D-объекты, с которыми мы сейчас работаем.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892480_12.jpg)
На скриншоте ниже показано, какие объекты сейчас необходимо выделить. Эти объекты - это определенные части текста - разделы, которые получились после преобразования в 3D-объект. Каждый раздел содержит материал, с которым мы и будем дальше работать.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892437_13.jpg)
В панели свойств выбираем материал, который указан на скриншоте. Теперь выберем цвет для Рассеивания (Diffuse), для этого кликаем по индикатору рядом.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892471_14.jpg)
Для Рассеивания (Diffuse) цвет устанавливаем белый.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892472_15.jpg)
Выберем Глобальный (Ambient) цвет.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892441_16.jpg)
Цвет выбираем примерно как показано на скриншоте — светло-серый.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892467_17.jpg)
Возвращаемся к панели 3D, кликаем по объекту "tuts"(наш текст). Сейчас мы немного повернем текст, чтобы получилось, что он лежит на плоскости.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892477_18.jpg)
Возвращаемся к панели свойств, делаем то же, что показано на нижнем изображении. Таким образом, мы поворачиваем наш объект по оси Х на 90 градусов. Делается это для того, чтобы задняя часть текста лежала на плоскости.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892412_19.jpg)
Необходимо уменьшить Глубину экструзии (Extrusion Depth) до 48, делаем это выбрав сетку на панели свойств.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892426_20.jpg)
Теперь привязываем наш текст к плоскости. Для этого заходим в меню 3D и там выбираем - Привязать объект к плоскости основания(Snap Object to Ground Plane).
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892395_21.jpg)
Шаг 3
Сейчас мы будем создавать отдельный объект для плоскости.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892393_22.jpg)
Кликаем по иконке Прямоугольник (Rectangular tool) (U), теперь создаем фигуру размером соответствующую нашему рабочему документу.
Мы получили новый слой, теперь его необходимо внедрить в 3D-мир, а для этого сначала нужно преобразовать в 3D-объект. Для этого заходим в меню 3D, далее кликаем - Новая сетка из слоя (New Mesh from Layer), выбираем Карту глубины (Depth Map to) и наконец, щелкаем по Плоскости (Plane).
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892425_24.jpg)
После всех действий получаем 3D-слой, содержащий отдельную, собственную сцену. Нам же необходимо, сделать так, чтобы текст и только что полученная плоскость были на одной сцене. И так, выделяем оба слоя…
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892397_25.jpg)
…заходим в меню 3D и выбираем Объединить 3D-слои (Merge 3D Layers).
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892418_26.jpg)
И вот, открыв панель 3D, мы видим там объект "tuts" и прямоугольник.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892449_27.jpg)
А открыв панели слоев, мы видим один слой, который и содержит всю полную 3D-сцену.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892468_28.jpg)
Теперь для изменения вида сцены мы немного подправим координаты.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892389_29.jpg)
Приняв изменения, мы получаем как бы вид сверху.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892397_30.jpg)
Наша плоскость имеет светло-серый цвет, то есть тот, который мы установили ранее (соответственно у Вас будет тот, который установили Вы). Сейчас мы будем менять его при помощи 3D-материала, выбрав один из элементов текста, как показано ниже:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892430_31.jpg)
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892432_32.jpg)
Сейчас мы создадим новый материал, кликнув по шестеренке в правом верхнем углу и выбрав действие Новый материал (New Material).
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892452_33.jpg)
Появляется диалоговое окно, которое просит как-то обозвать новый материал. Вписываем название и кликаем OK.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892430_34.jpg)
Выбираем материал прямоугольной плоскости.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892443_35.jpg)
Найдем созданный нами материал, он будет в самом низу списка миниатюр. Выбираем её и получаем белую плоскость.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892489_36.jpg)
Шаг 4
Для лучшего результата нам понадобятся несколько источников света, с ними мы сейчас и поработаем. Начнем с того, который уже есть в сцене, его и выбираем:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892466_37.jpg)
На сцене мы управляем источниками света при помощи сфер. На следующем скриншоте показаны действия (повороты) с маленькой сферой – повторяем их.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892444_38.jpg)
Другой вариант настройки света, точнее его направления, это координаты. Настроить их можно на панели свойств.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892412_39.jpg)
Наша цель сейчас – это добиться, чтобы тень, от уже имеющегося источника света, падала из правого верхнего угла, по диагонали, в левый нижний.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892424_40.jpg)
И так, с одним светом мы разобрались, теперь добавим новый. Для этого внизу 3D-панели кликаем по кнопке Новый бесконечный свет (New Infinite Light).
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892442_41.jpg)
При появлении, новый свет всегда располагается в центре сцены.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892491_42.jpg)
Для этого источника выставляем точно такие же координаты, как показано на изображении ниже:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892422_43.jpg)
Далее устанавливаем такие же параметры:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892435_44.jpg)
На секунду вернемся к первому источнику света, с которым мы поработали.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892419_45.jpg)
И тоже немного откорректируем его параметры, так как показано на скриншоте:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892463_46.jpg)
И теперь создаем еще два новых источника света.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892446_47.jpg)
Необходимо изменить цвет третьего источника, для этого кликаем цветовой прямоугольник:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892428_48.jpg)
Выбираем цвет с параметрами #e2c4c4.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892493_49.jpg)
И устанавливаем настройки так, как показано на следующем изображении:.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892485_50.jpg)
Теперь изменим цвет четвертому источнику.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892440_51.jpg)
Теперь наш цвет #6ba9c0.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892470_52.jpg)
И подстраиваем параметры и этого источника:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892469_53.jpg)
Работая всё с тем же четвертым источником, настроим ему координаты так, чтобы он у нас располагался напротив первого света. Переписываем координаты:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892396_54.jpg)
Возвращаемся к третьему свету.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892437_55.jpg)
И тоже меняем координаты:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892468_56.jpg)
Настроев все источники света, посмотрим, что у нас получилось:
Это источник №1:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892451_57.jpg)
Источник №2:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892425_58.jpg)
Источник №3:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892456_59.jpg)
И источник №4:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892398_60.jpg)
Шаг 5
Сейчас мы немного поработаем над текстом, для того, чтобы сгладить края, выбираем текстовый объект на 3D-панели.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892439_61.jpg)
На панели свойств, вверху, вы найдёте иконку Капитель (Cap), кликаем по ней. На скриншоте ниже показаны параметры, которые надо ввести:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892412_62.jpg)
Кликнув по иконке Контур (Contour) появляется выпадающее меню. Выбираем круглый контур, как показано ниже:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892427_63.jpg)
На тексте мы замечаем изменения.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892493_64.jpg)
Ради интереса можно посмотреть быструю визуализацию.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892475_65.jpg)
Шаг 6
И так, сцену для анимации мы с Вами создали. Теперь дело до самой анимации. Открываем Временную шкалу (Timeline) и Создаем временную шкалу для видео (Create Video Timeline), нажав на соответствующую кнопку.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892425_66.jpg)
И так, мы перед собой видим две линии, одна из них предназначена для сцены, а другая для аудиодорожки. Сейчас нам необходимо развернуть список, кликнув по стрелочке слева (указана на изображении):
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892456_67.jpg)
В открывшемся списке представлены объекты которые можно анимировать. Первым делом выберем камеру:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892463_68.jpg)
Временная шкала автоматически полностью заполнилась. Нам же необходимо установить конец нашей анимации. Для этого тянем бегунок, указанный стрелкой…
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892473_69.jpg)
…и перетягиваем его к отметке 20f.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892479_70.jpg)
Теперь кликом по иконке с секундомером создадим ключевой кадр. Это мы определяем по появившемуся желтому ромбу на активной линии.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892443_71.jpg)
Наш новоявленный ключевой кадр мы перетаскиваем в конец анимации.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892445_72.jpg)
Сейчас нам надо повернуть камеру. Для этого можно использовать 3D-координаты, представленные в виде стрелок (оси x, y и z), которые находятся внизу сцены, в левой её части.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892425_73.jpg)
Но удобнее будет изменить координаты на панели свойств. Этот способ более точен для настройки положения камеры.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892486_74.jpg)
Активировав параметр Перемещение (Move tool) (V), на верхней панели можно найти опции предназначенные специально для 3D.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892492_75.jpg)
Кликнув по объекту - появляются стрелки, при помощи которых и можно двигать объекты. Сейчас же нам нужно просто внести небольшие изменения в позицию камеры, в общем, выбирать способ изменения – Вам. Но результат должен получится как на следующем скриншоте:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892476_76.jpg)
Установив камеру снова кликаем по секундомеру.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892487_77.jpg)
Теперь, нажав кнопку Play, воспроизводим получившуюся анимацию. Если результат получился не таким, как Вам нужен, то можно откорректировать начало и конец ключевых кадров.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892452_78.jpg)
Для того, чтобы покадрово посмотреть получившуюся анимацию, нажимаем кнопку Play и располагаем ползунок в начало или конец ключевого кадра. Ещё можно на временной шкале выбрать позицию, на которой хотите добавить ключевой кадр.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892417_79.jpg)
Шаг 7
Создаем слой Фото-фильтр (Photo Filter).Сейчас мы будем объединять корректирующие слои, которые мы тоже анимируем, с анимацией 3D-сцены.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892463_80.jpg)
В настройках для Фото-фильтра (Photo Filter) устанавливаем Теплый фильтр (Warming Filter), а для Плотности (Density) значение ставим 14%.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892487_81.jpg)
Теперь у нас в анимации появился новый слой с фото-фильтром. Для Непрозрачности (Opacity) ставим ключевой кадр на отметку 02:00f.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892412_82.jpg)
На получившемся ключевом кадре устанавливаем непрозрачность слоя с фото-фильтром на 0%.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892484_83.jpg)
Теперь перетаскиваем бегунок на конец дорожки и создаем новый ключевой кадр анимации.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892412_84.jpg)
На только что созданном нами ключевом кадре устанавливаем непрозрачность фото-фильтра на 30%.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892437_85.jpg)
Теперь поверх создаем новый корректирующий слой Фото-фильтр (Photo Filter ).
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892495_86.jpg)
Теперь для параметра фильтр выбираем Холодный фильтр (Cooling Filter), а Плотность (Density) теперь устанавливаем на 25%.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892502_87.jpg)
Возвращаемся к началу анимации и создаем очередной ключевой кадр для Непрозрачности (Opacity).
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892408_88.jpg)
Для созданного ключевого кадра параметр непрозрачности ставим на 100%.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892441_89.jpg)
Теперь, ближе к отметке 03:00f создаем другой ключевой кадр.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892491_90.jpg)
Для него непрозрачность ставим 0%.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892469_91.jpg)
Создаем поверх корректирующий слой Уровни (Levels).
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892431_92.jpg)
И устанавливаем параметры для него так, как показано на следующем скриншоте:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892410_93.jpg)
На временной шкале переходим к Непрозрачности (Opacity) и создаем очередной ключевой кадр вначале анимации.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892483_94.jpg)
Для этого кадра так же устанавливаем непрозрачность на 100%.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892447_95.jpg)
Снова новый ключевой кадр, примерно там же, где изображено у нас:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892458_96.jpg)
Непрозрачность для этого ключевого кадра - 0%.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892459_97.jpg)
Создаем новый пустой слой, как всегда — выше.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892431_98.jpg)
Зальем этот слой черным цветом. Для этого используем инструмент Заливка (Paint Bucket tool) (G).
Теперь заходим в Фильтр (Filter), выбираем Рендеринг (Render), и кликаем по Блик (Lens Flare).
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892460_100.jpg)
Для блика устанавливаем все параметры так, как показано ниже:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892505_101.jpg)
Режим смешивания слоя выставляем на Осветление (Screen).
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892446_102.jpg)
Переходим обратно на временную панель и снова создаем новый ключевой кадр, теперь в районе отметки 01:00f.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892421_103.jpg)
Теперь переходим к отметке 02:00f, создадим еще 5 ключевых кадров, при этом размещая их хаотично:
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892507_104.jpg)
Для первых двух кадров устанавливаем параметр непрозрачности на значение 100%.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892489_105.jpg)
Для третьего ключевого кадра — 23%.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892435_106.jpg)
Переключаемся на четвертый кадр.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892436_107.jpg)
Для него установим непрозрачность на 73%.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892485_108.jpg)
Остался последний кадр, его параметр непрозрачности на 0%.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892467_109.jpg)
Нажав кнопку Play можно посмотреть результат проделанной работы. Если Вас всё устраивает, то идем далее.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892501_110.jpg)
Шаг 8
Нам осталось только подготовить нашу анимацию для визуализации, чем мы сейчас и займемся. Кликаем на иконку стрелочки внизу.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892492_111.jpg)
Перед нами появилось диалоговое окно. В этом окне мы должны дать название нашему видео, определить его в какую-нибудь папку для сохранения. Остальные параметры можно переписать с изображения, представленного ниже.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892464_112.jpg)
Так же в клип можно добавит аудиодорожку.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892476_113.jpg)
Для этого в конце временной шкалы кликаем кнопку с плюсом.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892511_114.jpg)
Выбрав нужный Вам аудиофайл кликаем Открыть (Open).
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892489_115.jpg)
Длительность анимации можно увеличить именно при помощи аудио трека.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892467_116.jpg)
Для того, чтобы определить место окончания аудио трека нужно перемещать синий ползунок.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892417_117.jpg)
Установив синий ползунок в конце созданной Вами анимации…
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892430_118.jpg)
...и кликнув на кнопку с ножницами, обрезаем аудио дорожку.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892435_119.jpg)
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892496_120.jpg)
Таким образом мы удаляем лишнюю часть аудио трека.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892471_121.jpg)
Теперь, для того чтобы настроить параметры появления и затухания, кликаем правой кнопкой мыши по аудиодорожке. Настройки устанавливаются в зависимости от выбранной аудиозаписи.
![Объёмная анимация текста в фотошопе Объёмная анимация текста в фотошопе](/uploads/posts/2013-05/1369892443_122.jpg)
Создание простой 3D-анимации в Photoshop CS6 удалось! Для более серьезных проектов лучше выбирать специализированные программы, типа After Effects или Nuke.
![](/uploads/posts/2013-05/1369892401_01.jpg)
Комментировать статьи на нашем сайте возможно только в течении 10 дней со дня публикации.