Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save anonymous/d51de7d07ca441a8ed60e0d1f9aa2d62 to your computer and use it in GitHub Desktop.
Save anonymous/d51de7d07ca441a8ed60e0d1f9aa2d62 to your computer and use it in GitHub Desktop.
Как делать анимацию в фотошопе cs6

Как делать анимацию в фотошопе cs6



Создание анимации кадров
Анимация в фотошопе CS6
Как создать Gif анимацию в Фотошоп

Пожалуйста, не забудьте подтвердить подписку, иначе рассылка приходить не будет. В этом уроке мы будем создавать логотип с эффектом анимации. Чтобы создать такой логотип нам потребуется Фотошоп версии CS6. Откройте выбранное вами изображение с логотипом в Фотошоп, я выбрал такое. Обратите внимание, что фон, на котором расположен логотип, прозрачный - это важный момент в работе с 3D. Нет необходимости уменьшать размер изображения на данном этапе, мы сделаем это в конце урока, когда будем сохранять его в виде анимации. Воспользуйтесь инструментом Crop Tool C Рамка и увеличьте размер изображения таким образом, чтобы со всех сторон надписи было больше свободного пространства. Для сохранения изменений, нажмите Enter. Инструментом Rectangular Marquee Tool M Прямоугольная область выделите только текст envato. Затем добавьте к этому слою маску, нажав на значок Add Layer Mask Добавить слой-маску в нижней части панели слоев. В результате сам логотип исчезнет. После этого у вас должны открыться все панели 3D. Теперь слой Leaf должен преобразоваться в 3D объект. Перейдите на панель 3D и выберите объект Leaf, который обозначен значком звезды. Далее перейдите на панель Properties Свойства , измените значение параметра Extrusion Depth Глубина экструзии на 35 и отключите опции Catch Shadows Захват тени и Cast Shadows Наложить тени. Теперь нам нужно переместить объект Leaf в центр документа. Но для начала правильно разместите камеру. На панели 3D выберите слой Current View Текущий вид , а на панели Properties Свойства в параметре View Вид выберите Top Сверху. Переместите объект Leaf в центр документа при помощи экранных рычагов управления 3D объектом. Центр обозначается пересечением красной ось X и синей ось Y линиями. На данный момент мы видим наш рабочий холст сверху. На панели Properties Свойства выберите Default Camera По умолчанию , чтобы камера вернулась в начальную позицию. Обратите внимание, что сам логотип находится в неправильном положении. Мы это сейчас исправим. Для изменения положения логотипа мы будем использовать инструменты для редактирования камеры в верхней панели меню, в результате мы без особого труда сможем вернуть логотип в начальную позицию. Теперь нам нужно двигать саму камеру, а не объект, как мы делали в раннее. Теперь мы приступим к анимации. Нажмите Create Video Timeline Создать временную шкалу для видео на панели Timeline Временная шкала. Обратите внимание, все слои стали отражаться на временной шкале в виде отдельных видео-слоев. На данный момент у нас два видео-слоя. Чтобы анимировать логотип, нам нужно перейти к его свойствам в временной шкале. Чтобы отобразить все свойства, которые могут быть анимированы, сделайте клик по маленькой стрелочке слева от названия видео-слоя. На данный момент нас интересует опция 3D Scene Position Положение 3D сцены. Нажмите на значок секундомера для включения анимации ключевых кадров. Это позволит нам добавить наш первый ключевой кадр в временную шкалу обозначается желтым ромбиком. Так как ключевой кадр анимации включен, то программа Фотошоп автоматически добавит ключевой кадр, когда будут внесены изменения в положение сцены или вращение. Перед тем как перейти к вращению сцены, мы должны указать время продолжительности анимации. Для этого необходимо переместить индикатор текущего времени обозначен синим слайдером в другую точку на временной шкале. Вернитесь на панель 3D, сделайте активным слой Scene Сцена , а затем перейдите на панель Properties Свойства. Нажмите на значок Coordinates Координаты и на оси Y измените значение угла на градусов, что позволит вращать сцену вокруг оси Y на градусов. После проделанных действий на временной шкале должен быть добавлен ключевой кадр. При помощи ползунка текущего времени обозначен голубым слайдером , передвигая его вперед и назад, вы можете просмотреть процесс движения анимации 3D объекта. Так как наш логотип расположен в центре, то он будет вращаться на месте. Наша задача заключается в том, чтобы логотип постоянно вращался вокруг своей оси и все время показывал только свою переднюю часть. Для этого на панели слоев продублируйте слой Leaf. Обратите внимание, дублированный слой с логотипом появится в временной шкале. Теперь передвиньте временной индикатор в то место, где логотип делает три четверти оборота вокруг своей оси. Переместите курсор на начало видео-слоя копии логотипа. После того, как курсор изменится на значок в виде квадратной скобки с двумя стрелочками, переместите слой к красной линии. Данный видео-слой обрежется, а анимация будет начинаться после трех четвертей оборота. Теперь очистим первую часть анимации, в которой наш объект делает одну четверть поворота. Для этого перейдите на видео-слой Leaf и переместите его конец к красной линии, смотрите изображение ниже. Наконец, видео-слой Leaf copy сдвиньте к красной линии на временной шкале. Удостоверьтесь, что данная анимация непрерывна. Прежде чем мы продолжим создание анимации, нам нужно указать программе Фотошоп, какие именно кадры мы хотим использовать. Передвигая временной индикатор, определите, в какой момент логотип совершит полный оборот. Теперь переместите ползунок к красной линии под временной шкалой к найденной отметке. В результате в анимации будут отражены только те кадры, которые мы указали. Работа с анимацией завершена, теперь нам нужно сохранить анимированный логотип в виде файла используя формат gif. Первый - быстрое сохранение файла, но качество будет плохое. Второй - на сохранение уйдет больше времени, но файл gif получится высокого качества. Теперь рассмотрим эти способы подробнее. В данном способе сохранения пропускается период рендеринга и сохраняются кадры так, как они располагаются в анимации. Опираясь на изображение ниже, измените следующие настройки:. Суть второго способа заключается в рендеринге анимации. Это нужно для того чтобы улучшить качество при сохранении файла gif. Photoshop Image Sequence Последовательность изображений Фотошоп и Ray Traced Final Окончательная трассировка лучей. Таким образом, логотип в виде анимации будет сохранен на отдельных кадров. Остальные настройки смотрите на изображении ниже. После прохождения и сохранения рендеринга, мы можем открыть кадры и сохранить их в анимацию. Выберите первое изображение и активируйте опцию Image Sequence Последовательность изображений в нижней части окна. Нажмите кнопку Open Открыть , затем должно отобразиться диалоговое окно, в котором нужно нажать ОК. Для сохранения анимации в формате gif, нужно просто повторить действия которые мы выполняли раннее. Ссылка на источник урока. Главная Поиск по сайту Добавить в избранное. RSS Введите e-mail адрес, чтобы получать ссылки на новые уроки на электронную почту: Интересные уроки Красивый анимированный эффект. Совершенствуем анимацию в Photoshop. Текстовая анимация в Фотошоп. Создание удивительного синемаграфа в Фотошоп. Уроки Photoshop Анимация Анимированный логотип в Photoshop CS6 Анимированный логотип в Photoshop CS6 В этом уроке мы будем создавать логотип с эффектом анимации.


Диафрагма у млекопитающих
Схема трансформаторной подстанции 10 0.4
Цитаты фразу статусы
Яйца мужа в руке
Техника безопасности в кабинете истории
Семья синема парк уфа расписание
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment