|
|
Листающаяся книжка
Перемещаем ползунок анимации в последний кадр, в параметрах модификатора Bend -90 меняем на 90, поворачиваем листок влево на 80 градусов и отключаем запись анимации (жмем еще раз кнопку Auto Key).
Можно посмотреть анимацию. Неплохо, да? Теперь для создания иллюзии «бесконечного» перелистывания создадим две копии листа в крайних положениях с помощью инструмента Snapshot. Ставим ползунок анимации в первый кадр, идем в меню Tools – Snapshot, все параметры оставляем без изменений, жмем ОК.
Идем в сотый кадр и повторяем процедуру. Моделирование окончено!
Освещение и материалы я оставила как есть. Если хотите, можно поэкспериментировать .
В окне проекции Perspective разворачиваем книжку так, чтобы она была видна целиком в 50-м кадре (когда листок стоит вертикально) и нажимаем кнопку Render Setup.
В группе Time Output ставим переключатель на «Active Time Segment: 0 To 100». В окошке «Every Nth Frame» пишем цифру 15. Это значит, что мы будем рендерить каждый 15-й кадр. Если хотите более плавное перелистывание странички на конечной картинке, Вы можете выбрать, например, каждый десятый кадр, написав в этом окошке 10. Тогда кадров у Вас получится больше.
В группе Output Size выбираем нужное разрешение. Мне нужна была маленькая книжечка, поэтому я поставила 320х240.
В группе Render Output жмем на кнопку Files. Выбираем папку, куда будем складывать наши рисунки, вводим имя файла (любое) и выбираем тип файла «JPEG File». Качество сжатия на Ваше усмотрение.
Проверяем, что для рендера выбрано окно перспективы и нажимаем кнопку «Рендер».
Ждем несколько секунд. По завершению действа сохраняем файл (если нужно) и закрываем Мах.
Загружаем все рисунки из ранее выбранной папки в Фотошоп. Теперь нам нужно собрать все картинки в единый файл. Для этого я выбрала самый первый с именем b0000.jpg. Перетаскиваем его в сторонку, чтобы остальные окна его не перекрывали. Активируем окошко следующего рисунка (у меня это b0015.jpg) и с палитры слоев перетаскиваем единственный слой этого файла в окошко b0000.jpg. Под указателем появляется пунктирная рамка. Мышку отпускаем.
В результате у рисунка b0000.jpg прибавился второй слой. Рисунок b0015.jpg можно закрыть. Точно так же поступаем со всеми остальными рисунками: перетаскиваем их в b0000.jpg и закрываем. На палитре Layersу b0000.jpg теперь семь слоев, включая бэкграунд.
Мне нужен был прозрачный фон, поэтому на каждом слое при помощи Magic Wand Tool (волшебной палочки) я выделила черный фон и удалила его. Очень удобно для отображения одного слоя нажимать Alt и щелкать по значку глаза на палитре слоев. Следующей операцией была обрезка лишнего инструментом Crop (Обрезка).
Отобразим палитру анимации: меню Window – Animation. Делаем видимым самый нижний слой (бэкграунд). На палитре анимации нажимаем кнопочку Duplicates Selected Frames (Дублировать Выделенный Кадр).
Появился точно такой же кадр. В палитре слоев делаем видимым Layer 1 (щелкаем с нажатой клавишей Alt на значке глаза возле этого слоя). Картинка на втором кадре слегка меняется. Снова дублируем кадр на палитре анимации кнопочкой Duplicates Selected Frames, и снова с нажатой Alt щелкаем на значке глаза, теперь возле Layer 2. Продолжаем вставлять кадры и «щелкать по глазам» до самого последнего слоя. На палитре анимации должно теперь находиться семь кадров. Устанавливаем для каждого кадра время отображения. Я выбрала 0,1 сек.
Можно проиграть полученную анимацию, нажав на зеленый треугольник.
Подробнее об анимации для Web читайте тут: http://arttower.ru/tutorial/Svetilkin/spra...Charter10/1.htm.
Что ж, работа почти завершена. Нажимаем комбинацию Alt+Shift+Ctrl+S (или меню File – Save for Web). Поэкспериментируйте с настройками, обращая внимание на качество картинки в правом окошке и размер конечного файла. Нажмите кнопку Save, укажите имя Вашего творения и место для его хранения. Вуаля! Книжка готова!
Можно посмотреть анимацию. Неплохо, да? Теперь для создания иллюзии «бесконечного» перелистывания создадим две копии листа в крайних положениях с помощью инструмента Snapshot. Ставим ползунок анимации в первый кадр, идем в меню Tools – Snapshot, все параметры оставляем без изменений, жмем ОК.
Идем в сотый кадр и повторяем процедуру. Моделирование окончено!
Освещение и материалы я оставила как есть. Если хотите, можно поэкспериментировать .
В окне проекции Perspective разворачиваем книжку так, чтобы она была видна целиком в 50-м кадре (когда листок стоит вертикально) и нажимаем кнопку Render Setup.
В группе Time Output ставим переключатель на «Active Time Segment: 0 To 100». В окошке «Every Nth Frame» пишем цифру 15. Это значит, что мы будем рендерить каждый 15-й кадр. Если хотите более плавное перелистывание странички на конечной картинке, Вы можете выбрать, например, каждый десятый кадр, написав в этом окошке 10. Тогда кадров у Вас получится больше.
В группе Output Size выбираем нужное разрешение. Мне нужна была маленькая книжечка, поэтому я поставила 320х240.
В группе Render Output жмем на кнопку Files. Выбираем папку, куда будем складывать наши рисунки, вводим имя файла (любое) и выбираем тип файла «JPEG File». Качество сжатия на Ваше усмотрение.
Проверяем, что для рендера выбрано окно перспективы и нажимаем кнопку «Рендер».
Ждем несколько секунд. По завершению действа сохраняем файл (если нужно) и закрываем Мах.
Загружаем все рисунки из ранее выбранной папки в Фотошоп. Теперь нам нужно собрать все картинки в единый файл. Для этого я выбрала самый первый с именем b0000.jpg. Перетаскиваем его в сторонку, чтобы остальные окна его не перекрывали. Активируем окошко следующего рисунка (у меня это b0015.jpg) и с палитры слоев перетаскиваем единственный слой этого файла в окошко b0000.jpg. Под указателем появляется пунктирная рамка. Мышку отпускаем.
В результате у рисунка b0000.jpg прибавился второй слой. Рисунок b0015.jpg можно закрыть. Точно так же поступаем со всеми остальными рисунками: перетаскиваем их в b0000.jpg и закрываем. На палитре Layersу b0000.jpg теперь семь слоев, включая бэкграунд.
Мне нужен был прозрачный фон, поэтому на каждом слое при помощи Magic Wand Tool (волшебной палочки) я выделила черный фон и удалила его. Очень удобно для отображения одного слоя нажимать Alt и щелкать по значку глаза на палитре слоев. Следующей операцией была обрезка лишнего инструментом Crop (Обрезка).
Отобразим палитру анимации: меню Window – Animation. Делаем видимым самый нижний слой (бэкграунд). На палитре анимации нажимаем кнопочку Duplicates Selected Frames (Дублировать Выделенный Кадр).
Появился точно такой же кадр. В палитре слоев делаем видимым Layer 1 (щелкаем с нажатой клавишей Alt на значке глаза возле этого слоя). Картинка на втором кадре слегка меняется. Снова дублируем кадр на палитре анимации кнопочкой Duplicates Selected Frames, и снова с нажатой Alt щелкаем на значке глаза, теперь возле Layer 2. Продолжаем вставлять кадры и «щелкать по глазам» до самого последнего слоя. На палитре анимации должно теперь находиться семь кадров. Устанавливаем для каждого кадра время отображения. Я выбрала 0,1 сек.
Можно проиграть полученную анимацию, нажав на зеленый треугольник.
Подробнее об анимации для Web читайте тут: http://arttower.ru/tutorial/Svetilkin/spra...Charter10/1.htm.
Что ж, работа почти завершена. Нажимаем комбинацию Alt+Shift+Ctrl+S (или меню File – Save for Web). Поэкспериментируйте с настройками, обращая внимание на качество картинки в правом окошке и размер конечного файла. Нажмите кнопку Save, укажите имя Вашего творения и место для его хранения. Вуаля! Книжка готова!
