Глава 9 Создание зрительного воздействия
Глава 9. Создание зрительного воздействия ВведениеДизайн зрительного пространстваЭкскурсия 9А: Зрительное пространствоПрактическое упражнение 9.1: Создание выпуклых и утопленных объектовЭкскурсия...
Введение
ВведениеПопытайтесь зрительно представить мультимедийный экран или экран вебсайта с хорошим дизайном. Если вам это удалось, то вы вспомните, что на нем есть, по меньшей мере, три отдельные области...
Дизайн зрительного пространства
Дизайн зрительного пространства Одним из способов представления зрительного пространства экрана вашего компьютера является понятие «экранного имущества». Положим, ваш проект в Director...
Экскурсия 9А Зрительное пространство
Экскурсия 9А: Зрительное пространство В файле, который вы откроете, вы увидите примеры, иллюстрирующие правильное использование зрительного пространства, а также примеры не очень эффективных элеме...
Один из нескольких примеров дизайна интерфейса
Один из нескольких примеров дизайна интерфейса 5. Задержитесь в этой программе столько, сколько вам нужно. Вы сейчас видели, как «экранное имущество» связано со зрительным пространств...
Практическое упражнение 9 1 Создание
Практическое упражнение 9.1: Создание выпуклых и утопленных объектовВ этом упражнении вы будете применять некоторые основные принципы зрительного дизайна. Для повышения зрительного интереса и прив...
Сцена завершенного упражнения
Сцена завершенного упражнения Что должно получиться за сценой Когда упражнение будет завершено, партитура и элементы труппы должны выглядеть, как показано на рис. 9.3....
Окна партитуры и Cast
Окна партитуры и Cast Пошаговые инструкции 1. Начнем с открытия файла, содержащего нужные нам элементы, следующим образом.
а) Выберите File | New .
2. Выберите File | Save As и поместите ваш но...
Поле Ink в левом нижнем углу окна Paint
Поле Ink в левом нижнем углу окна Paint
е) Нарисуйте прямоугольник приблизительно трех дюймов ширины и одного дюйма высоты, как показано на рис. 9.5....
Прямоугольник в окне Paint
Прямоугольник в окне Paint 6. Давайте добавим иллюзию глубины в эту кнопку. Мы хотим, чтобы кнопка выглядела выступающей над поверхностью.
а) Внизу палитры инструментов окна Paint, дважды щелкни...
Опция Other Line Width в палитре инструментов
Опция Other Line Width в палитре инструментов
б) Теперь откроется диалоговое окно Paint Window Preferences (Предпочтительные Настройки Окна Paint). С помощью бегунка установите толщину линии в п...
Бегунок «Other» Line
Бегунок «Other» Line Width в диалоговом окне Paint Window Preferences
в) С помощью «плитки» цвета переднего плана в палитре инструментов окна Paint выберите ярко-красный ц...
Яркокрасная прямоугольная рамка
Ярко-красная прямоугольная рамка вокруг первоначального закрашенного прямоугольника
е) Выберите однопикселную линию в палитре инструментов окна Paint, как показано на рис. 9.9....
Выбор однопиксельной линии
Выбор однопиксельной линии
ж) Выберите инструмент Line. з) Выберите селектором цвета переднего плана в палитре инструментов черный цвет. и) Давайте начнем с нижнего левого угла ярко-красного прям...
Линия проведенная в нижнем левом углу рамки
Линия, проведенная в нижнем левом углу рамки
л) Выберите инструмент Hand и передвиньте с его помощью увеличенное изображение так, чтобы было видно верхний правый угол, м) Снова выберите инструме...
Линия проведенная в верхнем правом углу рамки
Линия, проведенная в верхнем правом углу рамки...
Подсказка 1
С помощью инструмента Paint Bucket вы будет заполнять темно-красным цветом только нижнюю и правую части рамки. Если при этом будет заполняться вся рамка, то выберите Undo (Отмена) и проверьте, пол...
Заполните темнокрасным цветом
Заполните темно-красным цветом нижний и правый края линии рамки
о) Выберите View | Zoom | 100%. Посмотрите на кнопку в окне Paint.
Кнопка теперь будет выглядеть трехмерной и выпуклой на белом ф...
Подсказка 2
Если Cast View Style (Стиль Отображения Окна Cast) установлен в опцию List (Список), то измените ее на отображение миниатюр, щелкнув по кнопке Cast View Style в окне Cast.
а) Щелкните по кнопке X...
Скопированный элемент труппы Bevel ButtonDown
Скопированный элемент труппы Bevel Button-Down
ж) Дважды щелкните по элементу труппы Bevel Button-Down, чтобы открыть его в окне Paint. з) Дважды щелкните по инструменту Marquee, чтобы выделить,...
Кнопка Rip Horizontal на линейке инструментов окна Paint
Кнопка Rip Horizontal на линейке инструментов окна Paint
к) Щелкните по кнопке Flip Vertical (Вертикальное Зеркальное Обращение), расположенной на линейке инструментов окна Paint. Щелкните курсор...
Скопированный элемент труппы ShadowUp
Скопированный элемент труппы Shadow-Up
д) Дважды щелкните по элементу труппы Shadow-Up, чтобы открыть его в окне Paint. е) Выберите черный цвет с помощью «плитки» цвета переднего план...
Узор из мелких точек в палитре узоров
Узор из мелких точек в палитре узоров
и) Выберите инструмент Filled Rectangle и нарисуйте еще один прямоугольник ниже существующего прямоугольника, но немного меньший по размерам, как показано на...
Второй прямоугольник будет «тенью»
Второй прямоугольник будет «тенью»к) В ниспадающем меню инструмента Marquee выберите Shrink (Сжатие), л) С помощью инструмента Marquee выделите первый прямоугольник, м) Перетащите этот прямоуголь...
Кнопка с «тенью»
Кнопка с «тенью»
н) Выберите инструмент Registration Point и щелкните по нижнему правому углу тени, чтобы изменить точку регистрации, как показано на рис. 9.19....
Новая точка регистрации
Новая точка регистрации9. Давайте создадим графическое изображение состояния «Нижнее» для только что нарисованной вами кнопки.
а) Щелкните по X в верхнем правом углу окна Paint, чтоб...
Подсказка 3
Многослойное рисование (onion skinning) является методом, использовавшимся «в старые добрые времена» мультипликации. Художники-мультипликаторы использовали прозрачную бумагу-кальку (on...
Подсказка 4
Вы можете использовать инструмент Marquee для перетаскивания и изменения позиции нового круга в многослойном изображении.
в) Выберите View | Onion Skin (Вид | Многослойные...
Рисунки) Откроется панель Onion
Рисунки). Откроется панель Onion Skin. г) Щелкните по кнопке Onion Skinning, показанной на рис. 9.20, чтобы включить функцию Onion Skinning. Вы увидите тусклый вариант ранее нарисованной вами круг...
Новая сфера уменьшенная по сравнению
Убедитесь в том, что реакция Create 3d Button находится на верху стека реакций. Так как эта реакция отвечает за генерирование текстуры, теней и моделей, используемых в этом элементе труппы, то она...
Кнопки Shuffle Down и Shuffle
Кнопки Shuffle Down и Shuffle Up во вкладке Behavior панели Property Inspector19. Щелкните по кнопке Play на Control Panel. Щелкните по трехмерной кнопке на сцене. 20. Когда вы закончите щелкать,...
Экскурсия 9В Альфаканалы
Экскурсия 9В: Альфа-каналы Альфа-канал - это скрытый уровень графического изображения, используемый для выборочного наложения «масок» на цвета и эффекты прозрачности. Изображение альфа...
Подсказка 1
Маска должна быть изображением с 8-битной шкалой серого цвета, чтобы использоваться в опции Mask эффекта Ink. Некоторые графические файлы, такие как PNG, содержат альфа-каналы в своих графических...