Web-редактор Macromedia Dreamweaver MX



Использование пакета Dreamweaver

В связи с развитием Интернета во всем мире появился спрос на профессию Web-дизайнера. Web-дизайнер — это человек, обладающий художественным вкусом и сведущий в интернет-технологиях, который создает Web-страницы и объединяет их в Web-сайты. Художественный вкус (а желательно и соответствующее образование) — это главное, что должен иметь Web-дизайнер (и -не только Web-дизайнер, но и его коллега из области полиграфии), т. к. только знание интернет-технологий еще не служит гарантией получения качественного результата. Тем более что современные программные средства позволяют ему не вникать во всякие тонкости.
Но что делать, если вы чувствуете в себе творческий порыв, желаете самореализоваться в области Web-дизайна, но с трудом представляете, что такое HTML, CSS и JavaScript? (Конечно, знание всего этого совсем не помешает, но...) Не беда! Специально для вас разработаны программы визуальных Web-редакторов, позволяющие создавать Web-страницы и целые Web-сайты, не вникая в тонкости интернет-технологий и стандартов, так, как вы создаете документы в Microsoft Word.
Этот сайт рассказывает о Macromedia Dreamweaver MX — последней версии популярного Web-редактора компании Macromedia. Это исключительно мощная программа, поддерживающая все современные стандарты Интернета и невероятно облегчающая выполнение даже самых сложных задач. Кроме того, он содержит в своем составе развитую систему подсказки и интерактивных уроков, позволяющих начинающему пользователю быстро приступить к работе. По иронии судьбы, Dreamweaver "задвинут" в тень своего более "раскрученного" собрата Microsoft FrontPage. Но — будьте уверены! -он не заслужил такой участи.

Использование шаблонов
Представим себе такую ситуацию. Мы вдруг решили добавить в наш сайт новую страницу. Чтобы это сделать, нам нужно изменить полосу навигации во всех страницах, а для этого придется открыть каждую из них в окне документа, добавить ссылку и сохранить страницу. Наш сайт невелик по размеру, и мы выполним эту работу довольно быстро. А если бы он был велик?

Диалоговое окно Export
Обновление страниц на основе шаблонов
Управление шаблонами в окне шаблонов
Кнопка Delete панели Assets
Кнопка Refresh Site List панели Assets
Новые возможности шаблонов
Изменяемые атрибуты
Диалоговое окно Editable Tag Attributes
Диалоговое окно добавления нового атрибута
Диалоговое окно Template Properties

Каскадные таблицы стилей
Каскадные таблицы стилей CSS — это довольно позднее нововведение. Если сам HTML появился в 1989 году, то таблицы стилей — только в 1997. Мало того, таблицы стилей не считаются частью HTML, а "гуляют сами по себе", как кошка Киплинга. И если вы зайдете на сайт WWWC, то увидите, что на описание HTML ведет одна гиперссылка, а на описание CSS — другая.

Параметры шрифта
Комбинированный список
Единицы измерения - стандарт CSS
Параметры фона
Вкладка Background
Параметры абзаца
Вкладка Block диалогового
Параметры размеров и размещения
Вкладка Box диалогового
Графическое изображение

Свободно позиционируемые элементы
Dreamweaver, кроме всего прочего, позволяет выделить одновременно несколько свободно позиционируемых элементов и произвести над ними некоторые манипуляции. В этом случае все выделенные элементы ведут себя как одна группа.

Группа выделенных
Свободно позиционируемые
Свободно позиционируемые элементы
Вид панели редактора

Анимация элементов Web-страниц
Одним из основных преимуществ свободно позиционируемых элементов является возможность управлять их местоположением, размером и видимостью с помощью специально написанных сценариев. Вы можете создавать простую анимацию на Web-страницах, заставляя свободно позиционируемые элементы перемещаться по заданным траекториям. Причем никакой модификации HTML-кода, кроме добавления соответствующих сценариев, не требуется

Зачем нужна анимация
Создание анимации в Dreamweaver
Создание простейшей анимации
Панель Timelines
Комбинированный список анимаций
Предупреждение выводимое
Новая дорожка анимации
Маркер выделенного кадра
Готовая траектория
Более сложная анимация

Использование сценариев
Как вы уже знаете, Web-сценарии позволяют преодолеть ограничение HTML, обусловленное его природой языка разметки страницы. Это ограничение заключается в том, что с помощью HTML можно описать только внешний вид данных, отображаемых на Web-странице, но никак не их поведение при наступлении того или иного события

Webсценарии — подход Dreamweaver Поведения
Поведения поддерживаемые Dreamweaver
События поддерживаемые Dreamweaver
Работа с поведениями
Панель Behaviors
Панель Behaviors
Меню событий панели Behaviors
Пункты подменю Show Events For меню событий
Диалоговое окно Play Timeline
Внимание

Метатеги
А сейчас будет рассказано о том, чему неопытные Web-дизайнеры мало уделяют внимания. Это возможности не Dreamweaver, а самого языка HTML и различных программ Web-серверов, используемых во Всемирной паутине. Это так называемые метатеги и серверные директивы.

Базовый интернетадрес
Кнопка Base панели объектов
Диалоговое окно Base
Редактор свойств
Перезагрузка
Кнопка Refresh панели объектов
Диалоговое окно Refresh
Редактор свойств
Связи между Webстраницами
Кнопка Link панели объектов

Введение в серверное программирование
Так давайте же сделаем следующий шаг — перейдем от страниц, хранящихся в файлах на сервере, к страницам, генерируемым специальными программами. Как раз написанием таких программ и занимается серверное программирование. Но давайте по порядку. И начнем мы с того, что выясним, зачем нужны эти серверные программы.

