Графика для создания Web страниц во Flash

Автор работы: Пользователь скрыл имя, 29 Января 2011 в 07:58, курсовая работа

Краткое описание

Основными проблемами в сфере разработки приложений под Web были как объём странички и совместимость интернет браузеров. Корпорация Macromedia стремилась к использованию в Web всех последних новинок в области отображения информации.Macromedia Flash- очень мощное, при этом простое в использовании, средство создания анимированных проектов на основе векторной графики с встроенной поддержкой интерактивности. Flash является идеальным рабочим инструментом для художников и дизайнеров, позволяющим дополнять создаваемые ими Web – проекты анимацией и звуком.

Содержание работы

I. Введение
II. Технология Flash
1. Графика
2. Анимация и Звук
3. Интерактивность

III. Создание Web-страниц
1. Схема создания фильмов Flash
1. Основные понятия
2. Последовательность действий при создании Flash-фильма


4. Создание и модификация изображений
1. Рисование
2. Работа с цветом
3. Работа с текстом
4. Создание кнопок

5. Публикация и экспорт Flash-фильмов

6. Заключение

7. Литература

Содержимое работы - 1 файл

курсовая работа.doc

— 409.50 Кб (Скачать файл)
 

    2.Работа с цветом

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

Панель  Mixer (Смеситель) помогает создавать и редактировать основные цвета. Для того чтобы создать и редактировать градиентное заполнение, используйте панель FUI (Заполнение). С помощью панели Swatches (Образцы) можно импортировать, экспортировать, удалять и иначе изменять цветную палитру файла.

Настройка атрибутов контура  и заполнения

Цвет  контура или заполнения можно  задать при помощи кнопок настройки  контура и заполнения в панели Tools или инструментов той же напели Ink Bottle (Чернильница) и Paint Bucket (Заливка) или палитр Stroke (Контур) и Fill (Заполнение). Изменить стиль контура или толщину линии можно в палитре Stroke (Контур). Создать или редактировать градиентное заполнение или заполнение растровым рисунком можно в палитре Fill (Заполнение). Когда вы рисуете новые объекты, они окрашиваются согласно атрибутам, указанным во всплывающих палитрах Stroke (Контур) и Fill (Заполнение). Разумеется, можно изменять атрибуты контуров и заполнений существующих объектов, изменяя атрибуты с помощью средств, предлагаемых в панели Tools . Для копирования атрибутов контура или заполнения одного объекта в другой применяется инструмент Eyedropper (Пипетка).

Средства  настроек контура  и заполнения

Чтобы выбрать основной цвет для контура или основной цвет или градиент для области заполнения, вызовите находящиеся в области Colors панели Tools всплывающие палитры Stroke (Контур) и Fill (Заполнение), показанные на рис. 2, и выберите в каждой цвета для контура и заполнения соответственно. С помощью кнопок Swap Stroke and Fill , None и Default Stroke and Fill, расположенных в панели Tools под этими палитрами, можно настроить атрибуты для существующих объектов, а также для новых объектов, которые вы будете создавать при помощи инструментов рисования. Чтобы изменить атрибуты цветов с помощью всплывающих палитр цветов и кнопок, необходимо сначала выделить объект.

 
Рис. 2. Палитры Stroke и Fill

Чтобы применить цвета контура и  заполнения с помощью предлагаемых в панели Tools средств, воспользуйтесь одним из следующих способов:

  • щелкните на треугольнике рядом с кнопкой Stroke (Контур) или Fill (Заполнение) и выберите в открывшейся палитре нужный цвет. Разумеется, градиенты могут быть выбраны только для области заполнения, а не для контура;
  • в раскрывшейся палитре введите в текстовое поле Hex Edit (рис. 3) шестнадцатеричное значение цвета;
  • нажмите в этой палитре кнопку None , чтобы создать прозрачный контур или заполнение;
  • щелкните на кнопке Color Picker (Выбор цвета) в открывшейся палитре цветов и выберите в ней нужный цвет;
  • щелкните в панели Tools на кнопке Swap Fill and Stroke (Поменять цвета контура и заполнения), чтобы поменять цвета между заполнением и контуром;
  • щелкните к панели Tools на кнопке Default Fill and Stroke (Цвета контура и заполнения по умолчанию), чтобы вернуться к значениям цвета, заданным по умолчанию (белое заполнение и черный контур).

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

 
Рис. 3. Выбор цвета контура или заполнения
 

      Выбор иного стиля контура  может увеличить  размер файла.

Чтобы выбрать толщину контура, щелкните на треугольнике рядом со всплывающим меню Line weight (Толщина контура) и установите необходимую толщину.

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

Чтобы создать прозрачное заполнение с  помощью панели Fill (Заполнение):

  1. Выполните команду Window (Окно) Þ Panels (Панели) Þ Fill (Заполнение).
  2. Выберите пункт None меню Fill (Заполнение).

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

Чтобы применить для заполнения основной цвет:

  1. Выполните команду Window (Окно) Þ Panels (Панели) Þ Fill (Заполнение).
  2. Выберите пункт Solid (Основной) меню Fill (Заполнение).
  3. Щелкните на треугольнике рядом с цветной клеткой Fill (Заполнение) и Воспользуйтесь одним из следующих способов:
    • выберите цвет из палитры;
    • введите шестнадцатеричное значение цвета в текстовом поле;
    • щелкните на кнопке Color Picker (Выбор цвета) во всплывающей палитре и выберите цвет.

Чтобы применить растровое заполнение:

  1. Выберите команду Window (Окно) Þ Panels (Панели) Þ Fill (Заполнение).
  2. Выберите пункт Bitmap (Растр) в меню Fill (Заполнение) (рис. 4),  
     
     
    Рис. 4. В меню Fill выберите пункт Bitmap
  3. При этом в панели Fill (Заполнение) появится список доступных растров - выберите тот, который собираетесь заполнять.

