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

Открываем программу Sothink SWF Quicker и выбираем из меню файл

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

Итак мы выбрали создать новый файл из шаблона, и перед нами открывается вот такое окно:

Как только мы нажали ОК перед нами возникает следующее  окно:

В этом списке присутствует 14 тем. Выберете любую, на Ваш вкус. Я выбрал последнюю, с атрибутами Нового года. Принципиального значения выбор темы не имеет, так как впоследствии мы всё изменим по своему вкусу. Но обо всем по порядку.

После того, как тема выбрана нажимаем на кнопку «Далее», и перед нами появится вот такое окно:

В этом окне мы устанавливаем фон, который нам нравится. Нажав на кнопку Browse… мы можем выбрать любое изображение из тех графических форматов, которые поддерживает программа. Но можно ничего не выбирать, а оставить тот, который предложен по умолчанию для этого шаблона. Мы его успеем заменить немного позже. Можно выбрать позицию (по центру, слева, справа и т.д. Выбирайте по центру, так как мы делаем все-таки не баннер, а открытку. А вот размеры открытки нам в этом случае задать так, как бы хотелось не удастся, потому что перемещая ползунки в полях  Width и Height размеры окна увеличиваются/уменьшаются пропорционально (вот бы эту функцию добавить в окно импорта видео!) Ну да ничего страшного в этом нет. Задайте размер окна таким, какой Вы хотите видеть по ширине свою открытку. И вообще лучше оставить предлагаемый по умолчанию размер по ширине. Для чего это нужно сделать Вам станет ясно немного дальше.

Оставляем предлагаемый размер 648 х 120 пикселей, и нажимаем кнопку «Далее». Перед нами откроется следующее окно:

В этом окне предлагается ввести первый текст, который будет отображаться при открытии баннера. Введите, что Вам нравится. Я ввел: «Поздравляю с Новым Годом».

Далее последовательно такое же окно откроется еще четыре раза (для различных выбранных тем – разное количество раз). Каждый раз вводим новый текст, и нажимаем кнопку «»Далее». На рисунке ниже фрагмент окна, открывшегося для ввода пятого текста:

После того, как Вы в очередной раз нажмете кнопку «Далее», откроется предпоследнее окно. В этом окне предлагается задать адрес, и указать в каком положении откроется баннер. Этот шаг Мы пропустим. Он нам не нужен, и в последний раз нажимаем кнопку «Далее». После того, как Вы её нажали начнется процесс компиляции, который завершится в считанные секунды. Смотри рисунок ниже:

На этом подготовительная работа закончена.

Далее переходим непосредственно к редактированию того, что у нас получилось.

Вы увидите в окне библиотеки три вида символов, которые помещены в неё после компиляции файла. Смотри рисунок ниже:

Нас, в данном случае будут интересовать символ 12  (мувиклип), созданный из растрового изображения, и расположенный в первом слое. И символ 5 (мувиклип с текстом введенным нами в первый раз).

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

Изменяем размеры сцены в соответствии с размерами импортированной картинки, которая будет у нас фоновой. Предположим, что Вы хотите открытку с размерами 600 на 400 пикселей ( у меня именно такая). Значит на панели свойств, меняем размер сцены именно  на такой:

Заходим в слой 1, в первый кадр, кликаем правой кнопкой мыши, и выбираем Clear Keyframe. Таким образом мы удалим из первого слоя символ символ 12, созданный из растрового изображения:

На рисунке ниже для наглядности я показываю картинку:

Далее нам нужно заменить удаленную фоновую картинку  на свою.

Переместим из библиотеки в этот кадр импортированную картинку для фона. Отцентрируем её. Просто задайте на панели Transform координаты Х= 300, и У = 200.

Можно оставить символ с изображением Санта Клауса, а можно его удалить, и вставить что-то своё. Я например вообще удалил весь слой с ним, и вставил своего персонажа, только немного в других кадрах.
На таймлайне Вы видите, что вся анимация у нас была размещена в 137 кадрах. Для того, чтобы открытка работала по нашему сценарию, необходимо на временную шкалу добавить еще несколько слоев (в зависимости от того, что Вы собираетесь добавлять), и несколько кадров. На рисунке ниже Вы видите, что я добавил  еще 6 слоев, и  в каждом из них выполнил новую анимацию с 138 кадра до 172 кадра.
Первый слой также продлен до 172 кадра. Смотри рисунок ниже:

Я намеренно выбрал размер картинки 600 на 400 пикселей, для того, чтобы показать, как в этом случае придется отредактировать символ символ 5 (с первым текстом). Предположим, что текст, который Вы ввели, длиннее, чем тот который должен отобразиться, и тогда, при изменении ширины размера сцены с 648 пикселей до 600 пикселей часть текста не попадет в нашу открытку. И выглядеть это будет примерно так:

Что в этом случае нужно сделать? А вот что: Дважды щелкните в окне библиотеки по символу пятому, и войдите в окно редактирования этого символа. Инструментом Selection (V) выделите одновременно все видимые символы (см поз 1 на рисунке), перейдите на панель Transform, и  уменьшите ширину примерно на 200 пикселей (в зависимости от того, какой длинны текст Вы будете вводить). Сделать это нужно во всех ключевых кадрах. После этого все будет отображаться правильно. Если с первого раза не получится – повторите эту операцию. В  позиции 2 на рисунке ниже показано как отображается символ после изменения размеров.

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

Я не буду в этом уроке рассказывать как добавляются картинки, и как делается анимация (в конце урока я приведу файл для скачивания, по которому Вы сможете сверяться), об этом смотрите другие разделы с уроками, но конечное действие будет состоять в том, что в последнем кадре слоя действий (Action Layer) нам нужно будет остановить анимацию, т.е. пишем на панели Action такой код:

Если не хотите, чтобы картинка при воспроизведении масштабировалась, введите в первом кадре слоя действий такой код:

Нажимаем Ctrl + Enter и смотрим, что у нас получилось.