Форум SoftWeb.ru

Форум SoftWeb.ru (https://softweb.ru/index.php)
-   Все о Photoshop (https://softweb.ru/forumdisplay.php?f=614)
-   -   Как сделать анимации в Photoshop CS (https://softweb.ru/showthread.php?t=23892)

Архангел 02.11.2007 12:22

Как сделать анимации в Photoshop CS
 
В этой теме я бы хотел...чтобы опытные умельцы подсказавали и помагали новичкам в создании анимаций!

Faraon 06.11.2007 15:10

Re: Как сделать анимации в Photoshop CS
 
Тут я покажу наглядный пример создания анимации на примере UserBar'a.
Версия Photoshop должна быть не ниже Photoshop CS2, тоесть где поддерживается анимация.
При создании анимации работа в основном происходит со слоями и кадрами, возможно использование масок и различных фильтров для создания спецэффектов, но в большинстве случаев я обхожусь свойствами слоя для создания нужного эффекта.
Информации очень много, поэтому я объясню только самое основное при создании анимации.
Вот самый обычный UserBar. Для создания которого были использованы лишь руки и фантазия, за исключением логотипа. Которые я без разрешения администрации скопировал. :787:
Мы имеем документ размерами 350Х20. В моем случае в 2 раза больше для удобства работы, после чего его ждет обрезание до требуемого размера. Все видимые эффекты - СВОЙСТВА СЛОЯ - никаких фильтров применено не было.
[Ссылки могут видеть только зарегистрированные пользователи. ]
Когда с эффектами и дизайном все решено, осталось решить что и как мы будем анимировать.
В нашем случае будет анимация движения и частично световой эффект. Для это нужно открыть окно анимации в котором будут распологаться кадры. Окно - Анимация\Window - Animated . Далее у нас первый кадр - кадр исходный с которого и будет начинаться наша анимация, в нем располагается все что мы нарисовали.
[Ссылки могут видеть только зарегистрированные пользователи. ]
Далее создаем новый кадр анимации - Вкладка Animated - Duplicated selected frames В следствии чего происходит копирование кадра. Что нужно делать далее. Имея 2 кадра (одинаковых) и связку между ними которую мы рассмотрим чуть пожже, нам нужно изменить новый копированый кадр. Когда вы глубже углубитесь в анимирование Photosop вы поймете что далеко не все детали слоя можно изменять. И так создан новый кадр в свойствах слоев которого мы изменим некотрые эффекты света, кроме того изменим расположения некоторых слоев, в следсвии чего у нас получится 2 одинаковых изображения с немного разными расположениями отдельных деталей. Непомню упоминалось это или нет (Прошу прощения пишу все это в очень сложной обстановке на работе, если чтото упустил или повторился, пост хотел написать еще в понедельник или субботу...) что у нас есть надпись "Архангел" - которая находится чуть ниже номера ICQ которая в первом кадре не видна. Так вот во втором кадре мы эту самую надпись передвигаем на место ICQ а ICQ передвигаем вверх за рамки изображения. Так же изменяем некотрые функции слоя.
Далее когда у нас готовы все кадры, их может быть множество (В нашем случае 2), мы зоздаем промежуточное изображение (Функция создает промежуточные кадры плавно переходящие из первого во второй) Для этого - переходим к первому кадру, и - Animated - Tweens animation frames. Значение в которой это и есть количество промежуточных кадров, тоесть чем больше кадров тем плавнее будет происходить анимация. Далее оптимизируем изображение и сохраняем - "Сохранить для web", и не забываем что анимация сохраняется в формате *.gif*
Результат

[Ссылки могут видеть только зарегистрированные пользователи. ]
******************************************

Stessy 07.11.2007 13:39

Re: Как сделать анимации в Photoshop CS
 
Можно сделать несколько слоев, "перепрыгнуть" в Adobe Image Ready (обычно ставится "в комплекте" с Фотошопом, кнопка в самом низу панели инструментов), и задать необходимый порядок следования кадров, время их задержки на экране, количество повторений. Интерфейс очень интуитивно понятный.

Faraon 07.11.2007 15:07

Re: Как сделать анимации в Photoshop CS
 
Цитата:

Сообщение от Stessy (Сообщение 218332)
Можно сделать несколько слоев, "перепрыгнуть" в Adobe Image Ready (обычно ставится "в комплекте" с Фотошопом, кнопка в самом низу панели инструментов), и задать необходимый порядок следования кадров, время их задержки на экране, количество повторений. Интерфейс очень интуитивно понятный.

Собственно это все можно сделать и в фотошопе. Не считая очень старых версий, которые сейчас практически не используют. Сейчас не вижу смысла в Adobe Image Ready. :)

tatyanka___ 24.11.2007 22:52

Re: Как сделать анимации в Photoshop CS
 
Faraon, а в 7 можно сделать gif ?

Faraon 26.11.2007 11:26

Re: Как сделать анимации в Photoshop CS
 
Цитата:

Сообщение от tatyanka___ (Сообщение 224976)
Faraon, а в 7 можно сделать gif ?

В ранних версиях, можно сделать с помощью ImageReady - После создания всех необходимых слоев и эффектов, просто перепрыгиваем в ImageReady и создаем анимацию.

toxa2004 11.12.2007 23:54

Re: Как сделать анимации в Photoshop CS
 
А возможно ли сделать анимированный аватар из отрывков видео? и как это сделать?

Faraon 12.12.2007 11:32

Re: Как сделать анимации в Photoshop CS
 
Цитата:

Сообщение от toxa2004 (Сообщение 231423)
А возможно ли сделать анимированный аватар из отрывков видео? и как это сделать?

Для этого есть специальные программы, в фотошопе нет таких функций, он предназначен для работы с графикой но никак не с видио.
[Ссылки могут видеть только зарегистрированные пользователи. ] если нет, поищи в разделах программы. Там точно найдешь.

messermann 18.12.2007 19:21

Re: Как сделать анимации в Photoshop CS
 
Я обычно это делал комбинацией Виртуал Даб+Имадж Реади.

Yul4ik 20.12.2007 17:38

Re: Как сделать анимации в Photoshop CS
 
а как сделать анимацию, используя неск. разных картинок в одной папке?


Часовой пояс GMT +3, время: 18:54.

Работает на vBulletin® версия 3.8.12 by vBS.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot