Интересно, а сколько секретов на этой открытке найдёте вы?
воскресенье, 30 декабря 2012 г.
С наступающим 2013!
Интересно, а сколько секретов на этой открытке найдёте вы?
суббота, 22 декабря 2012 г.
12.9. Задание
Теперь ты знаешь достаточно, чтобы доделать новогоднюю открытку с секретами. Нарисуй сугробы, лес, месяц, избушку. Придумай свои секреты. Пусть, например, месяц загорается, когда по нему щёлкнешь, или загорается при наведении указателя, а при уведении — гаснет. Пусть щелчок по небу зажигает на нём звёзды, а наведение указателя на избушку зажигает свет в окошке и «затапливает» печку. Фантазируй!
12.8. Как изменить указатель мыши?
Действительно, как пользователь узнает, что по ёлочке надо щёлкнуть?
12.7. Как запустить анимацию одного объекта щелчком по другому объекту?
- Дай имена экземплярам клипов конфетти и ёлочка:
12.4. Как остановить огонёк и как его запустить?
- Основная сцена. Создай слои, распредели объекты по слоям:
Урок 12. Знакомимся с ActionScript 3.0
На прошедших уроках ты научился использовать практически все инструменты Flash (а с теми инструментами, которых мы не коснулись, тебе теперь очень просто будет разобраться самостоятельно), создавать любую анимацию, используя при этом специальные слои и хитрые приёмы.
Однако, этим возможности Flash не исчерпываются. Flash обладает уникальнейшим языком программирования, позволяющим делать ролики интерактивными (интерактивный означает, что пользователь может взаимодействовать с происходящим в ролике). И сегодня мы с этим языком познакомимся, создавая интерактивную новогоднюю открытку.
Однако, этим возможности Flash не исчерпываются. Flash обладает уникальнейшим языком программирования, позволяющим делать ролики интерактивными (интерактивный означает, что пользователь может взаимодействовать с происходящим в ролике). И сегодня мы с этим языком познакомимся, создавая интерактивную новогоднюю открытку.
суббота, 15 декабря 2012 г.
11.1. Как нарисовать очень большой радужный круг?
- Установи мелкий масштаб просмотра и нарисуй такой круг, чтобы он был больше сцены:
Урок 11. Маска
Иногда появляется необходимость скрыть некоторую часть картинки от зрителя. В большинстве графических программ в таких случаях используется маска. Не отстал в этом плане и Flash. Однако, благодаря анимации с помощью маски во Flash можно получать неожиданные и очень интересные эффекты.
Знакомимся с маской?
Знакомимся с маской?
суббота, 8 декабря 2012 г.
воскресенье, 2 декабря 2012 г.
Урок 10. Нестандартное применение анимации
Странный заголовок, не правда ли? Анимация используется для создания анимации — разве может быть иначе?
Оказывается, кадры, которые Flash создаёт на временной диаграмме, иногда могут использоваться для создания необычных статических объектов, ну, например, таких:
Оказывается, кадры, которые Flash создаёт на временной диаграмме, иногда могут использоваться для создания необычных статических объектов, ну, например, таких:
Парочку таких примеров мы сегодня и рассмотрим.
суббота, 1 декабря 2012 г.
8.5. Как создать скелет на жёсткой основе?
Скелет, который мы только что создали, можно назвать «мягким», поскольку создаётся на основе обычного рисунка, а такой рисунок может свободно изменять свою форму.
Однако, скелет можно сформировать и на основе клипов. Как?
8.3. Как создать анимацию скелета?
Ещё проще! Дело в том, что анимация уже создана, и увидеть это можно, вставив ряд обычных кадров.
Урок 8. Скелетная анимация
До сих пор мы анимировали, так скажем, «единичные» объекты. А можно ли таким же способом создать анимацию, например, движущегося человечка, или бег пантеры, или движение волос-змей Медузы-Горгоны? Можно! Но очень сложно: придётся создавать отдельные слои для каждого элемента (например, движущийся хвост пантеры придётся разбить на 3–4 фрагмента и каждый разместить на отдельном слое), настраивать анимацию и следить за тем, чтобы эти элементы не рассыпались.
Но такая ситуация была до недавнего времени, до того момента, когда во Flash появилась новая технология — скелетная анимация. Вообще-то технология эта не новая и достаточно давно существовала в таких программах, как 3DS Max или Blender (там она называется Инверсная кинематика), но Flash приспособил её к совершенно новым объектам в совсем других условиях.
С этими объектами и условиями мы сегодня и познакомимся.
суббота, 17 ноября 2012 г.
7.5. Как дым сделать извилистым?
- Повернём каждый экземпляр графики на небольшой угол. В таблице записаны примерные углы для дыма средней извилистости:
7.2. Как создать непрерывный поток дыма?
Так же, как мы создавали непрерывную очередь движения меридианов — внутри клипа дым несколько график клуб дыма с разными начальными кадрами:
7.1. Как создать анимацию формы?
И краткий, и полный план создания анимации формы будет таким:
- рисуем форму в начальном кадре;
- рисуем форму в конечном кадре;
- в контекстном меню начального кадра выбираем команду Создать анимацию формы.
Урок 7. Анимация формы
Анимация движения, пожалуй, самый востребованный вид анимации во Flash-роликах. Однако, иногда приходится анимировать изменение формы объекта или его расцветки, и тут никак не обойтись без анимации формы (Shape Tween). С ней мы сегодня и познакомимся на примере создания вот такого ролика:
суббота, 3 ноября 2012 г.
6.10. Задание
С помощью анимации движения можно изменять не только положение, размеры, поворот объекта, но и прозрачность или фильтры. Поэтому задание будет таким:
6.9. Как настроить реалистичное движение маятника?
- Выдели анимацию (щёлкни по кадрам с анимацией) и выполни Окно → Редактор движения.
6.2. Как создать анимацию движения?
- Щёлкни на сцене по бабочке правой кнопкой мыши и в контекстном меню выбери команду Создать анимацию движения.
6.1. С чего начать?
С создания клипа!
Анимация движения работает только с особыми объектами: клипами, текстовыми полями, кнопками.
Анимация движения работает только с особыми объектами: клипами, текстовыми полями, кнопками.
Урок 6. Анимация движения
Ты, наверное, уже попробовал создать анимацию полёта бабочки на цветок. А если и не пробовал, то в любом случае представил, сколько муторной работы придётся выполнить — создать новый кадр, чуть передвинуть бабочку, чуть развернуть её, чуть уменьшить или увеличить... Как хорошо было бы поручить подобную «механическую» работу флешу: показал ему, откуда и куда полетит бабочка, по какой траектории и как себя в это время будет вести — и готово!
К счастью, именно такой тип анимации (когда мы указали начальный и конечный кадры для объекта и попросили прорисовать промежуточные) является главным во Flash. Более того, таких типов анимации у него несколько, и все они носят общее имя: промежуточная анимация (Tween).
Итак, сегодня мы рассмотрим, пожалуй, самый популярный тип промежуточной анимации — анимацию движения.
К счастью, именно такой тип анимации (когда мы указали начальный и конечный кадры для объекта и попросили прорисовать промежуточные) является главным во Flash. Более того, таких типов анимации у него несколько, и все они носят общее имя: промежуточная анимация (Tween).
Итак, сегодня мы рассмотрим, пожалуй, самый популярный тип промежуточной анимации — анимацию движения.
суббота, 27 октября 2012 г.
5.8. Как поместить в клип готовую анимацию?
- Выдели все кадры на основной временной диаграмме и скопируй их в буфер обмена (в контекстном меню кадров выбери команду Копировать кадры):
5.7. Задание
Однако, меридианы получились слишком редкими — всего три меридиана на шар. Почему так мало?
Анимация движения меридиана состоит из 9 кадров. Чтобы меридианы двигались друг за другом, они должны отставать друг от друга минимум на три кадра, значит, 9:3=3.
А если я хочу увеличить количество меридианов до 6? Тогда анимация должна составлять 6х3=18 кадров, а значит, линии разметки надо было копировать не через 20, а через 10 градусов.
Анимация движения меридиана состоит из 9 кадров. Чтобы меридианы двигались друг за другом, они должны отставать друг от друга минимум на три кадра, значит, 9:3=3.
А если я хочу увеличить количество меридианов до 6? Тогда анимация должна составлять 6х3=18 кадров, а значит, линии разметки надо было копировать не через 20, а через 10 градусов.
5.6. Как скрыть разметку?
- В графике меридиан вращающийся в контекстном меню слоя разметка выбери команду направляющий:
5.5. Как проиграть графику с нужного кадра?
Сейчас на сцене присутствует один экземпляр вращающегося меридиана, однако, если ты запустишь ролик, никакой анимации не увидишь. Почему?
Дело в том, что в графике 9 кадров, а на основной сцене — один. А анимация графики проигрывается только в кадрах основной сцены (или родительского объекта).
Урок 5. Секреты покадровой анимации
Сегодня мы рассмотрим приём, который позволит создавать достаточно реалистичную анимацию вращения объекта в пространстве. Например, такого:
вернись на основную сцену.4.7. Как сделать анимированный клип?
- Выполни команду Вставка → Создать символ, в окне создания символа запиши его имя и убедись, что выбран тип Фрагмент ролика:
4.5. Как изменить скорость анимации?
- В панели Свойства значение FPS показывает количество кадров в секунду:
4.3. Как увидеть предыдущий кадр?
- В панели временной диаграммы нажми одну из двух кнопок
— включится режим «кальки»:
4.1. С чего начать?
- С сюжета: из земли пробивается росток, распускаются листочки, затем появляется бутон и, наконец, расцветает ромашка.
Урок 4. Покадровая анимация
Сегодня мы воспользуемся самым простым, но и самым трудоёмким видом анимации — покадровой анимацией. И пусть тебя не обманывает слово «простым», ведь самые известные Диснеевские или Союзмультфильмовские мультики созданы именно так: кропотливым прорисовыванием каждого кадрика — час за часом, день за днём, год за годом... Мы, конечно, не будем делать полнометражные полотна, мы создадим маленькие поздравительные открытки — этого вполне хватит, чтобы научиться работать с кадрами.
Итак, берёмся за такую милую открытку с очень весёлой бабочкой:
суббота, 13 октября 2012 г.
10. Как изменить форму рисунка?
Подведи указатель к контуру невыделенной фигуры, пока рядом со стрелкой не появится дуга, ухвати и потяни:
9. Как объект сделать объёмным?
Воспользоваться фильтрами, которые тоже можно применять только к клипам.
7. Как размножить отрезок по кругу?
Для размножения объектов есть хороший инструмент, но он действует только для Flash-символов (например, клипов). Поэтому превратим отрезок в клип.
Урок 3. Секреты рисования
Надеюсь, на прошлом уроке ты освоился со слоями, панелями инструментов и приёмами рисования. Поэтому сегодня мы возьмёмся за более сложный рисунок — вот такие часики:
суббота, 19 мая 2012 г.
8. Как вставить Flash-ролик?
- Алгоритм:
- загрузим флешку на сервер;
- получим ссылку на этот файл;
- вставим её на страницу с помощью специального гаджета.
пятница, 18 мая 2012 г.
6. Как вставить виджет в боковую панель?
Что такое виджет? Это небольшая программка, которую можно поместить на страницы сайта. Служит она для украшения, развлечения, получения какой-то определённой информации.
четверг, 17 мая 2012 г.
1. Как изменить ширину сайта?
Зачем её менять?
Сейчас наш сайт обладает так называемой «резиновой» разметкой — он растягивается на всю ширину окна браузера. При этом читать длиннющие строчки очень неудобно. Поэтому чаще всего подобным сайтам устанавливают определённую ширину, обычно около 1000 пикселей.
Сейчас наш сайт обладает так называемой «резиновой» разметкой — он растягивается на всю ширину окна браузера. При этом читать длиннющие строчки очень неудобно. Поэтому чаще всего подобным сайтам устанавливают определённую ширину, обычно около 1000 пикселей.
Урок 5. Управление сайтом
На прошлом занятии мы создали сайт, сформировали его структуру и даже начали заполнять страницы. Однако, при этом у нас возникло (или возникнет) несколько проблем. Во-первых, мы выбрали одну из немногих доступных тем оформления, и нет никакой гарантии, что кто-то другой не выбрал такую же. А нам ой как не хочется, чтобы наш сайт был похож на чей-то чужой — оформление сайта должно быть уникальным. Во-вторых, мы очень часто видим на сайтах так называемый подвал (нижняя часть страницы, где обычно располагаются копирайт и контактная информация) и горизонтальное меню, а у нашего сайта пока этого нет. Ну и в-третьих, нам необходимо вставлять на страницы Flash-ролики и видео, что стандартными способами сделать не удаётся.
Всё это мы сегодня делать и научимся.
Всё это мы сегодня делать и научимся.
суббота, 12 мая 2012 г.
пятница, 11 мая 2012 г.
Урок 4. Создание сайта
Вот и пришло время рассказать своим друзьям и родителям о том, что было сделано за этот год. Мы потрудились во Flash, научились создавать вывески и баннеры, создали модели дома и школы своей мечты. Ну а чтобы работать было удобнее, оперативнее и веселее, завели аккаунт Google.
среда, 9 мая 2012 г.
Подписаться на:
Сообщения (Atom)