Добро пожаловать на Форум SoftWeb.ru.
 
Новый год

Нам нужна Ваша поддержка. Сбор средств на оплату дата-центра.

Форум SoftWeb.ru » Образование и работа » Дизайн и графика » Все о Photoshop » Как сделать анимации в Photoshop CS

Все о Photoshop Photoshop с нуля, работа с программой, обсуждение, вопросы и ответы..

ОТВЕТИТЬ
Опции темы Опции просмотра Опции просмотра
Как сделать анимации в Photoshop CS
Старый 02.11.2007, 12:22   #1
 
Аватар для Архангел
 
Статус: Старшина
Регистрация: 01.06.2007
Сообщений: 171
СПАСИБО: 38
сказали Спасибо 155 раз(а) в 74 сообщении
Получено наград:
По умолчанию Как сделать анимации в Photoshop CS

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


Мое Ведро: Intel® Core™ i7-3770K up to 4.60 GHz -/- Motherboards ASUS P8Z77-V LX -/- ОЗУ Corsair DDR3 16Gb 1600GHz (9-9-9-24) -/- Видео Asus GTX 650 Ti -/- SSD Ocz Vertex 3





Архангел вне форума   ЦИТИРОВАТЬ
Объявление
Нам нужна Ваша поддержка. Сбор средств на оплату дата-центра.
Старый 06.11.2007, 15:10   #2
 
Аватар для Faraon
 
Статус: Мистер SoftWeb.2009
Регистрация: 24.10.2007
Адрес: Matrix..........
Сообщений: 1,002
СПАСИБО: 543
сказали Спасибо 761 раз(а) в 389 сообщении
Получено наград:
По умолчанию Re: Как сделать анимации в Photoshop CS

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

******************************************


Бойтесь разума.
Faraon вне форума   ЦИТИРОВАТЬ
Эти 9 пользователя(ей) сказали Спасибо Faraon за это полезное сообщение:
Архангел (06.11.2007)
Старый 07.11.2007, 13:39   #3
 
Статус: Гость
Сообщений: n/a
По умолчанию Re: Как сделать анимации в Photoshop CS

Можно сделать несколько слоев, "перепрыгнуть" в Adobe Image Ready (обычно ставится "в комплекте" с Фотошопом, кнопка в самом низу панели инструментов), и задать необходимый порядок следования кадров, время их задержки на экране, количество повторений. Интерфейс очень интуитивно понятный.
  ЦИТИРОВАТЬ
Старый 07.11.2007, 15:07   #4
 
Аватар для Faraon
 
Статус: Мистер SoftWeb.2009
Регистрация: 24.10.2007
Адрес: Matrix..........
Сообщений: 1,002
СПАСИБО: 543
сказали Спасибо 761 раз(а) в 389 сообщении
Получено наград:
По умолчанию Re: Как сделать анимации в Photoshop CS

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

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


Бойтесь разума.
Faraon вне форума   ЦИТИРОВАТЬ
Этот пользователь сказал Спасибо Faraon за это полезное сообщение:
Старый 24.11.2007, 22:52   #5
 
Статус: Гость
Сообщений: n/a
По умолчанию Re: Как сделать анимации в Photoshop CS

Faraon, а в 7 можно сделать gif ?
  ЦИТИРОВАТЬ
Старый 26.11.2007, 11:26   #6
 
Аватар для Faraon
 
Статус: Мистер SoftWeb.2009
Регистрация: 24.10.2007
Адрес: Matrix..........
Сообщений: 1,002
СПАСИБО: 543
сказали Спасибо 761 раз(а) в 389 сообщении
Получено наград:
По умолчанию Re: Как сделать анимации в Photoshop CS

Цитата:
Сообщение от tatyanka___ Посмотреть сообщение
Faraon, а в 7 можно сделать gif ?

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


Бойтесь разума.
Faraon вне форума   ЦИТИРОВАТЬ
Старый 11.12.2007, 23:54   #7
 
Статус: Гость
Сообщений: n/a
По умолчанию Re: Как сделать анимации в Photoshop CS

А возможно ли сделать анимированный аватар из отрывков видео? и как это сделать?
  ЦИТИРОВАТЬ
Старый 12.12.2007, 11:32   #8
 
Аватар для Faraon
 
Статус: Мистер SoftWeb.2009
Регистрация: 24.10.2007
Адрес: Matrix..........
Сообщений: 1,002
СПАСИБО: 543
сказали Спасибо 761 раз(а) в 389 сообщении
Получено наград:
По умолчанию Re: Как сделать анимации в Photoshop CS

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

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


Бойтесь разума.
Faraon вне форума   ЦИТИРОВАТЬ
Старый 18.12.2007, 19:21   #9
 
Статус: Гость
Сообщений: n/a
По умолчанию Re: Как сделать анимации в Photoshop CS

Я обычно это делал комбинацией Виртуал Даб+Имадж Реади.
  ЦИТИРОВАТЬ
Старый 20.12.2007, 17:38   #10
 
Статус: Гость
Сообщений: n/a
По умолчанию Re: Как сделать анимации в Photoshop CS

а как сделать анимацию, используя неск. разных картинок в одной папке?
  ЦИТИРОВАТЬ
Объявление
Нам нужна Ваша поддержка. Сбор средств на оплату дата-центра.
ОТВЕТИТЬ


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Уроки Photoshop TVL Мультимедийные курсы 13 28.08.2013 19:55
iClone v4.12 - программа для создания 3 D анимации ncontrol Работа с 2D- и 3D-изображениями 1 04.12.2010 05:09
Crazytalk6 - программа для 3D анимации лица ncontrol Работа с 2D- и 3D-изображениями 1 04.12.2010 05:08
Искусство 3D-анимации и спецэффектов ncontrol Работа с 2D- и 3D-изображениями 0 02.12.2010 21:18
FAQ по графике и анимации для Web Shmon Веб-дизайн 1 02.03.2009 18:22


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

Нам нужна Ваша поддержка. Сбор средств на оплату дата-центра.
Яндекс цитирования