Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.226.165.125
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Создаем анимационный эффект сборки фото из кусочков при помо
Сообщение оставлено 02.06.2009 в 14:55:39 | Сообщение #1
1.Открываем фотографию или изображение с которым будем работать (файл - открыть). Если в палитре Слои на строке слоя стоит "замочек" и написано задний план, то преобразуйте слой в обычный слой. Для этого двойным левым кликом по строке слоя вызываем окно "Новый слой" задаем слою имя или оставляем по умолчанию и нажимаем ОК.

2.Теперь нам нужно разделить рисунок на 4 части, для удобства установим линейки ПРОСМОТР - ЛИНЕЙКИ (горячие клавиши CTRL+R). Активируем инструмент "Прямоугольное выделение" и выделяем верхнюю правую половинку рисунка.

3.Правым кликом внутри выделения вызываем меню и выбираем пункт "Вырезать на новый слой".

4.Двойным левым кликом по строке слоя с уголком вызываем окно "Стили слоя" и выбираем стиль ТЕНЬ и ОБВОДКА с параметрами как на рисунке.


5.Так же вырезаем на отдельные слои остальные части рисунка и применяем к ним теже стили. В итоге у нас должно получиться четыре слоя.

6.Создаем новый слой, нажав на значек "Создать новый слой" в нижней части палитры Слои. Перемещаем его в самый низ слоев. Применяем команду ИЗОБРАЖЕНИЕ - РАЗМЕР ХОЛСТА и увеличиваем размер холста примерно на 150 или 200%, нажимаем ОК.

7.Заливаем слой белым цветом при помощи инструмента "Заливка" или команды РЕДАКТИРОВАНИЕ - ВЫПОЛНИТЬ ЗАЛИВКУ.

8.При помощи произвольной трансформации РЕДАКТИРОВАНИЕ - ПРОИЗВОЛЬНАЯ ТРАНСФОРМАЦИЯ или CTRL+Т сдвинем и повернем наши кусочки так как нам больше нравится.

9.Оставляем видимыми слой с правой верхней частью и с белым фоном, у остальных отключаем видимость слоя (Значек глаза рядом со строкой слоя в палитре Слои).

10.Откройте панель анимации в Photoshop CS3 (ОКНО-АНИМАЦИЯ) или перейдите в ImageReady, при помощи кнопки "Редактировать в ImageReady" (внизу панели инструментов), если вы работаете в более ранней версии программы.

11.На панели анимации у вас будет один кадр. Активируйте слой с видимой частью изображения, теперь в рабочем окне перетащите картинку при помощи инструмента "Перемещение" в верхний правый угол таким образом, чтобы остался видимым только маленький уголок.

12.В окне анимации копируйте кадр, нажав на кнопку "Создание копии выделенного кадра" в нижней части окна. Теперь верните картинку на ее место при помощи того же инструмента "Перемещение".

13.Сейчас в окне анимации активным (выделеным) у Вас является второй кадр, при нажатой клавише Shift кликните по первому кадру, чтобы сделать выделенными и первый и второй кадры. Нажмите на кнопку "Создание промежуточных кадров" и в появившемся окне задайте параметры как на рисунке.


14.В последнем кадре анимации добавляем видимость слоя с левой верхней частью и сделав его активным перемещаем рисунок в левый верний угол так, чтобы был виден лишь маленький уголок.

15.Копируем этот кадр и возвращаем рисунок на его место, также как делали до этого с правой частью. Снова выделяем два последних кадра и нажимаем на кнопку "Создание промежуточных кадров" оставив параметры которые мы устанавливали в первый раз.

16.Проделайте пункты 14 и 15 для каждого из нижних кусочков. Если Вы все правильно сделали то у должно получиться 25 кадров. Устанавливаем время задержки кадров 0,1 сек для всех кадров. Готово.

Для того, чтобы сохранить анимацию в Photoshop CS3 ФАЙЛ - СОХРАНИТЬ ДЛЯ WEB и устройств, а в ImageReady ФАЙЛ - СОХРАНИТЬ ОПТИМИЗИРОВАННЫЙ КАК.

 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика