Структура Flash шаблона
Для начала скачайте архив шаблона . Загрузив ZIP файл шаблона, распакуйте его. На вашем диске должно появиться несколько новых папок
- « screenshots» — содержит скриншоты шаблона.
- « site» — готовая версия сайта, которую можно размещать на сервере. Содержит HTML файлы и файл стилей style.css. В этой версии сайта нет флеш-анимации
- « images» — содержит все изображения, что используются в. HTML файлах и таблицах стилей;
- «site_flash» — готовая флеш-версия сайта. Помимо HTML файлов и файл style.css, здесь же располагаются файлы, необходимые для работы флеша.
- " flash " — содержит. SWF флеш-ролики.
- " images " — содержит все изображения, используемые в HTML файлах.
- " sources " — содержит исходные файлы (эта папка находится в отдельном закодированном архиве, чтобы ее распаковать потребуется ввести пароль*)
- «clipart_library» — содержит клипарт PSD файлы — полезные графические элементы.
- " flash " — содержит FLA-исходник - файл, необходимый для внесения изменений во Флеш-версию сайта.
- " fonts " — содержит все шрифты, используемые в PSD и FLA файлах — True Type (. TTF), Adobe шрифтов (PFB\PFM).
- " psd " — содержит PSD файлы со слоями и текстовыми объектами, редактируемые в программе Adobe Photoshop. Эта версия потребуется для внесения изменений в графику html-версии сайта.
* — Файлы, содержащий исходники в формате PSD и FLA находится в сжатом ZIP-файле и защищен паролем. Чтобы распаковать защищенный паролем ZIP-файл, вам понадобится программа Архиватор и пароль (Пароль — это номер вашего заказа, который вы можете найти в письме, что вы получили после оплаты шаблона. Ищите строку The password is the ID number of your order: fthpk8xMEKwFiXx85xu). Как только .ZIP файл начинает распаковываться, вам будет предложено ввести пароль. Вводите его аккуратно, не вставляйте лишние знаки пробелов (иногда они случайно копируются при выделение символов пароля).
Работа в интернете с флеш-шаблоном. Открытие FLA файла
FLA файл является основным исходным файлом Flash версии сайта. Он содержит всю анимацию. команды и графику, которую вы видите на странице сайта.
Для работы с этим файлом вам понадобится программа Adobe Flash (требуемая версия указана в списке необходимого ПО, обычно это 8+ или CS3). Чтобы открыть исходный файл в редакторе Flash вы надо выбрать пункт меню «File / Open» и перейти в папкуsources\flash. Простой способ, чтобы открыть файл – это просто перетащить его из браузера файлов в окно Flash редактора. Кроме того, если FLA файлы на вашем компьютере привязаны к редактору Flash, вы можете просто дважды щелкнуть по нему — Windows автоматически запустит нужную программу и загрузит в нее нужный исходный файл.
При открытии файла могут возникнуть ошибки:
- Если вы видите сообщение «Отсутствует Шрифт» , это означает, что у вас не установлены все используемые в проекте шрифты. Вам надо установить шрифты, находящиеся в папке sources/fonts и переоткрыть шаблон.
- Если вы видите сообщение «Неизвестный Формат Файла», это означает, что файл был создан с использованием более новой версии, чем установлена на вашем ПК и следует обновить версию ПО.
После того исходный файл успешно открыт, давайте приступим к его модификации — адаптации шаблона под нужды нашего проекта.
Изменение текста во флеш-файлах
Первым делом необходимо изменить название нашего сайта, слоган, пункты меню — это всё текстовые поля. Первым делом, необходимо найти объекты содержащие, интересующий нас текст.
Способ первый — найти нужный объект на временной шкале (timeline). Двигайте красный ползунок и следите за ходом анимации. Как только на экране появится нужный текст, остановитесь, выберите инструмент «SelectionTool» и щелкните по объекту, объект должен выделиться рамкой с «квадратиками» по углам. Делайте по нему двойные щелчки пока не увидите внутри текстового объекта курсор для редактирования текста. После этого можно изменить текст.
В некоторых флеш-шаблонах не так то просто найти текст на временной шкале, или анимация устроена таким образом, что текст не виден в редакторе. хотя прекрасно отображается при просмотре готового сайта. В этом случае лучше воспользоваться Библиотекой символов (Library). Для открытия библиотеки символов вы можете нажать на клавиатуре «Ctrl + L» или выберите пункт меню «Window / Library ...».
Панель библиотеки делится на две части:
- внизу — список объектов — символов. Здесь перечислены ВСЕ объекты, существующие в данной флешке
- вверху — предварительный просмотр выделенного объекта (символа)
Для удобства редактирования все символы текста содержат соответствующие имена, такие как «Название компании» или «О нас». Если по каким-то причинам вы не видите текст в окне просмотра, попробуйте изменить фон: текст белого цветаиногда плохо читается на белом фоне.
Найдя нужный объект, сделайте по нему двойной щелчок и отредактируйте.
Параметры шрифта и свойства текстового поля меняются в панели «Свойства» (Properties). Эта панель обычно располагается в нижней части рабочей области Flash редактора. Если по какой-то причине вы не видите эту панель, её можно открыть, нажав «Ctrl + F3».
Чтобы изменить цвет текста или размера шрифта просто выберите текст, и поменяйте в панеле «Свойства» нужную опцию (как Microsoft Word). Вы можете поменять шрифт и его размер, цвет букв и выравнивание строк, расстояние между строками и буквами в строке.
Когда вы закончите редактирование текстового блока, нажмите клавишу «Esc» для выхода из режима редактирования или щелкните мышкой рядом с редактируемым объектом. Теперь можно аналогично отредактировать другие тексты.
После того как все необходимые изменения сделаны, надо опубликовать флеш-проект — получить файл в формате SWF и скопировать его на сервер.
Изменение изображений в Flash
Искать и менять изображения необходимо в библиотеке символов. Для удобства можно отсортировать все объекты по Типу, нажав кнопку Type вверху списка. Нас интересуют объекты типа Bitmap, расположенные вверху списка. Просматривайте все символы по очереди, пока не увидите в панели просмотра нужный. Обнаружив нужное изображение — дважды щелкните по нему, чтобы открыть окно свойств.
Обратите внимание на размер изображения. Чтобы сохранить качество анимации новое изображение должны быть точно такого же размера, как и исходное. Вы можете подготовить новое изображение нужного размера, используя Adobe Photoshop. Чтобы заменить исходную картинку на новую нажмите кнопку «Импорт» и выберите новый файл изображения.
В окне свойств символов можно изменить качество изображения. Возможно потребуется уменьшить качество картинки, чтобы уменьшить размер флеш-файла.
После замены картинок, необходимо опубликовать проект и проверить, сделанные изменения.
Публикация флеш-проекта
Самый простой путь опубликовать проект — нажать Ctrl+Enter. Эта комбинация клавиш запускает проигрывание вашего флеш-проекта, что позволяет увидеть и проверить внесенные модификации. Одновременно, на диске сохраняется новый SWF-файл, который, в случае успешно выполненных изменений, можно скопировать на сервер, в папку, в которой хранятся все файлы сайта.
При необходимости можно изменить настройки публикации проекта, чтобы уменьшить объем файла и сократить время его загрузки или увеличить качество изображений. Чтобы открыть окно с настройками, выберите пункт меню «Файл / Настройки публикации ...». В разделе "Настройки публикации "выбрать закладку «Flash». Основные параметры, которые существенно влияют на размер SWF- файла это качество Jpeg и Audio.