Софт для Windows    Программы для смартфонов и планшетов, мобильный софт    Софт для Линукс, Unix, Linux
 

Здравствуйте! Меня зовут Flash, Macromedia Flash!

Веб-мастеру | 09:57 26 ноября

Flash (англ. Вспышка) воистину революционная мультимедийная Интернет-технология разработанная компанией Macromedia в 1996 году. В данном обзоре вы узнаете, кто такой Macromedia Flash и с какой стороны к нему подходить.

Интерфейс Flash

Macromedia Flash имеет довольно удобный, продуманный интерфейс. Если вы работали с программами компании Adobe (например Photoshop), то наверняка будите приятно удивлены, поскольку Flash имеет похожий интерфейс.

Панель инструментов (Tools)

Окно панели инструментов в Flash делится на 4 части:

Первая часть сами инструменты (Tools), о них мы поговорим чуть позже.

Вторая часть вид (View), содержит два инструмента Рука ( Hand Tool) и Масштабирование ( Zoom Tool). Рука позволяет перемещаться по рабочей области (документу), а Масштабирование изменять масштаб рабочей области (документа).

Третья часть цвета (Colors). Цвет в свою очередь делится на 2 вида: Цвет границ ( Stroke Color) и Цвет заливки ( Fill Color). Последний, помимо монотонного выбора цвета, позволяет использовать различные цветовые комбинации, а также графические изображения.

Последняя часть панели инструментов Опции (Options), содержит дополнительные опции для выбранного инструмента.

В случае, если по каким-либо причинам панель инструментов у вас отсутствует, ее можно вернуть через меню Window -> Tools (Окна -> Панель инструментов) или сочетанием клавиш Ctrl + F2 в Flash MX.

Панель инструментов (Tools), казалось бы, содержит стандартный набор инструментов, но нет, каждый инструмент в Flash имеет свои особенности:

Выделение (Arrow Tool) довольно интересный и удобный инструмент, некий гибрид классического выделения и Magic Lasso (из Photoshop и др. подобных редакторов). Позволяет выделить как всю картинку, так и монотонный фрагмент, причем все происходит автоматически, нужно только кликнуть в нужное место.

Модификация (Subselect Tool) позволяет модифицировать Flash-фигуру.

