Здравствуйте, гость ( Вход | Регистрация )

Свернуть

Новости

Форум Лучшее из галереи Уроки и статьи
07.12.2015 Выставочный зал: кошарик - персональная выставка
31.08.2015 Интересные ссылки для рисовальщиков
21.01.2015 Выставочный зал 2: Игрушки Олеси Гавриленко

27.12.2014 Выставочный зал: кошарик - персональная выставка
17.11.2014 Дуэль "Рыбки" - победитель Лисичка
05.11.2014 Конкурс иллюстраций "Снежная королева", до 31 января
30.10.2014 Дуэль "Рыбки" до 16 ноября
14.07.2014 Мастер-класс Мини-мишка в технике фелтинга
26.05.2013 Ау! Мы ищем таланты! – приглашаем модераторов!
'EAVY METAL
tn_gallery_14028_896_224468.jpg

06.01.2016 Виртуальный Музей: Русский живописец Василий Дмитриевич Поленов
28.12.2015 Виртуальный Музей: Нидерландский живописец Квентин Массейс
16.12.2015 Виртуальный Музей: Итальянский живописец Франче́ско Айец
17.11.2015 Виртуальный Музей: Луи Анкетен (Louis Anquetin)
11.11.2015 Виртуальный Музей: Русский живописец Алексей Иванович Корзухин
Файловый архив
06.09.2013 Прочее: Файлы к уроку "Чайная церемония"
05.09.2013 Журнал Art Tower: ArtTower Magazine #8
16.05.2013 Adobe Photoshop: Кисти: Reid Southen brush
16.05.2013 Adobe Photoshop: Кисти: Goro Fujita brush
16.05.2013 Adobe Photoshop: Кисти: Кисти для рисования в Photoshop
Блоги Новости в цифровом мире и мире дизайна
02.12.2014 Дама с каменьями: Вести с крыши 2
08.11.2014 Timenews: Вассерман: прежняя модель мировой экономики исчерпала себя
06.11.2014 Дама с каменьями: Приятные вести с крыши))) от Гаргула)
02.11.2014 Spell: Книги Дж. Кэмерон
22.10.2014 Vjaz: от ФУ до МА
25.11.2015 Комментарий от Foxx в Costa Rica Adventure Divers, Логотип для компании и рисунок на майку (maria_mer)
18.11.2015 Комментарий от maria_mer в Spellforce - майка, для фанов игры (maria_mer)
18.11.2015 Комментарий от maria_mer в Белая книга. Целитель - любительский прект (maria_mer)
09.04.2015 Комментарий от Romana в Книги Дж. Кэмерон (Spell)
08.04.2015 Комментарий от Romana в Я решил вернуться... (Элбирет)
16.03.2015 ФОТОФОРУМ-2015
01.01.2015 ARQUTE.com и ArtTalk.ru закрываются
19.01.2017 Конкурс дизайна логотипов
26.12.2016 ру/Ководство: О творческом развитии
14.10.2016 ру/Ководство: Разнообразие

 
Добавить ответ в эту темуОткрыть тему
> Листающаяся книжка, Создаем анимированную книжечку. Урок для начинающих. Инструменты: 3DS Max, Photoshop.
V
Arven
сообщение 7.02.2011 - 12:37
Сообщение #1


Постоялец
**


Группа: Жители
Сообщений: 54
Регистрация: 17.12.2007
Из: Россия
Пользователь №: 6702
Любитель :)
Галерея


Симпатии:  4  


Понадобилась мне как-то раз вот такая книжечка в формате .gif.Прикрепленное изображение
Расскажу, как я её сделала. Урок рассчитан на людей, уже имеющих некоторые навыки работы с 3DS Max и Photoshop.
Сначала настроим 3DS Max. Идем в меню CustomizeUnits Setup… - выбираем сантиметры.

Прикрепленное изображение

Моделируем обложку. Левая часть – обычный box в окне проекции Top, параметры как на картинке: 20,5 см х 13,0 см х 0,2 см (как обложка у реальной книжки), сегментов минимум.

Прикрепленное изображение

Сдвигаем обложку по оси Х на 0,5 см влево от центра координат,

Прикрепленное изображение

а центр объекта – в центр координат, как на рисунке ниже. Это делается для того, чтобы вторая половинка обложки скопировалась сразу в нужное место.

Прикрепленное изображение

Теперь сделаем обложке скошенные уголки. В жизни не бывает книжек с идеально прямыми углами. В стеке выбираем модификатор EditPoly, выделяем все вершины (цифра 1, чтобы перейти в режим выделения вершин; затем Ctrl-A), нажимаем кнопку Chamfer и делаем нужный скос. Нажимаем ещё раз цифру 1. В принципе, вместо применения модификатора EditPoly можно просто конвертировать объект в Editable Poly, но тогда теряется возможность редактировать исходный box.

