altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

Если вы совсем новичок, я советую вам нажать кнопку "подробнее", чтобы узнать с чего начать изучение уроков.

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

Подробнее ...
 
Работа с анимацией в Photoshop CS3 Extended
Автор: Сатин   

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

 

alt 

 

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

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

 

 

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

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


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

 

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

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

  alt

 

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

 

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

 alt

 

alt

 

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

 

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


alt 

 

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

 

alt
 

 

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

 

alt

 

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

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

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


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


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


И жмем ок. Анимация готова!
 
 alt
 
 
Часть 2. Как открыть готовую анимацию в версии CS3.
 

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

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


alt


Нашли там нужную Гиф-анимацию и открываем как Видео в формате Quick Time.
И жмем открыть.
Открылся наш файл с анимацией.
 
3. Далее идем в меню Window/Окно и выбираем пункт Animation/Анимация, открывается панель анимации:
alt


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

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

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