Линия (Line Tool) позволяет нарисовать линию. В Flash 5 в окне Stroke (Границы) (меню Window -> Panels -> Stroke (Окна -> Панели -> Границы), или в Flash MX в окне Properties (Свойства) (меню Window -> Properties (Окна -> Свойства) также можно выбрать стиль линии, установить толщину и цвет.

Лассо (Lasso Tool) позволяет выделить кусок изображения. Особенность Flash-овского лассо в том, что при выделении фрагмента изображения, можно с легкостью изменить его (фрагмента) цвет заливки просто выбрать нужный цвет, или границы используя окно Stroke (Границы) в Flash 5, или - Property (Свойства) в Flash MX.

Текст (Text Tool) вы, наверное, скажете, зачем надо рассказывать про такой инструмент как Текст, тут и так все понятно. А нет, Macromedia и сюда внесла кое-какие особенности. Во-первых текст в Flash это объект.

Во-вторых, поскольку текст это объект, он может быть трех типов: Статический (Static Text), Динамический (Dynamic Text) и Входящий (Input Text). Статический текст это текст, являющиеся как бы частью изображения и с ним, при проигрывании ролика, ничего нельзя сделать. Динамический текст при просмотре ролика можно выделить и скопировать в буфер обмена. Входящий текст во время исполнения ролика, как вы уже наверное догадались, можно изменять.

В-третьих при использовании Динамических и Входящих текстов, они приобретают все свойства объекта Input в HTML.

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

Овал (Oval Tool) овал имеет все свойства, что и Линия (Line Tool), и помимо этого, является областью заливки. Заливка может быть нескольких видов: Обычная (Solid), Линейная (Linear), Радиальная (Radial), Графическая (Bitmap) и Отсутствует (None).

Прямоугольник (Rectangle Tool) прямоугольник это тоже самый Овал (Oval Tool), только немножко прямоугольный :). Используя опцию (Options) Округление границ ( - Round Rectangle Radius), можно так же округлить углы прямоугольника.

Ручка (Pen Tool) данный инструмент позволяет рисовать кривые линии и фигуры за счет соединения точек. Ручка имеет те же свойства, что и Линия (Line Tool), а также может использовать заливку.

Карандаш (Pencil Tool) особенность Flash-карандаша в том, что он использует все свойства Линии (Line Tool). Карандаш имеет три режимах работы (Pencil Mode): Режим выравнивания (Straighten), Режим сглаживания (Smooth) и Черновой режим (Ink). Используя Режим выравнивания, при желании, карандашом можно нарисовать любую геометрическую фигуру (квадрат, круг, треугольник), причем думать о ровности линий вам не придется, Flash все сделает за вас. Режим сглаживания, напротив, все не ровности сглаживает (закругляет). А при Черновом режиме Flash вообще никак не обрабатывает нарисованное вами изображение.

Кисть (Brush Tool) кисть, также как Овал (Oval Tool) и прямоугольник (Rectangle Tool), является областью заливки и ей присуще те же свойства. Кисть имеет пять режимов (Brush Mode): Нормальный (Paint Normal), Зарисовка заливки (Paint Fills), Рисование на заднем плане (Paint Behind), Зарисовка выделенного фрагмента (Paint Selected) и Paint Inside.

Свободное преобразование (Free Transform Tool) данный инструмент позволяет делать абсолютно все (изменять размер, заливку, границы, переворачивать) с выделенным фрагментом изображения. В Flash 5, в отличии от Flash MX, Свободное преобразование находится в опциях (Options) инструмента Выделение (Arrow Tool).

Преобразование заливки (Fill Transform Tool) позволяет производить различные действия непосредственно с заливкой (изменять размер, переворачивать). В Flash 5, в отличии от Flash MX, Преобразование заливки находится в опциях (Options) инструмента Заливка (Paint Bucket Tool).

Чернильница (Ink Bottle Tool) позволяет изменить/задать границы и имеет все свойства Линии (Line Tool).

Заливка (Paint Bucket Tool) заливка в Flash, в отличии от других редакторов, применима ко всему, что является областью заливки. При этом не важно, как и чем залита эта область (линейно, радиально, графически), при использовании другой заливки она в любом случае будет без проблем перезалита полностью.

Пипетка (Eyedropper Tool) казалось бы, что может быть особенно в пипетке, да вроде и ничего, вот только Flash-пипетка автоматически определяет является цвет цветом заливки (Fill Color) или цветом границы (Stroke Color). Помимо цвета, пипетка принимает так же и его свойства.

Ластик (Eraser Tool) ластик имеет несколько режимов ( ): Нормальный ( - Eraser Normal), Ластик для заливки ( - Eraser Fills), Ластик для линий ( - Eraser Lines), Ластик для выделенной заливки ( - Eraser Selected Fills) и Eraser Inside ( ).

Нормальный режим (Eraser Normal) позволяет стирать абсолютно все нарисованные средствами Flash изображения. Режимы Ластик для заливки (Eraser Fills) и Ластик для линий (Eraser Lines) стирают только либо заливку, либо границы. Ластик для выделенной заливки (Eraser Selected Fills) стирает заливку выделенную инструментом Выделение (Arrow Tool). Eraser Inside, к сожалению, мне перевести с английского не удалось, и смысл этого режима ластика не особо понятен. Похоже, что Eraser Inside стирает заливку, но, в отличии от предыдущих режимов, не позволяет катать ластик.

Помимо этого, ластик имеет режим Кран ( - Faucet), это своего рода заливка прозрачным цветом. Кран применим ко всем нарисованные средствами Flash изображения.

Область рисования

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

Временная шкала (Timeline)

Временная (ударение на букву а) шкала является основным инструментом управления анимацией во Flash. Она позволяет управлять слоями (Layers) и кадрами (Frames), определить время и скорость анимации.

По умолчанию Временная шкала всегда отображается, если по каким-либо причинам она отсутствует, не стоит расстраиваться, в меню Window -> Timeline (Окна -> Временная шкала), или меню View -> Timeline (Вид -> Временная шкала) для Flash 5, ее можно вернуть. Сочетание клавиш Ctrl + Alt + T также позволяет показать/скрыть Временную шкалу.

Итак, что же представляет собой Временная шкала?

Временная шкала делиться на две части, с лева отображаются слои (Layers), справа - кадры (Frames). 

Рис. 1. Временная шкала (Timeline)  

Для начала, будет логичным, рассмотреть левую сторону, т.е. слои (Layers).

Слои (Layers)

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

В Macromedia Flash слои делятся на несколько типов: обычный (Layer), направляющий (Guide Layer) и маска (Mask).

Вернемся к нашей Временной шкале (Timeline), а точнее к ее левой части.

И так, как видите (см. выше рис. 1) слева представлен список слоев. Двойной клик левой кнопкой мышки по названию слоя позволит изменить имя слоя. Двойной клик левой кнопкой мышки по иконке слева от имени слоя приведет к появлению окна свойств слоя. В свойствах слоя можно изменить имя слоя, его тип (обычный, направляющий или маска, в Flash MX появился также тип папка (folder), указать будет ли слой отображаться и будет ли доступен для редактирования, а также определить цвет контура слоя и указать вид отображения слоя контурный/обычный.

Flash-технология построения сайтов - преимущества и недостатки
Прежде, чем применять Flash на сайте, нужно семь раз отмерить. Оказывается, не все знают, что это такое. Одни применяют Flash от необходимости, другие  от незнания. Дело в том, что Flash это не обычная растровая (gif, jpg, bmp и т.п.) картинка и не html. А мультемидийная технология. Как у любой технологии, у этой есть свои преимущества и недостатки
Бесполезные META-теги
Тег, управляющий временем индексации сайта. <META NAME=revisit-after content= days> Смысл тега в том, что поисковый робот посещает Ваш сайт через заданное количество дней. Сегодня он не работает потому, что крупнейшие поисковики официально объявили, что их роботы больше не слушаются этого тега. Это вполне логично, представим, что каждый сайт поставит время индексации 1 день, поисковики просто не справиться с такой огромной нагрузкой. Тег для поисковых машин управляющий индексацией страниц.
Что такое юзабилити?
Как часто начинающий пользователь, путешествуя по Интернету, встречает незнакомые слова! И вот еще одно - "юзабилити"... Давайте же разберемся, что это такое и для чего служит. Тем более, что любой дизайнер обязательно должен знать это. Если говорить сухим языком, то юзабилити - это мера качества пользовательского опыта, приобретенного при взаимодействии с продуктом или системой, например, веб-сайтом, программным приложением и т.п. Как вам, понятно? Я думаю, что пока смутно..

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

В низу, с левой стороны, под списком слоев, есть кнопки, позволяющее добавлять и удалять слои. В Flash MX, помимо кнопок добавления обычного слоя и направляющего слоя, появилась также кнопка добавления папки (Folder). Папка позволяет объединить слои в групп, это довольно удобное нововведение.

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

Вот собственно и все, что я могу рассказать о слоях в рамках этой статьи, теперь плавно перейдем к правой части Временной шкалы (Timeline) Шкале кадров (Frames).

Кадры (Frames)

Вся анимация состоит из кадров. Кадры могут быть нарисованными в ручную, либо автоматически сгенерированны Flash. Кадры бывают нескольких типов: ключевые (Keyframe), промежуточные и пустые.

Ключевые кадры (Keyframe) это основные кадры, которые вы создаете сами и которые Flash не может изменять. Промежуточные же кадры, напротив, генерируются Flash между двумя ключевыми. Ну а пустые, это просто ничего не содержащие кадры.

Промежуточные кадры бывают двух видов:

1. Кадры построенные на основе изменения фигур (Shape Tween).

2. Кадры построенные на основе изменения символов (Motion Tween).

Шкала кадров удобный инструмент навигации по кадрам. Каждый слой (Layer) имеет свой набор кадров. Количество кадров в слое неограниченно, хотя если кадров очень много, то Flash начинает немножко глючить.

Шкала кадров имеет свои настройки и позволяет отображать кадры как в обычном режиме, так и в режиме эскизов (см. рис. 2). 

Рис. 2. Изменение варианта отображения кадров в Шкале кадров  

В левой нижней части Шкалы кадров находятся дополнительные кнопки (опции), позволяющие выполнить ряд действий:

Центрировать шкалу кадров ( - Center Frame) выравнивает Шкалу кадров по центру относительно активного (выбранного) кадра.

Отображение теней ( - Onion Skin) если кадров много, то эта опция позволяет отображать соседние кадры в полупрозрачном виде. Чем дальше находится кадр от текущего, тем сильнее его прозрачность.

Отображение контуров ( - Onion Skin Outlines) в отличии от Onion Skin, позволяет отображать контуры соседних кадров. Цвет контуров определяется в параметрах слоя. Как и в Onion Skin, чем дальше находится кадр от текущего, тем насыщенней его контур.

Режим отображения всех кадров ( - Edit Multiple Frame) позволяет отображать все кадры слоя при редактировании текущего кадра такими как есть.

Параметры отображения теней ( - Modify Onion Markers) позволяют задать глубину теней.

При включенном режиме теней, непосредственно на шкале кадров, участок кадров, в зависимости от предустановленной глубины, затемняется (см. рис. 3), его размер можно легко изменить, для этого надо всего-навсего потянуть за края участка.  

Рис. 3. Глубина теней  

Далее, за дополнительными кнопками на Шкале кадров, идет строка состояния ( ) и полоса прокрутки. В строке состояния отображаются: текущий кадр (Current Frame), количество кадров в секунду (Frame Rate) и время продолжительности ролика (Elapsed Time). По умолчанию количество кадров в секунду установлено 12 fps (Frame Per Second), это значит, что для того чтобы сделать 1 секундный ролик, вам надо нарисовать 12 кадров, соответственно, чтобы сделать 2 секундный ролик 24 кадра и т.д. Двойное нажатие левой кнопкой мышки по строке состояния приводит к появлению окна свойств ролика, где можно изменить его размер, цвет фона, единицу измерения и количество кадров в секунду (fps). Также окно свойств ролика можно найти в меню Modify -> Movie (Изменить -> Ролик) сочетание клавиш Ctrl + M в Flash 5, или Modify -> Document (Изменить -> Документ) сочетание клавиш Ctrl + J в Flash MX.

В Macromedia Flash, на Шкале кадров, используются следующие обозначения:

1. Черный кружок в кадре говорит о том, что это ключевой кадр (Keyframe).

Ключевые кадры не содержащие изображения (Blank Keyframe) в Flash 5 отображаются либо с черным кружком, либо без кружка, а в Flash MX, пустые ключевые кадры (Blank Keyframe) имеют белый кружек.

2. Серый цвет говорит о том, что все кадры в точности повторяют ключевой.

3.Синеватый цвет указывает на то, что кадры сгенерированы Flash автоматически с использованием Motion Tween.

Пунктирная линия, говорит об отсутствии второго ключевого кадра,

а стрелка от первого ключевого кадра, до второго, указывает на правильность использования Motion Tween.

4. Зеленоватый цвет указывает на то, что кадры сгенерированы Flash автоматически с использованием Shape Tween.

5. Буква a говорит о наличии действий (Actions), заданных языком ActionScript.

ActionScript это специальный язык разработанный Macromedia Flash, в последних версиях программы стал более похож на Java. Он значительно расширяет возможности Flash.

6. Наличие красного флажка указывает на метку, рядом с флажком, также пишется название метки.

7. Желтый якорек указывает на наличие ссылки.

Для добавления и удаления кадров можно использовать меню Insert (Вставка) или горячие клавиши:

F5 добавить кадр (Frame)

F6 добавить ключевой кадр (Keyframe)

F7 добавить чистый ключевой кадр (Blank Keyframe)

Shift + F5 удалить кадр (Frame)

Shift + F6 удалить ключевой кадр (Keyframe)

Символы (Symbols)

В Macromedia Flash существует такое понятие как Символ (Symbol). Символом может быть как простейшая геометрия или объединение геометрий, так и целая анимация.

Используя символы в Flash-сценах, можно значительно сэкономите время на создание ролика.

Символы бывают трех видов: анимация (movie clip), кнопка (button) и изображение (graphic).

Изображение (Graphic) данный вид символов состоит из одного кадра и может содержать любую фигуру или объединение фигур.

Кнопка (Button) выполнят функции кнопки и имеет 4 кадра: Up (обычное состояние кнопки), Over (курсор над кнопкой), Down (кнопка нажата в данный момент), Hit (кнопка уже нажималась).

Анимация (Movie Clip) является полноценной анимацией и может содержать в себе любое количество кадров.

Для создания символа можно использовать меню Insert -> New Symbol (Вставка -> Новый символ) или сочетание клавиш Ctrl + F8. Но чаще всего символы создают путем преобразования уже имеющихся геометрий меню Insert -> Convert To Symbol (Вставка -> Преобразовать в символ) или клавиша F8.

Для управления символами существует Библиотека символов (Library), найти ее можно в меню Window -> Library (Окна -> Библиотека), сочетание клавиш Ctrl + L (в Flash MX можно еще использовать клавишу F11) так же позволяет показать/скрыть Библиотеку.

Автор: Немиро Алексей
Источник: http://kbyte.ru/


 

Последние новости

Квантовый блокчейнУченые Российского квантового центра (РКЦ) создали первый в мире квантовый блокчейн...
Другие новости Аудиовизуальная инфраструктура судов общей юрисдикции Москвы признана лучшей видеотехнологией года Данные о работе районных судов Москвы теперь до
Защита прав личностей в социальных сетях CNews продолжает публикации материалов по проекту программу 'Цифровая экономика РФ', которые Минкомсвязи подготовило по поручению Президента России Владимира
Следы внеземной жизни могут быть найдены на обшивке международной космической станции (МКС). Об этом в пятницу, 26 мая, сообщает пресс-служба 'Роскосмоса'...
Пресс-секретарь президента России Дмитрий Песков признал вполне приемлемыми проверки в отношении режиссеров Алексея Учителя и Кирилла Серебренникова...

Блог о софте

AVG 2013 Christmas Collection Mega Pack Final Version-FL | 761 MBAVG 2013 Christmas Collection Mega Pack Final VersionYou Have a Complete Collection of AVG 2013 SoftwareMega Pack Contains:AVG Antiviru
О программе:Zoner Photo Studio Pro - приложение, созданное для качественной обработки цифровых снимков...
Sophos Virus Removal Tool - антивирусный сканер проведет диагностику вашего ПК на наличие вирусов, программ-шпионов, руткитов и поддельных антивирусов и удалит их...
Photo Collage Max – программа, которая создает фотоколлажи. Так же создает альбомы, календари и т.п. Содержит в себе множество шаблонов, фигур, масок, фоторамок...
Дизайн Календарей - это доступная и удобная программа для создания красивых календарей с фотографиями на любой год или месяц...