Что такое серверное программирование
Зачем нужны серверные программы
Как Webсервер
Расширения файлов серверных программ
Как Webобозреватель отправляет данные
Как данные передаются по Сети
Серверное программирование - Dreamweaver
Введение в базы данных

Формы
Формы (также их называют Web-формами), как вы помните, служат для сбора данных пользователя и отправки их Web-серверу. Они представляют собой набор из элементов управления (полей ввода, флажков, переключателей, списков и обычных кнопок), размещаемых на Web-странице. В этом смысле они аналогичны обычным диалоговым окнам Windows-приложений и работают так же.

Список
Кнопка List/Menu панели объектов
Вид редактора свойств при выделенном списке
Диалоговое окно List Values
Поле ввода имени файла
Кнопка File Field панели объектов
Вид редактора свойств
Графическая кнопка
Кнопка Image Field панели объектов
Вид редактора свойств

Простейшие серверные приложения
Мы полны сил. Нами движут лучшие помыслы. Наш Dreamweaver рвется в бой. Наш Web-сервер установлен и правильно настроен. (О том, как настраивать Microsoft Personal Web Server и Internet Information Server, читайте в поставляемой с ними документации.) Наш "статичный" Web-сайт давно работает и пользуется огромной популярностью. Наш кофе давно сварен и медленно остывает в чашке

Страница отображающая данные
Кнопка Dynamic Text панели объектов
Динамический текст
Создание навигатора
Готовая страница Guestbook asp с навигатором
Создание строки статуса набора данных
Готовая страница
Страница для одновременного просмотра
Привязка элементов управления к данным
Создание сложных наборов данных

Создание интерактивных сайтов
Здесь мы подведем итог всего, что было сказано в трех предыдущих главах: научимся создавать целые интерактивные сайты, построенные на основе серверных Web-страниц. Мы объединим все полученные нами ранее знания в единое целое — Web-сайт, чьи страницы генерируются серверными программами на основе базы данных.

Защита страниц от несанкционированного доступа
Реализация выхода с сайта
Страницы общего доступа
Страница списка категорий
Страница списка высказываний
Страница регистрации посетителя
Реализация поиска высказываний
Что дальше?
Принципы создания интерактивных сайтов
Административные страницы сайта

Заключение
Я рассказал об этой программе все, что знал и что мог найти в поставляемой с ним электронной документации и других информационных ресурсах. Я поделился своими соображениями насчет принципов Web-дизайна и различных интернет-технологий, еще современных и уже устаревших. Вы были озадачены огромным количеством новых терминов, имеющих хождение среди интернетчиков и Web-дизайнеров.

Web-редактор Macromedia Dreamweaver MX

В связи с развитием Интернета во всем мире появился спрос на профессию Web-дизайнера. Web-дизайнер — это человек, обладающий художественным вкусом и сведущий в интернет-технологиях, который создает Web-страницы и объединяет их в Web-сайты. Художественный вкус (а желательно и соответствующее образование) — это главное, что должен иметь Web-дизайнер (и -не только Web-дизайнер, но и его коллега из области полиграфии), т. к. только знание интернет-технологий еще не служит гарантией получения качественного результата. Тем более что современные программные средства позволяют ему не вникать во всякие тонкости.
Но что делать, если вы чувствуете в себе творческий порыв, желаете самореализоваться в области Web-дизайна, но с трудом представляете, что такое HTML, CSS и JavaScript? (Конечно, знание всего этого совсем не помешает, но...) Не беда! Специально для вас разработаны программы визуальных Web-редакторов, позволяющие создавать Web-страницы и целые Web-сайты, не вникая в тонкости интернет-технологий и стандартов, так, как вы создаете документы в Microsoft Word.
Эта электронная книга рассказывает о Macromedia Dreamweaver MX — последней версии популярного Web-редактора компании Macromedia. Это исключительно мощная программа, поддерживающая все современные стандарты Интернета и невероятно облегчающая выполнение даже самых сложных задач. Кроме того, она содержит в своем составе развитую систему подсказки и интерактивных уроков, позволяющих начинающему пользователю быстро приступить к работе. По иронии судьбы, Dreamweaver "задвинут" в тень своего более "раскрученного" собрата Microsoft FrontPage. Но — будьте уверены! -он не заслужил такой участи.
Может быть совсем и по-другому. Вы — опытный Web-дизайнер, предпочитающий все делать "врукопашную", но желающий немного автоматизировать свою работу. Dreamweaver поможет вам и в этом случае. Вы сможете быстро сделать "набросок" своей Web-страницы, а потом довести код "до ума" вручную. Поверьте, так работать гораздо удобнее — и вы быстро привыкнете.
Macromedia Dreamweaver — достаточно "старый" пакет. Первая его версия была разработана еще в 1998 году и получила популярность в России благодаря своей "благосклонности" к русскому языку и снисходительному отношению к множеству русскоязычных кодировок. Я пользуюсь Dreamweaver, начиная с версии 2.0. В прошлом году я написал электронная книгау о предыдущей версии Dreamweaver — 4.0. Теперь же, с выходом Dreamweaver MX, я снова взялся за перо, так сказать.

Введение
Изучать Dreamweaver мы будем на конкретном примере. Мы будем делать личный Web-сайт гипотетического Web-дизайнера Ивана Ивановича Иванова. Сначала этот сайт будет совсем простеньким; на его основе мы изучим базовые инструменты программы и основные принципы Web-дизайна. Впоследствии сайт станет сложнее и красивее; мы будем использовать фреймы и таблицы, чтобы придать ему профессиональный вид. Далее мы изучим таблицы стилей, встроенные средства для анимации элементов страницы и сценарии, позволяющие "оживить" страницы нашего сайта.