Растровое заполнение можно изменять с помощью  инструмента Paint Bucket (Заливка).  
 
 
 

3. Работа с текстом.

Для текста в фильме Flash устанавливается шрифт, размер, стиль, интервал, цвет и выравнивание. Текст можно преобразовывать как объект - вращать, наклонять, изменять его размер и зеркально отражать, сохраняя при этом возможность редактирования. Поддерживаются текстовые поля для ввода информации пользователем или для представления текста, который обновляется динамически. Блоки текста можно связывать c адресами LIRL. Можно разделять текст и, кроме того, изменять текстовые символы. Если вам требуются дополнительные средства обработки текста, экспортируйте файл во FreeHand и воспользуйтесь его возможностями, а затем либо передайте файл обратно во Flash, либо экспортируйте его из FreeHand как файл SWF.

Запустите интерактивное введение в работу с текстом во Flash, выберите команду  Help (Справка) Þ Lessons (Уроки) Þ Теxt (Текст). Фильмы Flash поддерживают шрифты Type I PostScript, TrueType и растровые шрифты (Только Macintosh).

  Работая с файлами FLA, Flash при необходимости замещает в фильме шрифты, отсутствующие в системе пользователя, выбирая замену среди тех шрифтов, которые в системе есть. Flash также позволяет создавать символ из шрифта, чтобы шрифт можно было экспортировать как часть открытой библиотеки и использовать его в другом фильме Flash.

Можно проверить орфографию, скопировав текст  в буфер (Clipboard) и перенеся его  во внешний текстовый редактор.

Создание  текста

Для размещения текстовых блоков на Столе воспользуйтесь инструментом Text (Текст). Текст можно размещать в одну строку которая будет расширяться по мере того, как вводится текст, или в текстовом блоке заданной ширины, в котором строки переносятся автоматически.

 
Рис. 5. Виды текстовых блоков

В верхнем  правом углу такого текстового блока  расположен квадратный маркер; текстовые  блоки с изменяемой шириной имеют  круглый маркер. Круглый маркер в  нижнем правом углу редактируемых полей текста означает, что размер поля текста изменяется по вертикали и горизонтали в зависимости от количества введенного текста (рис. 5).

Для того чтобы создать текст:

  1. Выберите инструмент Text (Текст).
  2. 2. Выполните команду Window (Окно) Þ Panels (Панели) Þ Character (Текстовый символ) и Window (Окно) Þ Panels (Панели) Þ Paragraph (Параграф).

    Активизируется  панель Character (Текстовый символ) и панель Paragraph (Параграф); установите атрибуты текста, как это описано ниже в разделе "Настройка атрибутов текста" данной главы.

  1. Выполните один из следующих шагов:
    • щелчком установите точку начала текста и создайте текстовый блок расширяющийся по мере ввода текста;
    • поместите указатель там, где хотите начать ввод текста, и растяните рамку до желательной ширины; создайте текстовый блок с фиксированной шириной.

Если  в процессе печати текстовый блок выходит  за правую или ннжнуй границу Стола, то текст не будет  потерян. Для того чтобы сделать маркер снова доступным, либо добавьте разрывы строк, либо переместите текстовый блок, либо выберите команду View (Вид) Þ Work Area (Рабочая область).

  1. Для того чтобы изменить размеры текстового блока, зацепите курсором и потяните маркер ограничивающей блок рамки.

Настройка атрибутов текста

Для текста можно задать атрибуты шрифта и параграфа. Шрифт - набор алфавитных и цифровых знаков, имеющих особый дизайн. Атрибуты шрифта описывают семейство шрифта, размер, стиль, цвет, автокернинг и сдвиг-Атрибуты параграфа описывают выравнивание, границы, сдвиги и межстрочный интервал.

Атрибуты  шрифта и параграфа можно изменить в панели Character (Текстовый символ) и в панели Paragraph (Параграф), соответственно, а настроить Flash на преимущественное использование шрифтов устройства (вместо вложенных шрифтов) - в панели Text Options (Параметры текста).

При создании нового текста Flash использует текущие  значения атрибутов. Для того чтобы  изменить атрибуты шрифта или параграфа  для существующего текста, надо сначала выделить этот текст. Панель Character (Текстовый символ), изображенная на рис. 6, активизируется командой Window (Окно) Þ Panels (Панели) Þ Character (Текстовый символ), а панель Paragraph (Параграф) - командой Window (Окно) Þ Panels (Панели) Þ Paragraph (Параграф).

Вид панели Paragraph показан на рис. 7.

 
Рис. 6. Панель Character  
 
 
Рис. 7. Панель Paragraph

Выбор шрифта, размера, стиля и цвета

Можно задавать тип шрифта, размер шрифта, стиль и цвет выделенного текста с помощью панели Character (Текстовый символ).

Для шрифта можно использовать только основные циста, ни не градиенты. Чтобы применить  градиент для закрашивания текста, необходимо преобразовать текст и составляющие его линии и заполнения.

Для того чтобы задать шрифт, размер, стиль  и цвет в панели Character (Текстовый символ):

  1. Откройте панель Character (Текстовый символ), выбрав команду Window (Окно) Þ Panels (Панели) Þ Character (Текстовый символ).
  2. Введите имя шрифта или выберите ею из списка (рис, 7).

    Шрифты _sans, _serif и typewriter являются шрифтами устройства  
    (device font), и информация об этих шрифтах не вкладывается в файл SWF.

Информация о работе Графика для создания Web страниц во Flash