Прикрепленное изображение

Теперь пришла пора создать правую часть обложки. Жмем кнопку Mirror Прикрепленное изображение и отражаем по оси Х с копированием.

Прикрепленное изображение

Сделаем корешок. Опять box, размеры 20,5 см х 1,2 см х 0,2 см. По ширине задаем разбиение 6 сегментов, положение – в центре координат. Теперь согнём корешок. Выбираем в стеке модификатор Bend, в окне проекции Front контролируем изгиб.

Прикрепленное изображение

Немного опустим корешок. Обложка готова! Займемся листами. Книга раскрыта посередине. Один лист будет перелистываться, остальная масса неподвижна. Инструментом Line в окне проекции Front рисуем фигуру, напоминающую торец левой половины книги. Крайняя правая вершина должна находиться точно на оси координат, проверьте на большом увеличении. При необходимости корректируем положение и количество вершин.

Прикрепленное изображение

Применяем модификатор Extrude, двигаем объект на место.

Прикрепленное изображение

Центр получившегося объекта перемещаем в 0 по осям Х и Y. Опять-таки, я это делаю от лени, чтобы потом копию не перемещать smile.gif . Если Вы планируете украсить страницы текстом, на этом этапе имеет смысл конвертировать нашу книжку в Editable Poly (или добавить модификатор EditPoly) и назначить разным поверхностям разные ID, а также применить модификатор UVW Map. В мои планы не входил урок по текстурированию, поэтому я оставлю листки светло-бежевыми. Нажимаем уже известную кнопку Mirror и зеркалим с копированием, точно так же, как обложку. В результате половинки книжки должны соприкасаться. Осталось создать переворачивающийся листок. В окне проекции Left создаем box и двигаем его на место. Разбиение по длине должно быть достаточным, чтобы при анимации листок сгибался гладко. Параметры на скриншоте.

Прикрепленное изображение

Перемещаем центр листа к его основанию.

Прикрепленное изображение

Применяем к листу модификатор Bend. Центр модификатора перемещаем в основание листа.

Прикрепленное изображение

Выставляем параметры, как на скриншоте ниже.

Прикрепленное изображение

Наш листок занял довольно странное положение. Давайте повернем его, чтобы он лежал, и заодно оживим книжечку. Включаем запись анимации кнопкой Auto Key, нажимаем кнопку привязки по углу и поворачиваем листок на 40 градусов вправо.

Прикрепленное изображение

Перемещаем ползунок анимации в последний кадр, в параметрах модификатора Bend -90 меняем на 90, поворачиваем листок влево на 80 градусов и отключаем запись анимации (жмем еще раз кнопку Auto Key).

Прикрепленное изображение

Можно посмотреть анимацию. Неплохо, да? Теперь для создания иллюзии «бесконечного» перелистывания создадим две копии листа в крайних положениях с помощью инструмента Snapshot. Ставим ползунок анимации в первый кадр, идем в меню ToolsSnapshot, все параметры оставляем без изменений, жмем ОК.

Прикрепленное изображение

Идем в сотый кадр и повторяем процедуру. Моделирование окончено!
Освещение и материалы я оставила как есть. Если хотите, можно поэкспериментировать smile.gif .

В окне проекции 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 (Обрезка).

Прикрепленное изображение

Отобразим палитру анимации: меню WindowAnimation. Делаем видимым самый нижний слой (бэкграунд). На палитре анимации нажимаем кнопочку 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 (или меню FileSave for Web). Поэкспериментируйте с настройками, обращая внимание на качество картинки в правом окошке и размер конечного файла. Нажмите кнопку Save, укажите имя Вашего творения и место для его хранения. Вуаля! Книжка готова!Прикрепленное изображение

--------------------------------------------------------------------------------------------------------------------

Автором урока является Ирина Булахова.
Запрещается копирование и публикация урока на других сайтах без письменного согласия автора и размещения ссылок.

The tutorial is written by Irina Bulahova.
No part of this tutorial can be copied/pasted on any other website without the author's express written permission.

Сообщение отредактировал Foxx - 21.02.2011 - 18:25


--------------------
Что ни делается, всё делается к лучшему
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Arven
сообщение 15.02.2011 - 20:03
Сообщение #2


Постоялец
**


Группа: Жители
Сообщений: 54
Регистрация: 17.12.2007
Из: Россия
Пользователь №: 6702
Любитель :)
Галерея


Симпатии:  4  


А с текстурами получилось вот так: Прикрепленное изображение


--------------------
Что ни делается, всё делается к лучшему
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения

Быстрый ответДобавить ответ в эту темуОткрыть тему
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0

 



- Текстовая версия форума Сейчас: 20.10.2017 - 08:10