Как создаются Web-страницы
Так как же делаются те красивые Web-странички, которые выводит нам Web-обозреватель? И откуда они берутся? А вот я слышал в автобусе слово "WWW" и не знаю, что это такое... И вообще, что такое Интернет и почему мы его не видим, как, например, монитор или сообщения об ошибках Windows? Все-все! Сейчас попытаемся ответить на эти вопросы. И начнем с самого последнего.

Рисунки звуки фильмы
Что такое Интернет
Как создаются Web страницы
Простейшая Web страничка
Измененная Web страничка
Гиперссылки
Два окна Web обозревателя
Клиенты и серверы Интернета
Зачем нужны HTML редакторы
Что дальше?

Основные принципы работы с Dreamweaver
В этой главе мы рассмотрим начальные сведения о работе с Macromedia Dreamweaver MX. Вы узнаете, зачем нужны его многочисленные окна и инструменты, какие из них действительно вам понадобятся, а какие — нет. Также мы узнаем о начальных настройках этой программы, в частности, что нужно сделать, чтобы Dreamweaver поддерживал русский язык (изначально он не знаком с русским, т. к. по происхождению — американец)

Поиск и замена текста
Диалоговое окно Find and Replace
Диалоговое окно Find
Диалоговое окно Find - 2
Внимание
Панель Search
Использование регулярных выражений
Регулярное выражение поиска интернетадресов
Регулярное выражение
Литералы регулярных выражений

Начинаем с текста
В этой главе мы, собственно, и начнем работу с Dreamweaver. На первый раз мы не будем усложнять себе жизнь и ограничимся простейшей Web-страницей с краткими сведениями об авторе и набором ссылок на другие, пока еще не существующие страницы Web-сайта.

Создание обычных гиперссылок
Поле ввода интернет адреса в редакторе свойств
Гиперссылка указывающая на сайт Macromedia
Диалоговое окно Select File
Раскрывающийся список
Создание почтовых гиперссылок
Гиперссылка указывающая на почтовый адрес
Кнопка Email Link панели объектов
Диалоговое окно Email Link
Другие гиперссылки

Фоновые изображения
Выше мы рассмотрели, как размещаются на Web-странице всевозможные изображения в разных форматах. Все эти изображения представляли собой полезное содержание страницы и находились в "потоке" текста либо жестко к нему привязанные, либо "плавающие" в нем. Однако стандарт HTML определяет еще и так называемые фоновые изображения, помещаемые под текстом и "просвечивающие" сквозь "прозрачный" цвет графических элементов страницы.

Фоновые изображения
Webстраница с фоновым изображением
Мультимедиа
Поддержка мультимедийных данных
Типы MIME
Таблица стилей HTML
Модули расширения
Кнопка Plugin панели объектов
Модуль расширения
Редактор свойств

Таблицы
Если ввести в поле ввода W какое-либо значение и нажать клавишу Enter, данное значение будет применено ко всем ячейкам таблицы. Используйте эту особенность, если хотите создать таблицу с ячейками одинаковой ширины. Но если вы зададите некорректное значение (например, 50% для таблицы из десяти столбцов), Web-обозреватель сам решит, какой ширины будет та или иная ячейка.

Параметры строки
Результат установки
Параметры таблицы
Вид редактора свойств при выделенной таблице
Внимание
Перекрытие параметров таблицы
Кнопки управления
Внимание
Предопределенные форматы таблиц
Готовый список увлечений

Настройка прокси-сервера или брандмауэра
А теперь давайте поговорим о настройке прокси-сервера или брандмауэра, если таковой используется в вашей организации. Если же вы не настроите Dreamweaver на использование прокси-сервера, вы не попадете в Интернет и не сумеете подключиться к FTP-серверу для отправки файлов сайта.

Панель Site
Панель Site
"Дерево"
Кнопка Expand/Collapse
Панель Site в расширенном виде
Кнопка Connect to
Кнопка Refresh инструментария панели Site
Диалоговое окно Edit Sites
Работа с файлами сайта
Внимание

Фреймы
Для того чтобы задать свойства наборов фреймов и отдельных фреймов, нужно сначала выбрать один из них. Лучше всего это проделывать в панели Frames. Изначально она отсутствует в доке, поэтому выберите пункт Frames в подменю Others меню Window или нажмите комбинацию клавиш Shift+F2.

Свойства наборов фреймов
Панель Frames
Вид редактора свойств
Внимание
Свойства фреймов
Вид редактора свойств при выделенном фрейме
Параметры фреймов нашего набора
Замещение и работа с ним
Текст замещения
Создание содержимого фреймов

Табличный дизайн
Группа переключателей Width позволяет вам установить ширину ячейки. Переключатель Fixed и расположенное справа от нее поле ввода Width задают фиксированную ширину ячейки. Прежде чем задавать ширину ячейки, не забудьте включить вышеупомянутый переключатель. Другой переключатель в этой группе — Autostretch — задает режим "саморастягивания" ячейки, т. е. ячейка будет занимать все пространство таблицы, оставшееся от других ячеек. В таблице может быть только одна такая ячейка

Меню строки ширин
Параметры таблицы разметки
Вид редактора свойств
Заполнение начальной страницы
Новая начальная страница
Недостатки табличного дизайна
Недостатки таблиц
Таблица разметки
Таблица в любом случае получится
Таблица разметки как правило

Maya для начинающих

