Урок «Маска текстом в программе Sothink SWF Quicker».
14-06-2013 23:31
к комментариям - к полной версии
- понравилось!
В уроке Использование масок в программе Sothink SWF Quicker рассказывалось о масках во флеш и их использование при создании флеш роликов. Итак, маской в программе Sothink SWF Quicker может являться графический символ, созданный в этой программе ее инструментами рисования (инструменты карандаш, кисть, ластик) или инструментами формы (инструменты овал, прямоугольник).
Взяв любой из этих инструментов, можно создавать маски любой сложности и, для получения необходимых эффектов, маскировать ими графику и видеоролики входящие во флеш проект.
Кроме использования этих инструментов для создания маски можно использовать инструмент "Текст"
Только, тип текст для маски обязательно должен быть "Статическим". Тип текста указывается при выборе инструмента "Текст" в панеле "Свойства".
[700x]
Давайте попробуем создать самую простую маску текстом.
Маскируемым объектом может быть, например, любая яркая картинка. Маской станет текст, а результатом - текст заполненный изображением (выбранной картинкой)
Откройте программу и в панели "Свойства" установите размер "Рабочего поля" 400 X 200 пикс. На Временной шкале создайте три слоя.
[700x]
Дважды щелкнув по каждому из слоев, переименуем их.
Вводим название слоя в открывшемся диалоговом окне. Смотрим с верху в низ.
Самый верхний слой называем "Маска".
Слой под маской назовем "Картинка".
Нижний слой - "Дубль текст тень" На этом слое будет размещен дубликат текста с верхнего слоя. Этот дубликат будет служить тенью для текста маски и придавать, полученному флеш ролику, некоторый объем.
[700x]
Инструментом "Текст" на слое "Маска" разворачиваем текстовое поле и вводим необходимое слово или фразу. Я ввожу "Привет!". С помощью инструментов "Выбор" и "Трансформация" увеличиваю размер текста и устанавливаю его на рабочем поле по центру.
[700x]
Не забываем(!!!), что для маски тип текста должен быть выбран - "Статический". Тип текста выбираем в панели "Свойства".
[700x]
Инструментом "Выбор" (черная стрелочка) выделяем текст и, щелкнув по нему правой кнопкой мыши, в контекстном меню выбираем пункт "Копировать".
[700x]
Выделяем самый нижний слой "Дубль текст тень" и щелкаем правой кнопкой мыши вне рабочего поля на пустом месте. В контекстном меню выбираем пункт "Вставить на месте". Чтобы увидеть, что текст действительно вставлен и иметь возможность с ним поработать, необходимо отключить видимость верхнего слоя "Маска". Чтобы отключить видимость, надо щелкнуть на Временной шкале по глазку рядом с названием слоя.
[700x]
При отключенной видимости слоя "Маска" и выделенном слое "Дубль текст тень" щелкните на Рабочем поле по тексту инструментом "Выбор" и, тем самым, выделите текст. Теперь нам необходимо немного изменить оттенок цвета текста на слое "Дубль текст тень", чтобы в дальнейшем нам было легче отличать текст "маску" и текст "тень". Для изменения оттенка цвета необходимо обратиться к панели "Трансформация". В этой панели в самом низу есть раздел с выпадающим списком в котором нужно выбрать пункт "Цвет" и, в появившемся маленьком окошечке выбора цветов, щелкнуть в уголке по черному треугольнику для вызова палитры выбора цвета (по умолчанию появляется окошечко с белым цветом и оттенком в 50%) Проценты оттенка можно поменять регулятором рядом со значком %.
[700x]
Продолжаем работать со слоем "Дубль текст тень". Немного изменим размер текста, а точнее - увеличим размер текста на 1-2 %. Для этого слой "Дубль текст тень" и сам текст на нем должны быть выделены.
В палитре "Трансформация" в колонках процентов увеличиваем размер ширины и высоты выделенного текста "тень", например, на 1%.
[700x]
Включаем видимость слоя "Маска"
Видим, что текст со слоя "Дубль текст тень" теперь немного выступает из-за текста "Маска", как бы придавая ему объем.
[700x]
Подготовка текста для маски закончена и теперь, выделив слой "Картинка", разместим на нем какую-нибудь яркую картинку для маскирования. Файл - Импорт.
Я использую вот такую:
[700x]
[700x]
[311x408]
Картинку размещаем на Рабочем поле так, чтобы под текст для маски попали наиболее яркие и выразительные участки изображения. При этом, не важно как картинка будет расположена на Рабочем поле. Она может даже не полностью его перекрывать. Нам будет виден только участок который находится под текстом слоя "Маска".
[700x]
Пришло время превратить текст на слое "Маска" в эту самую маску.
Правой кнопкой мыши щелкаем по слою "Маска" и, в открывшемся контекстном меню, выбираем пункт "Маска", то есть назначаем этот слой маской.
[700x]
Выделяем слой "Картинка" и щелкаем по нему правой кнопкой мыши. В открывшемся контекстном меню выбираем пункт "Маскировать".
[700x]
Слои на временной шкале теперь выглядят следующим образом:
[700x]
Включаем предварительный просмотр проекта и видим результат.
[700x]
Сохраняем результат как флешку. Файл - Экспорт - Экспорт фильма.
Также сохраните этот файл как проект. Он нам еще понадобится. Файл - Сохранить как. Файл проекта сохраняется в формате *.sqf и открывается программой Sothink SWF Quicker. Файл - Открыть.
[700x]
Можно если захотите добавить дополнительные элементы к тексту
А теперь самое интересное. Добавим на слой "Картинка" вместо статичной картинки яркую анимашку или видеофайл. Для анимашки подойдет, что-то вроде глиттерного фона, а для видеофайла - футажи со световыми эффектами. Например как здесь
futajik.ru
Тогда мы получим яркую, переливающуюся, оригинальную флешку, которую можно использовать для комментариев, поздравлений, отображения собственного ника и многого другого.
Для того, чтобы сделать такой анимированный текст (как на флешке в самом начале сообщения), на слое "Картинка" выделите саму картинку и удалите ее, нажав кнопку "Del" с клавиатуры.
[700x]
Затем оставаясь на этом же слое, выполните из меню "Вставка - Новый символ" (Ctrl+F8). Новый символ мы создаем для того, чтобы загрузить в него анимацию или видеофайл, так как такие файлы имеют не один, несколько или даже очень много кадров и при загрузке их сразу же на слой "Картинка" нам пришлось бы увеличивать протяженность Временной шкалы для всех слоев, которые расположены на Временной шкале основной Сцены1. А это крайне нежелательно.
[600x]
Откроется диалоговое окно создания символа. В нем выберите тип символа - "Видеоролик", назовите символ "Анимация" и нажмите "ОК".
[375x191]
После этого откроется окно редактирования символа "Анимация" с одним слоем. На этот слой и загрузите
видеоролик или анимацию с компьютера. Файл - Импорт.
[650x]
При загрузке видеофайла с компьютера откроется вот такое окно "Import Video", в котором можно оставить все параметры по умолчанию, а можно уменьшить размеры окна, загружаемого видео. Для продолжения загрузки видео необходимо нажать "Далее".
[640x]
После этого пойдет процесс загрузки видео в символ "Анимация"
[513x455]
Так как видео файл имеет большее количество кадров чем один, то программа предложит создать недостающие кадры. Нажимаем "Да".
[700x]
После того как видео файл загружен в символ "Анимация",переключаемся на основную Сцену1. Переключиться можно, нажав на вкладку "Сцена1" над Временной шкалой. Причем на Сцене1 символа "Анимация" у нас еще нет и нам необходимо будет добавить его на слой "Картинка" из палитры "Библиотека".
[640x]
На основной Сцене1 у нас выделен слой "Картинка" и на него мы перетаскиваем из палитры "Библиотека" символ "Анимация" После этого проверьте, чтобы слой "Маска" так и остался маской, а слою "Картинка" было назначено "Маскировать".
Разместите символ "Анимация" так, чтобы под текстом маски были наиболее выразительные и яркие участки видеофайла. Запустите предварительный просмотр и если все устраивает, то сохраните флешку.
[800x314]
Вот такие веселые комментики получились у меня.
В уроке Использование масок в программе Sothink SWF Quicker рассказывалось о масках во флеш и их использование при создании флеш роликов. Итак, маской в программе Sothink SWF Quicker может являться графический символ, созданный в этой программе ее инструментами рисования (инструменты карандаш, кисть, ластик) или инструментами формы (инструменты овал, прямоугольник).
Взяв любой из этих инструментов, можно создавать маски любой сложности и, для получения необходимых эффектов, маскировать ими графику и видеоролики входящие во флеш проект.
Кроме использования этих инструментов для создания маски можно использовать инструмент "Текст"
Только, тип текст для маски обязательно должен быть "Статическим". Тип текста указывается при выборе инструмента "Текст" в панеле "Свойства".
[700x]Давайте попробуем создать самую простую маску текстом.
Маскируемым объектом может быть, например, любая яркая картинка. Маской станет текст, а результатом - текст заполненный изображением (выбранной картинкой)
Откройте программу и в панели "Свойства" установите размер "Рабочего поля" 400 X 200 пикс. На Временной шкале создайте три слоя.
[700x]Дважды щелкнув по каждому из слоев, переименуем их.
Вводим название слоя в открывшемся диалоговом окне. Смотрим с верху в низ.
Самый верхний слой называем "Маска".
Слой под маской назовем "Картинка".
Нижний слой - "Дубль текст тень" На этом слое будет размещен дубликат текста с верхнего слоя. Этот дубликат будет служить тенью для текста маски и придавать, полученному флеш ролику, некоторый объем.
[700x]Инструментом "Текст" на слое "Маска" разворачиваем текстовое поле и вводим необходимое слово или фразу. Я ввожу "Привет!". С помощью инструментов "Выбор" и "Трансформация" увеличиваю размер текста и устанавливаю его на рабочем поле по центру.
[700x]Не забываем(!!!), что для маски тип текста должен быть выбран - "Статический". Тип текста выбираем в панели "Свойства".
[700x]Инструментом "Выбор" (черная стрелочка) выделяем текст и, щелкнув по нему правой кнопкой мыши, в контекстном меню выбираем пункт "Копировать".
[700x]Выделяем самый нижний слой "Дубль текст тень" и щелкаем правой кнопкой мыши вне рабочего поля на пустом месте. В контекстном меню выбираем пункт "Вставить на месте". Чтобы увидеть, что текст действительно вставлен и иметь возможность с ним поработать, необходимо отключить видимость верхнего слоя "Маска". Чтобы отключить видимость, надо щелкнуть на Временной шкале по глазку рядом с названием слоя.
[700x]При отключенной видимости слоя "Маска" и выделенном слое "Дубль текст тень" щелкните на Рабочем поле по тексту инструментом "Выбор" и, тем самым, выделите текст. Теперь нам необходимо немного изменить оттенок цвета текста на слое "Дубль текст тень", чтобы в дальнейшем нам было легче отличать текст "маску" и текст "тень". Для изменения оттенка цвета необходимо обратиться к панели "Трансформация". В этой панели в самом низу есть раздел с выпадающим списком в котором нужно выбрать пункт "Цвет" и, в появившемся маленьком окошечке выбора цветов, щелкнуть в уголке по черному треугольнику для вызова палитры выбора цвета (по умолчанию появляется окошечко с белым цветом и оттенком в 50%) Проценты оттенка можно поменять регулятором рядом со значком %.
[700x]Продолжаем работать со слоем "Дубль текст тень". Немного изменим размер текста, а точнее - увеличим размер текста на 1-2 %. Для этого слой "Дубль текст тень" и сам текст на нем должны быть выделены.
В палитре "Трансформация" в колонках процентов увеличиваем размер ширины и высоты выделенного текста "тень", например, на 1%.
[700x]Включаем видимость слоя "Маска"
Видим, что текст со слоя "Дубль текст тень" теперь немного выступает из-за текста "Маска", как бы придавая ему объем.
[700x]Подготовка текста для маски закончена и теперь, выделив слой "Картинка", разместим на нем какую-нибудь яркую картинку для маскирования. Файл - Импорт.
Я использую вот такую:
[700x] [700x] [311x408]Картинку размещаем на Рабочем поле так, чтобы под текст для маски попали наиболее яркие и выразительные участки изображения. При этом, не важно как картинка будет расположена на Рабочем поле. Она может даже не полностью его перекрывать. Нам будет виден только участок который находится под текстом слоя "Маска".
[700x]Пришло время превратить текст на слое "Маска" в эту самую маску.
Правой кнопкой мыши щелкаем по слою "Маска" и, в открывшемся контекстном меню, выбираем пункт "Маска", то есть назначаем этот слой маской.
[700x]Выделяем слой "Картинка" и щелкаем по нему правой кнопкой мыши. В открывшемся контекстном меню выбираем пункт "Маскировать".
[700x]Слои на временной шкале теперь выглядят следующим образом:
[700x]Включаем предварительный просмотр проекта и видим результат.
[700x]Сохраняем результат как флешку. Файл - Экспорт - Экспорт фильма.
Также сохраните этот файл как проект. Он нам еще понадобится. Файл - Сохранить как. Файл проекта сохраняется в формате *.sqf и открывается программой Sothink SWF Quicker. Файл - Открыть.
[700x]Можно если захотите добавить дополнительные элементы к тексту
А теперь самое интересное. Добавим на слой "Картинка" вместо статичной картинки яркую анимашку или видеофайл. Для анимашки подойдет, что-то вроде глиттерного фона, а для видеофайла - футажи со световыми эффектами. Например как здесь
futajik.ru
Тогда мы получим яркую, переливающуюся, оригинальную флешку, которую можно использовать для комментариев, поздравлений, отображения собственного ника и многого другого.
Для того, чтобы сделать такой анимированный текст (как на флешке в самом начале сообщения), на слое "Картинка" выделите саму картинку и удалите ее, нажав кнопку "Del" с клавиатуры.
[700x]Затем оставаясь на этом же слое, выполните из меню "Вставка - Новый символ" (Ctrl+F8). Новый символ мы создаем для того, чтобы загрузить в него анимацию или видеофайл, так как такие файлы имеют не один, несколько или даже очень много кадров и при загрузке их сразу же на слой "Картинка" нам пришлось бы увеличивать протяженность Временной шкалы для всех слоев, которые расположены на Временной шкале основной Сцены1. А это крайне нежелательно.
[600x]Откроется диалоговое окно создания символа. В нем выберите тип символа - "Видеоролик", назовите символ "Анимация" и нажмите "ОК".
[375x191]После этого откроется окно редактирования символа "Анимация" с одним слоем. На этот слой и загрузите
видеоролик или анимацию с компьютера. Файл - Импорт.
[650x]При загрузке видеофайла с компьютера откроется вот такое окно "Import Video", в котором можно оставить все параметры по умолчанию, а можно уменьшить размеры окна, загружаемого видео. Для продолжения загрузки видео необходимо нажать "Далее".
[640x]После этого пойдет процесс загрузки видео в символ "Анимация"
[513x455]Так как видео файл имеет большее количество кадров чем один, то программа предложит создать недостающие кадры. Нажимаем "Да".
[700x]После того как видео файл загружен в символ "Анимация",переключаемся на основную Сцену1. Переключиться можно, нажав на вкладку "Сцена1" над Временной шкалой. Причем на Сцене1 символа "Анимация" у нас еще нет и нам необходимо будет добавить его на слой "Картинка" из палитры "Библиотека".
[640x]На основной Сцене1 у нас выделен слой "Картинка" и на него мы перетаскиваем из палитры "Библиотека" символ "Анимация" После этого проверьте, чтобы слой "Маска" так и остался маской, а слою "Картинка" было назначено "Маскировать".
Разместите символ "Анимация" так, чтобы под текстом маски были наиболее выразительные и яркие участки видеофайла. Запустите предварительный просмотр и если все устраивает, то сохраните флешку.
[800x314]Вот такие веселые комментики получились у меня.
novprospekt
16-06-2013-14:04
удалить
Ответ на комментарий jzayka #
Я кнопки еще в Adobe Flash не делала. Вот попробовала и мне понравилось. Вроде ничего так получается. У меня есть программка, которая автоматически делает флеш менюшки. Там надо только выбрать шаблон и вставить свои ссылки в кнопки. Но когда все делаешь сам столько радости получаешь и положительных эмоций. Но надо будет эту программку для менюшки тоже опубликовать, тоже может многим пригодиться.
Лариса_Гурьянова
16-06-2013-14:40
удалить
Ответ на комментарий novprospekt #
Мариша, попробывала. Супер!!!!!!!
С первого раза получилось, я так рада. Спасибо огромное!!!!!
А ты не можешь (для особо "одаренных") дописать этот урок и рассказать - как теперь к этому комменту добавить, например, шарик, как у тебя? Или другую флешку, коих так много в инете..)) Пожалуйста...
А то пробую и не понимаю....То ли все по-новой начинать...и добавлять, то ли можно как-то уже сюда прилепить....
С первого раза получилось, я так рада. Спасибо огромное!!!!!
А ты не можешь (для особо "одаренных") дописать этот урок и рассказать - как теперь к этому комменту добавить, например, шарик, как у тебя? Или другую флешку, коих так много в инете..)) Пожалуйста...
А то пробую и не понимаю....То ли все по-новой начинать...и добавлять, то ли можно как-то уже сюда прилепить....
novprospekt
16-06-2013-14:55
удалить
Ответ на комментарий Лариса_Гурьянова #
Да, Ларис обязательно отдельным уроком сделаю о том как использовать эффекты из готовых флешек у себя в работах. Это многим интересно и я уже пишу про это. Флешку из которой хочешь. что -то взять надо открыть в новом окне. Файл - Новый -Новое окно. В новом окне - Импорт. Находишь на рабочем поле у этой флешки элемент или эффект, которым хочешь украсить свою флешку, выделяешь его инструментом "Выбор" и копируешь. Затем идешь в окно своей флешки, создаешь там для скопированного эффекта новый слой (поверх всех своих слоев, или ниже. В зависимости от композиции.) и вставляешь скопированное на рабочее поле на новый слой.
Лариса_Гурьянова
16-06-2013-15:11
удалить
Ответ на комментарий novprospekt #
А-а-а-а-а!!!! Вон оно как!!!!!! Вот, спасибо, так спасибо, Мариночка! Научила меня уму-разуму..))
А урок твой буду ждать с нетерпением!
А урок твой буду ждать с нетерпением!
Лариса_Гурьянова
16-06-2013-15:58
удалить
Ответ на комментарий novprospekt #
Мариша, спасибо огромное!!! Посмотри, что получилось..))
http://www.liveinternet.ru/users/3354683/post280161281/
http://www.liveinternet.ru/users/3354683/post280161281/
Kantemirova_Irina
16-06-2013-16:15
удалить
Ответ на комментарий novprospekt #
Передрала себе,вдруг освою Adobe Flash,спасибо.
Kantemirova_Irina
16-06-2013-16:24
удалить
novprospekt
16-06-2013-16:40
удалить
Ответ на комментарий Kantemirova_Irina #
Adobe Flash, конечно вещь хорошая, но в ней не попотрошишь готовые флешки. Это можно только в Sothnik SWF Quicker. Зато по Adobe Flash много уроков в интернете на русском и его поэтому легче освоить. Ты, Ириш попробые уй сделать урок с шаблоном таймера и многое поймешь. Некоторые вещи намного проще в Adobe делаются. Потом там напрямую можно открывать векторные файлы в формате AI (Adobe Illustrator) и все эти векторные картинки использовать в флешках.
Ответ на комментарий novprospekt #
Спасибо,Мариночка,за подробности.
Теперь я поняла принцип.А то ходила вокруг да около..
Оказывается в В Adobe Flash вот так запросто видео не вставишь.
Вчера и так и эдак пробовала.Потом почитала,оказывается только два формата видео можно импортровать.
FLVи MP4.
Другие форматы надо перекодировать встроенным кодировщиком.
Ну да ладно.Теперь я знаю как можно использовать видео и как вытаскивать готовую анимацию в Сотнике.
А там разберусь,при необходимости.
Теперь я поняла принцип.А то ходила вокруг да около..
Оказывается в В Adobe Flash вот так запросто видео не вставишь.
Вчера и так и эдак пробовала.Потом почитала,оказывается только два формата видео можно импортровать.
FLVи MP4.
Другие форматы надо перекодировать встроенным кодировщиком.
Ну да ладно.Теперь я знаю как можно использовать видео и как вытаскивать готовую анимацию в Сотнике.
А там разберусь,при необходимости.
Ответ на комментарий novprospekt #
Я делала кнопки.Принцип тот же что и Сотнике.
Вчера смотрела шаблон с менюшками.
Но там опять же скрипты,в которых я до сих пор не разбираюсь.
А ,если честно,то забросила до лучших времен.Может потом наступит прозрение.
Можно готовыми,вот и пользуюсь.
У меня установлена программка для менюшек,но я никогда ее не пользовала.
Того же мнения,гораздо интересней делать самой.
Благодарю тебя.Мариночка,за твою отзывчивость и доброту))
Вчера смотрела шаблон с менюшками.
Но там опять же скрипты,в которых я до сих пор не разбираюсь.
А ,если честно,то забросила до лучших времен.Может потом наступит прозрение.
Можно готовыми,вот и пользуюсь.
У меня установлена программка для менюшек,но я никогда ее не пользовала.
Того же мнения,гораздо интересней делать самой.
Благодарю тебя.Мариночка,за твою отзывчивость и доброту))
Sobirayu_vinograd
16-06-2013-23:19
удалить
Марина, это прога только для Flash?
novprospekt
27-06-2013-12:11
удалить
Ответ на комментарий IrchaV #
Ириш, да очень хорошая прожка для создания флешек. Очень легкая по весу, портабельная и у нее очень много возможностей. А про фотошоп, про видео я коммент только недавно обнаружила. Так что сейчас как раз пишу ответ. Скоро получишь.
almiria_kh
06-07-2013-15:41
удалить
спасибо большое,здорово!
Lady__Liliya
06-07-2013-16:19
удалить
Спасибо большое за урок!
наташа_Проценюк
15-07-2013-21:21
удалить
Мариночка урок супер.Спасибо тебе огромное.Сделала пробу.С первого раза все получилось.Ты очень хорошо пишешь уроки.А это вторая проба для тебя.
novprospekt
16-07-2013-00:29
удалить
Ответ на комментарий наташа_Проценюк #
Наташ, очень красиво и изыскано получилось. Вот тебе еще один приемчик для дизайна твоих красивостей. Эффект не очень сложный в исполнении, но получается, если постараться, прекрасный результат.
Nella__solneshko
25-07-2013-02:18
удалить
спасибочки за урок!
Нина_Гуревич
26-07-2013-18:30
удалить
вот что у меня получилось
koreckolga
27-07-2013-00:13
удалить
Благодарю тебя, Мариночка!
Ларочка_мечтательница
10-08-2013-18:17
удалить
Спасибо за урок.Будем учиться и вас благодарить.
Спасибо! Понятно даже для начинающих, как я. Забираю в копилку.
Inna_Guseva
09-09-2013-19:45
удалить
Ответ на комментарий novprospekt #
Мариночка! Огромнейшее спасибо за урок,объясняешь просто чудненько,так доступно У меня все получилось.Но одна проблема как тебе показать свою работу не знаю. Все девчата тебе показывают свои флешки,такие прекрасные работы.Пусть у меня простенькие,но хотелось бы что бы ты оценила мою работу.Объясни пожалуйста как переслать,буду очень тебе благодарна
Inna_Guseva
10-09-2013-09:23
удалить
novprospekt, Марина! Вот сколько пытаюсь отослать свою ФЛЕШ но не могу.Но как же её надо отсылать??????????? За урок огромнейшее СПАСИБО!
novprospekt
10-09-2013-10:56
удалить
Ответ на комментарий Inna_Guseva #
Сначала надо флешку с компьютера загрузить в интернет, чтобы иметь ее ссылку -дрес. и можно делиться этим ссылкой- адресом либо вставить ссылку в формулу для размещения флешек на страницах интернета
Флешку со своего компьютера можно загрузить вот на этот сервис ЯП файлы
http://www.yapfiles.ru/upload/
Флешку со своего компьютера можно загрузить вот на этот сервис ЯП файлы
http://www.yapfiles.ru/upload/
Вы сейчас не можете прокомментировать это сообщение.
Дневник Урок «Маска текстом в программе Sothink SWF Quicker». | novprospekt - Дневник novprospekt |
Лента друзей novprospekt
/ Полная версия
Добавить в друзья
Страницы:
«позже
раньше»