В этом уроке мы разберем часто задаваемый вопрос - "Что делать, если в моей версии фотошопа CS3 нет Image Ready"? Как открыть анимацию в этой версии? Чем отличаются принципы работы с анимацией? Обо всем этом в этом уроке.

С чем мы познакомимся в этом уроке: версия CS3

Потребуется знание уроков:  только Блик (Базовый урок)

Часть 1. Как создать анимацию и работать с ней в версии CS3.

Часть 2. Как открыть готовую анимацию в версии CS3.

Часть 1. Как создать анимацию и работать с ней в версии CS3.

Мы знаем, что Image Ready в этой версии нет. Работа с анимацией происходит непосредственно в самой программе Photoshop. Давайте вместе разберемся в принципах работы с анимацией на примере простого урока:

1. Я выбрала вот такое изображение для работы:

 

 

 

 

2. Открываем ФШ вместе с картинкой, перед нами примерно такая рабочая область:

 

 

 

 

3. Подгоняем картинку под аватар 150*150 и далее будем с ним работать. 

 

4. Выбираем инструмент Magic wand tool (волшебная палочка), проверяем, чтобы на панели параметров инструмента значение "tolerance" ("толерантность", насколько близкие оттенки будут выделяться) была равно 20-25, и был выделен пункт "add to selection" ("добавлять к выделению", чтобы выляя последовательно несколько областей добавлять их к общему выделению). Волшебной палочкой тыкнете по свободному белому пространству вокруг девушки, выделив его:

 

 

 

 

 

5. Теперь я инвертирую выделение, чтобы была выделена девушка, а не белый фон. Для этого я нажимаю на горячие клавиши ФШ Ctrl+Shift+I или выбираю команду "Select - Invert" (Выделение - Инвертировать). Теперь выделена девушка:

 

 

 

 

6. Не снимая выделения, я жму горячие клавиши "Ctrl + J", копируя нашу девушку на новый слой:

 

 

 

 

7. Активируем слой с девушкой без фона (щелкнув по нему)и работаем с ним.

 

Работаем непосредственно с анимацией. Если у вас еще не открыто окно с анимацией - откройте его. Для этого выполните команду "Window - Animation" (Окно - Анимация):

 

 

 

И вуаля появляется окно анимации:

 

 

 

 

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

 

 

 

И вот она наша старая знакомая:

 

Я создаю еще один кадр с помощью кнопки "Duplicate selected frames" (дублировать выделенные кадры) на панели "Animation" (анимация):

 

 

 

А я выстраиваю кадры, двигаю девушку без фона туда-сюда, задаю нужное время.

(На первом кадре смещаю слой с девушкой без фона слево с помощью стрелки на клавиатуре, на втором кадре смещаю вправо).
Потом запускаю play чтоб просмотреть анимацию.

 

8. А далее сохраняем анимацию с помощью команды "Save for WEB and devices" (сохранить для веб устройств):

 

 

В появившимся окне выбираем формат "Gif", указываем количество цветов - 256, остальные настройки оптимизации по вашему желанию. Для облечгения анимации ставим галочку рядом с "thanparency" (прозрачность):

 

 

И жмем ок. Анимация готова!

 

 

 

 

Часть 2. Как открыть готовую анимацию в версии CS3.

 

1. Для начала скачиваем программу Quick Time. Она необходима для просмотра анимации в Photoshop CS3.

Во время установки Фотошоп не открываем. 

 

2. Когда программа установилась, запускаем Фотошоп и идем в меню File /Файл – Open as/Открыть как:

Нашли там нужную Гиф-анимацию и открываем как Видео в формате Quick Time.

И жмем открыть.
Открылся наш файл с анимацией.

 

3. Далее идем в меню Window/Окно и выбираем пункт Animation/Анимация, открывается панель анимации:

Жмем на клавишу Play и наша анимация проигрывается. Вот и все.

 

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)