Первый урок, кстати, самый простой в этой книге. Может быть, задача переворачивания страницы трехмерной книги покажется вам банальной и даже скучной. Я думал точно так же, пока не предложил это задание десяти студентам университета в классе 3D анимации. Я дал им 30 минут на то, чтобы смоделировать лист бумаги и перевернуть его справа налево.
Некоторые студенты уже занимались трехмерной анимацией в свободное время, другие подрабатывали Веб-дизайном. Все они были хорошо знакомы с интерфейсом Мауа. Однако через полчаса никто из них не смог сконструировать изгибающуюся в процессе перелистывания страницу книги.
Лучшим результатом была выпуклая страница, которая проникала в корешок книги, поскольку ее кривизна не менялась во время переворачивания. Некоторые студенты пытались решить проблему с помощью Soft Body Dynamics (Динамики Мягкого Тела), один студент даже использовал Maya Cloth (Maya Ткани); они просто не смогли справиться с задачей, используя базовые приемы моделирования.
Поэтому, если вы все еще считаете этот урок простым, возьмите и сконструируйте страницу на вашем компьютере. И не переворачивайте страницу этой книги, пока не перевернете трехмерную страницу в Мауа.
Для выполнения этой задачи вам не нужно иметь дело со скучным и утомительным выделением и перемещением CV (контрольных вершин) кривых. Не потребуется также Soft Body Dynamics (Динамика Мягкого Тела). Существует несколько возможных решений этой задачи, как и любой другой, но только некоторые из них изящно просты. Для нахождения этого решения сделайте шаг назад. Не думайте о моделировании страницы, сконцентрируйтесь на ядре проблемы, которым является анимация, а не моделирование.
Эта анимация заключается в повороте страницы вокруг центральной оси книги, которая соединяет страницы между собой. Если вы начнете с использования, скажем, обычной NURBS-плоскости (сокр. от non-uniform, rational B-spline - неоднородный рациональный би-сплайн (геометрический примитив, широко используемый для описания кривых поверхностей) и попробуете повернуть ее вокруг оси, вам придется иметь дело с контрольными вершинами, для получения нужного изгиба страницы. Я не возражаю против такого способа. Однако знайте, что контрольные точки могут быть использованы только на завершающем этапе моделирования, и, как правило, для получения мелких изменений, но не в основных процедурах. Поэтому выполнение задачи необходимо начинать не с плоскости, а с кривых. Раз уж мы имеем дело с поворотом вокруг оси, давайте создадим 3 кривые, параллельные ей.

Предисловие
Иногда разница между мастером и любителем очень незначительна. Возьмите каменщиков. Мастер дополнительно затрачивает несколько минут, чтобы аккуратно выложить вертикаль, либо у него есть три дополнительных ножа для цементирования и двусторонний скребок с супернаконечником. Все это наглядно иллюстрирует ситуацию, сложившуюся в сфере анимационного производства: средства следует вкладывать в инструменты! Компьютерное моделирование уже требует таких огромных затрат времени, энергии, усилий, нервов и денег, что было бы просто глупо не вложить дополнительно 0,2% средств в изучение тех мелочей, которые и отличают Мауа-мастера от Мауа-любителя.

Введение
Ни один из представленных в этой книге тридцати уроков не займет у вас больше часа, - это все, что вам требуется, чтобы увидеть, как пламя извергается из кратера или как велосипедист машет вам рукой. Однако мой опыт работы со студентами показан, что каждая глава рождает дополнительные мысли, создает серию идей, в результате которых появляются совершенно новые, неожиданные и гораздо более интересные разработки. И поскольку уроки строго не привязаны к определенным возможностям либо инструментам программы, но связаны с вопросами, возникающими в реальной жизни, вы будете возвращаться к этой книге снова и снова. Работая над каким-нибудь объектом, вы вдруг вспомните кнопку дверного звонка или узловатого человечка.

Анимация
Первый урок, кстати, самый простой в этой книге. Может быть, задача переворачивания страницы трехмерной книги покажется вам банальной и даже скучной. Я думал точно так же, пока не предложил это задание десяти студентам университета в классе 3D анимации. Я дал им 30 минут на то, чтобы смоделировать лист бумаги и перевернуть его справа налево.

Три кривые для одной страницы книги
Два ключевых кадра для кривых
Как переворачивается страница
Перемещение кривых недопустимо
Чтобы согнуть бумагу
Две кривые каждая с двумя ключевыми кадрами

Живая камера
Нелинейная анимация - это не более чем смещение по времени, изменение длительности и микширование анимационных данных: точно так же, как мы работаем с видео в любой монтажной системе. Совсем недавно в Мауа была добавлена техника Trax Editor (Редактор Дорожек) - новый великолепный инструмент анимации, который во многом заменяет собой Graph Editor (Редактор Анимационных Кривых) и Dope Sheet (Монтажный стол).

Живая камера
Плавное движение камеры к конусу
Каналы анимации плавного движения камеры
Создайте клип подрагивающего движения
Клип Shake из 20 кадров теперь
Эффект подрагивания в Weight

Забавы со скручиванием
Примером линейного деформирования может быть Scale (Масштабирование) объекта, например по оси X. В компьютерной анимации эта техника используется постоянно, когда нужно, скажем, сделать дом уже или выше или сферу больше. В нелинейной деформации мы не манипулируем объектом равномерно вдоль одной из осей. Нелинейная деформация может использоваться как в анимации, так и в моделировании. С помощью деформатора Bend (Изгиб) вы можете, к примеру, легко создать анимацию объекта, огибающего угол. Вам не придется прикасаться ни к единой контрольной вершине (CV). Если вам захочется расширить предварительно созданный объект, например в середине, то просто используйте деформатор Squash (Сплющивание).

Забавы со скручиванием
Отделение подменю нелинейных деформаторов
Куб подвергается воздействию деформатора
Три манипулятора заставляют куб изгибаться
Деформатор Flare (Выпуклость) сужает куб
Синусоидальная деформация куба
Сплющивание утолщает и укорачивает куб
С помощью манипуляторов деформатора
Волна в двух плоскостях и ее деформированная
Шесть потрясающих деформаций обычного куба

Зззвоним в звонок
Мауа, конечно, не воспроизводит звенящие звуки, но мы можем использовать ее возможности для создания ударника звонка, который будет вибрировать, ударяя по звонку. Мы также можем сконструировать кнопку звонка, нажатие которой заставит ударник вибрировать. Этот урок посвящен анимации и зависимостям.

Зззвоним в звонок
Набор объектов звенящее устройство
Опорная точка ударника сдвинута назад
Выражение со случайной функцией
Кнопка приобретает атрибут для состояний on / off
Инструмент Set Driven Key (Установить
Левая сторона окна Channel Control
После очищения только один атрибут

Куда он делся?
Одной из ключевых особенностей анимации персонажей является подготовка действия (anticipation). Каждый шаг в реальной жизни предваряется фазой подготовки к нему: перед тем как занести ногу вперед, мы слегка отводим ее назад - сильно перед тем, как ударить по мячу, слабее, когда прогуливаемся по парку, но все же мы это делаем. Отведение ноги назад, то есть движение в обратном направлении, и есть подготовка действия. У нее есть несколько особенностей, которые мы изучим в этом уроке, используя простой объект. Полученные результаты можно применять даже при изображении самого незаметного движения, для того чтобы обогатить личность сложного трехмерного персонажа. Мультипликаторы всегда знали об этой подготовке действия. Когда Дональд Дак проносится справа налево, мы видим, как он медленно отклоняется назад, перед тем как исчезнуть из виду за доли секунды.

Куда он делся!
Средние секции конуса сужены
Начиная с кадра 25 конус движется
Анимация с подготовкой действия
В кадре 70 конус слишком плавно
Задав тип Linear (Линейный) для
Активизируйте параметр 2D для
Конус визуализированный с помощью

Посемафорим
Более века назад семафорные флаги как систему передачи сигналов заменил электрический телеграф. Тем не менее и в наши дни корабли продолжают использовать семафор для связи на коротких дистанциях, а морские офицеры-связисты в прошлом использовали флаги для передачи сообщений приветствия, вызова или нападения. В системе семафора каждое сочетание двух флажков символизирует число или букву. Весьма интересно наблюдать за парой рук, машущих флажками по определенному шаблону и передающих информацию кому-то, знакомому с этой системой. В этом уроке мы отправим семафорное сообщение: четыре буквы M-A-Y-A. Для этого используем технику нелинейной анимации.

Посемафорим
Параметры для цветов текстуры Ramp на флаге
Буквы и числа семафорной азбуки
Для преобразования положений рук
Первая поза (нейтральная)
Персонаж сигнализирует букву Y
Используя среднюю кнопку мыши
Завершенная анимация передачи
Инструмент Blend (Плавный Переход)
Быстрый способ выхода из Trax Editor

Катись, мяч, катись!
Нет ничего сложного в том, чтобы передвинуть объект слева направо. Довольно просто толкать объект по горизонтальной плоскости. Однако совсем не так легко двигать объект по неровной поверхности, точно соблюдая заданный путь движения (использовать динамическую симуляцию в этом случае вы не можете: результаты могут быть самыми неожиданными). А если объект является сферой, которая должна катиться, а не скользить, - тут есть над чем задуматься. Но давайте отложим размышления на потом и начнем двигать куб по холмистой поверхности.

Катись мяч катись!
Вот так выглядит реальный курвиметр
Пиктограмма с магнитом в верху окна
Присоединим куб к кривой на поверхности
Наш куб движется по холмам и по долинам
Перемещаем опорную точку группы
Скользим и съезжаем с холмов но не катимся
Инструмент Arc Length Tool (Длина
После небольших вычислений вращение
Для того чтобы получить реалистичное

Управляем велосипедом и отвлекаем внимание
Анимация персонажей не сводится к цифровому изображению мимики, реалистичной ходьбе и синхронизированной с движениями губ речи. Персонаж также должен взаимодействовать с окружающим миром. Хотя в реальной жизни это предполагает огромное количество различных действий - прикасание, хватание, отпускание, взгляд, приближение, - в компьютерной анимации все это может быть сведено к Constraint (Принудительное согласование). Самое главное согласование - это то, которое связывает персонаж с другими элементами окружающего мира: с другим объектом или персонажем. В этом уроке мы рассмотрим основные процедуры при использовании такого вида ограничений. Мы создадим анимацию персонажа, управляющего велосипедом и одновременно рисующего другой рукой в воздухе знак @.

Руль велосипеда с ручками
Моделируем скелет несколькими щелчками мыши
Теперь создадим зеркальное отражение
Два ik Handles упрощают анимацию рук
Перемещение опорных точек ручек руля
Мат. равенство заставляет двигаться руль
Обе руки управляют велосипедом
Переключите Node State
Веса WO (для локатора) и W1
Когда вес для ручки руля меняется

Моток кабеля
В большинстве проектов анимация и моделирование - это два различных процесса. Однако многие объекты гораздо проще моделировать с помощью анимации, нежели классических инструментов моделирования. Например, центральная диафрагма фотокамеры напоминает ракушку улитки. Если вы начнете ее моделирование с профиля (со спирали), это займет слишком много времени. Гораздо быстрее вы получите требуемый результат, если немного подумаете, как создать анимацию закручивания спирали.

Моток кабеля
Опорная точка окружности смещена
Если мы повернем маленькую окружность
Каналы перемещения и вращения окружности
Для получения равномерной намотки
Большим прямоугольником выделим
Лофтированная поверхность построенная
Кабель с разными значениями End Time
История создания лофтированной
Намотайте медный материал вокруг

Узловатый человечек
Многие трехмерные объекты имеют безупречно гладкую поверхность, что хорошо не для всех задач. Обычно, для того чтобы сделать поверхность немного грубее и имитировать неровности, используют, так называемые Bump Maps (Карты Рельефа). В действительности же Bump Map (Карта Рельефа) - это свойство не поверхности, а камеры. В большинстве случаев Bump Mapping (Наложение Карты Рельефа) является достаточно эффективной процедурой и не требует много времени при рендеринге. Однако она совершенно неприменима, если вам нужны деформации и выпуклости, отчетливо выделяются на фоне.

Полигональный куб преобразованный
Разбейте нижнюю грань куба на две части
Инструмент Extrude Tool
Несколько последовательных экструдов
Точное моделирования носков стоп
Моделирование нижних конечностей завершено
Работаем над верхней частью тепа
Первые два экструда для шеи и головы
Последние штрихи вращение затылка
Контекстное меню SDSповерхности

Изогнутое крыло автомобиля
Когда разрабатывается дизайн автомашины, крыло (часть, которая огибает колесо) лишь в очень редких случаях проектируется отдельно. Форма крыла должна соответствовать внешнему виду автомобиля, поэтому обычно включается в процесс разработки дизайна. Тем не менее крыло автомобиля - это хороший пример для упражнения в моделировании весьма специфичных форм с использованием специальных кривых.

Это лофтированная поверхность
Колесо отлично входит в нишу созданную
Инструмент Proportional Modification
Обе передние контрольные вершины
Для того чтобы изогнуть край крыла
Верхние передние контрольные вершины
Базисная форма крыла
Две новые кривые двумя щелчками мыши
Новая поверхность построенная
Завершение второй фазы разработки

Нос с бородавкой
Человеческий нос обладает одной особенностью, которая при трехмерном моделировании просто взывает к NURBS моделированию: это его округлость. Но есть и другая особенность, кошмарная для NURBS моделлера: две дырки! Специалиста по полигонам, в свою очередь, дырки совершенно не беспокоят. Его, однако, весьма озадачивает вопрос получения гладкой округлой поверхности.

Жилбыл обычный SDSкуб
Режим Polygon mode (Полигональный режим)
Масштабирование вершин многоугольника
Дальнейшее масштабирование и перемещения
Моделируем острый кончик носа
Удаление четырех тыльных граней
Локальная детализация
Восемь вершин для моделирования ноздрей
Инструмент Proportional Modification
Конструируем ноздри с внешней стороны

Полигональный чемодан
В принципе нет ничего сложного в моделировании чемодана. Однако это прекрасный пример того, как различные подходы к решению задачи дают различные результаты. Мы сконструируем четыре чемодана четырьмя разными способами. Последний будет самым красивым, но мы не сможем его деформировать.

Полигональный чемодан
Создайте полигональный чемодан
После каждой операции Smooth (Сгладить)
Сглаженные края чемодана
Чемодан из SDSповерхностей
SDSкуб на иерархическом уровне 0
Раздвигаем диагональные вершины наружу
Команда Refine (Детализировать)
Диагональные вершины более подробного уровня
Этапы моделирования чемодана из SDSкуба

Два глаза и рот
В этом уроке мы познакомимся с техникой, удобной для создания NURBS-структуры с более чем двумя отверстиями, - Сшивание. Зачем вам могут понадобиться так много отверстий в NURBS-поверхности? Ну, скажем, вы моделируете человеческую голову. NURBS-моделирование дает вам гладкую криволинейную поверхность, но отверстия в ней можно делать лишь вдоль изопармы. Это означает, что, если вы начнете с создания NURBS-сферы и раскроете два полюса, для того чтобы сконструировать рот и шею, больше вам ничего сделать не удастся - вы даже не сможете добавить ни единой ноздри. Конечно, вы могли бы преобразовать NURBS-голову в полигональную поверхность и продолжить добавлять детали. Полигоны допускают очень мелкую детализацию и не возражают против отверстий.

Два глаза и рот
Внутренняя окружность будет ртом
Три NURBS поверхности для рта и глаз
Сшить поверхности двух глаз
Появляется второй манипулятор
Окно Настроек инструмента Stitch
Появились манипуляторы левой поверхности
Команда Global Stitch (Сшивание

Кривой стул
Стул состоит из пары кубов, масштабированных в длину для создания спинки и ножек, и куба, уплощенного для создания сиденья. Но такие прямые стулья бывают только в воображении заурядных архитекторов и промышленных дизайнеров. Дерево, из которого делается большинство стульев, - это живой материал. Таким же является и деревянный стул.

Кривой стул
Происхождение кривой ножки стула
Инструмент Split Polygon Tool
Снова переключитесь с режима Polygon
Выделяем восемь верхних ребер
Команда Full Crease (Полная Складка)
Более мягкая форма складки
Режим Standard mode (Стандартный режим)
Нижние вершины уровня 1
Мелкие манипуляции и деформации ножки стула

Крэштест
Настоящие крэш-тесты очень дороги, поскольку в них разбиваются настоящие машины. Моделирование аварий также весьма дорого, но уже по другой причине. В отличие от реальных тестов компьютерную модель можно повторять бесконечное количество раз однако, они требуют очень мощных компьютерных ресурсов. Эти ресурсы необходимы, поскольку тесты имеют дело с еле заметными, крошечными изменениями материалов. Они не только тестируют типы материалов, из которых сделана машина, но также и качество их плавки и соединения. Эластичность - это определяющий фактор для таких тестов. Однако важна и специфичная точка , в которой каждая часть машины теряет эту эластичность и ломается. Когда она ломается, как она ломается? Что случается со сломанными частями, как они воздействуют на окружающие предметы? Начинают ли они цепную реакцию?

Крэштест
Минимум затрат на моделирование
Твердые тела не должны соприкасаться
Крэштест на скорости 36 км/ч (22
Самые важные параметры теста Initial Velocity
Крэштест стал более захватывающим

Извержение вулкана
Взрывы, извержения и пламя - эти эффекты часто встречаются в кинофильмах. Они обычно отдельно создаются пиротехниками, а потом совмещаются с реальным местом действия. Мы можем моделировать многие из этих спецэффектов в MAYA - от фейерверков до ураганов, - используя частицы, которые подчиняются динамическим законам, и, для того чтобы выглядеть реалистично, от аниматора требуется большой опыт как для задания их физического поведения, так и для текстурирования.

Способ моделирования конуса вулкана
Rampтекстура придает цвет вулкану
Планерная поверхность - источник частиц
Частицы не должны покидать источник
Турбулентное поле
Благодаря гравитации частицы
Tangent Speed (Скорость по Касательной)
Частицы исчезнут через четыре секунды
Анимация интенсивности извержения
Два нижних типа частиц

Пусть они улягутся
Очень мало поверхностей имеет по-настоящему плоскую форму. Даже полы в новом здании имеют неровности, особенно заметные по краям ковра. Размещение на их неровной поверхности каких-нибудь объектов в трехмерной графике всегда вызывает затруднения. Много времени уходит на операции перемещения и вращения объектов, пока они действительно красиво лягут на землю, а не зависнут над ней и не погрузятся внутрь. При использовании динамики твердого тела эта проблема решается мгновенно. И не потребуется ни единого перемещения!

Поверхность плотностью 20x20 патчей
Деформируем с помощью кисти модуля Artisan
Куб размещен вручную
Стартовая позиция симуляции
Земля заявлена как пассивное твердое тело
Сила гравитации влияет на объекты
Три фазы падения четырех объектов
Упавшие объекты
Bounciness (Упругость)
Все объекты расположены на поверхности

Атака частиц
Движение частиц определяется силовыми полями, такими, как, например, гравитация и турбулентность. Именно в этом сочетании они чаще всего используются. Частицы также направляются целями - ими может быть что угодно, от сферы до кривой со свойствами мягкого тела или камеры. В этом уроке мы используем Particle Goal (Цель Частиц), для того чтобы приманить вихревой поток облаков к нашей камере. Мы немного драматизируем сцену: спиральная туманность медленно найдет нашу камеру, устремится к ней, закружится вокруг и, наконец, исчезнет.

Частицы испускаемые из начала координат
Передвиньте опорную точку локатора
Зависимое от времени уравнение
Локатор будет служить целью для частиц
Атрибуты частиц в окне Channel
Частицы вылетают из источника
Пока их не привлечет камера
Они в форме ядра устремляются к локатору
Они ослепляют камеру
А затем залетают за свою мишень

Толкаем вверх тянем вниз
Мы чувствуем себя легче в воде не из-за уменьшения силы тяготения, а потому, что существует противоположная сила, которая выталкивает нас вверх. Эта плавучесть в действительности обусловливается массой тела и плотностью и объемом вытесненной нашим телом жидкости. Все это может быть симулировано в трехмерной анимации, просто путем использования поля гравитации, работающего в противоположном направлении. Механически соединив два объекта с конфликтующими силовыми полями (одно толкает вверх, другое тянет вниз), мы получим в результате движение настолько сложное, что эту сложность невозможно получить с помощью обычной анимации по ключевым кадрам. В этом уроке мы создадим такую ситуацию и немного насладимся нашей работой, глядя на конфликт полей.

Толкаем вверх тянем вниз
Согласование объединит тор и конус
Перед началом симуляции переместите
Тор падает под влиянием гравитации
Второе поле тяготения поднимает конус вверх
Конус летит вверх тор вниз
Мы подожгли объекты
Изменяем цвет пылающего хвоста
Отрендеренное изображение в кадре 100
Emission Rate (Интенсивность Испускания)

Пончо
До появления Maya Cloth нужно было либо прилагать колоссальные усилия, чтобы одежда трехмерных персонажей выглядела более или менее натурально, либо заключать их в жесткую оболочку, как панцирь насекомых, либо надевать на них амуницию, подобно Ларе Крофт. Теперь же юбки, брюки и рубашки для аниматора не проблема. Пончо - это всего лишь кусок ткани с отверстием для головы - никаких рукавов, никаких пуговиц. То есть это идеальный объект для начала изучения сложного мира цифровой одежды.

Это туловище состоит из
Разбейте две окружности по двум точкам каждую
Мы получили четыре полуокружности
Две соединительные прямые
Сшейте перед и спинку
Два основных фактора
Увеличенное значение параметра
Уменьшенные значения параметров
1000 полигонов на поверхность пончо
Физические свойства тканей Мауа

Освещение с настроением
Слегка анимированное освещение может значительно усилить впечатление в которой, по сути, ничего особенного не происходит. Оно добавляет штрихи и к освещенной и анимированной сцене. Идея этого урока заключается в том, чтобы использовать реальные силовые поля, то есть механику Ньютона для источника рассеянного света.

Освещение с настроением
Создайте источник рассеянного света
Значение параметра Ambient
Рассеянный источник света ярче
В действительности на гвозде подвешена сфера
Гвоздь и сфера в начальной позиции
Мы воздействуем на сферу гравитацией
Initial Velocity (Начальная Скорость) сферы
Сфера раскачивается по всей комнате
Сфера спрятана

Пешеходный переход
В отличие от полигональной NURBS-поверхность не имеет граней, поэтому она допускает наложение одной-единственной текстуры на всю поверхность целиком. Если вы, скажем, хотите приклеить логотип компании на NURBS-тостер, вы, скорее всего, используете метод Stencil (Трафарет). Но поскольку Stencil (Трафарет) фактически плавает над поверхностью (что иногда имеет свои преимущества), этот метод бесполезен, если вы хотите использовать параметризацию поверхности в качестве текстурных координат при наложении текстуры. Скажем, у вас есть NURBS-улица и вы хотели бы добавить к ней осевую линию.

Утомительный метод назначения
Новая NURBS плоскость
Cделайте патчи видимыми и доступными
Вместо контекстного меню вы можете
Окно Front View (Вид Спереди)
Окно Top View (Вид Сверху)
Патчи получают белый материал
Теперь осевая пиния разметки видна
А теперь у нас есть и пешеходный переход
Деформированная улица

Дикая растительность
Когда вы используете акварель или масляные краски, вам периодически приходится смешивать цвета - так вы получите необходимый набор оттенков для красивой сложной картины. Это очень важная процедура. Программы двухмерного рисования обычно не содержат средств для интерактивного смешивания цветов. Вместо смешивания голубого с желтым вы просто выбираете зеленый. В модуле Maya Paint Effects микширрвание должно быть глубоко запрятанным секретом; но нет, напротив, оно легко доступно.

Секция масляных красок в Paint
Смешиваем различные масляные краски
Библиотека Перьев
Библиотека Волокон
Цветение одуванчика в секции Flowers (Цветы)
Смешиваем цвета и формы Слева
Несколько штрихов травы на широком
Первый рендеринг обычной травы
Добавляем растения гибриды
Attribute Editor (Редактор Атрибутов)

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

Настройки инструмента
NURBS сфера раскрашенная вручную
Сквозь слой облаков видны части планеты
Для того чтобы облака были прозрачными
Соединяется со входным каналом
Передает каналу прозрачности материала облаков
Инвертированный канал прозрачности
Канал маски прозрачности слоя облаков
Рендеринг каждого уровня
Кольцо орбиты спутника

Тень от деревьев
Простой и симпатичный прием сделать источник освещения более интересным - это наложить на него фильтр. В Мауа это можно сделать, либо изменив цвет источника света, либо наложив на его цвет текстуру. Анимируя текстуру, вы можете воспроизвести (смоделировать) такие эффекты, как тени от бегущих облаком или поднимающихся венецианских жалюзи.

Тень от деревьев
Полигональный куб
Широкоугольная камера находится в комнате
Окно Visor с огромным набором кистей
Секция Trees (Деревья)
Модуль Paint Effects (Эффекты Рисования)
Слева перспективное окно с березой
Primary Visibility

Блуждающее свечение
Эффект свечения очень популярен среди заказчиков трехмерной анимации. Обычно они хотят, чтобы их обожаемый объект - зубная паста, машина, звезды - светился для привлечения к ним внимания. Аниматор трехмерной графики в этом случае просто открывает Attribute Editor (Редактор Атрибутов) для материала зубной пасты и увеличивает значение атрибута Glow (Свечение).

Кольцо и смена компоновки окон
Новый вариант компоновки окон
Мы позволим текстуре Checker решать
Окно IPR (Интерактивный фотореалистичный)
Затемняем белый цвет текстуры
Иерархическая структура материала
Три изменения в окне Attribute Editor
Параметр Wrap
Непрерывное вращение свечения вокруг кольца
Компоновка окон Four View

Спасательный круг и любовь
Раньше программное обеспечение, позволявшее рисовать на трехмерных объектах, было очень дорогим. В версии Мауа 3 оно стало доступнее, а в Мауа 4 это вообще не проблема: трехмерное рисование теперь полностью интегрированно в программное обеспечение. С помощью инструмента 3D Paint Tool (Инструмент Трехмерного Рисования) вы даже можете использовать кисти модуля Paint Effects (Эффекты Рисования), для того чтобы рисовать непосредственно на NURBS или полигональной поверхности.

Спасательный круг и любовь
Рисуем в 3D
Стрелки нарисованные тонкой кистью
Трехмерная текстура
Рисуем в 2D используя Paint Effects
Первая попытка Сердечки нарисованы
Добавьте пару трехмерных подсолнухов
Отрендеренное изображение
Вторая попытка
Подсказки

Волшебные линзы
Летящие надписи [Flying logos - направление в дизайне анимации надписей и логотипов, основанное на пространственном движении, как правило, объемных элементов финальной композиции. - Примеч. ред. ] - это, конечно, уже прошлое, однако изящно анимированный двумерный тест всегда радует глаз. Впечатляющих эффектов можно достичь путем анимации объектов (а не только букв), движущихся перед линзами. Еще более интересные структуры можно получить, если линзы меняют коэффициент преломления и ведут себя так, словно они резиновые.

Волшебные линзы
Создание текста мы набираем ничего
Щелкните правой кнопкой мыши по
Линза расположена перед камерой
Слева окно Hypershader
Raytracing (Трассировка Лучей)
Refractive Index (Коэффициент Преломления)
Загадочные двухмерные фигуры

Китайский иероглиф Жи
Основное различие между существовавшими ранее способами цифрового рисования и Maya Paint Effects (Эффекты Рисования) заключается в том, что в обычных пакетах рисования штрих неподвижен, в то время как законченный штрих модуля Paint Effects (Эффекты Рисования) может быть впоследствии изменен, настроен и - да! - анимирован. Просто взгляните на набор атрибутов (на которые можно устанавливать ключевые кадры) обычного чернильного штриха в Мауа - это поразительно!

Китайский иероглиф Жи
Космический челнок
Рисование иероглифа Жи кистью
Древняя классическая форма иероглифа
Пиктограмма Get Brush
Каллиграфия с Paint Effects (Эффекты Рисования)
Слева изображены 16 штрихов
Многоточие после имени штриха
Отрендеренная анимация в кадре
Штрихи прорисовываются одновременно

Логика и жизнь - перейти
Логические игры - перейти
Моделирование финансов - перейти
Фондовый менеджмент - перейти
Финансовые модели - перейти
Основные понятия объектно-ориентированного подхода - перейти
Система управления - перейти
Цифровой анализ - перейти
Cамоучитель по Assembler - перейти
Введение - перейти
Основы программирования - перейти
Команды и алгоритмы - перейти
Современные микропроцессоры - перейти
Система команд процессоров Intel - перейти
Assembler для Windows - перейти