Приветствую Вас Гость Четверг, 23.11.2017, 00:57

web-stroytel


Баннер с эффектом блеска на очках

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



Шаг 1

Сперва скачайте данную фотографию, она будет использоваться для примера в данном уроке.



Шаг 2

Два раза кликните по первому из слоев и назовите его picture.

Шаг 3

Измените flash наш файл. Выберите вкладку Modify > Document (клавиши Ctrl+J ). Задайте ширину вашего файла в 249 пикселей и высоту в 233 и для поставте frame rate на 35 fps, нажмите "Оk".



Шаг 4


Выберите Selection Tool (V), выделите нашу картинку, перейдите в панель Align (Ctrl+K) и установите следующие опции как на примере:




Шаг 5

Кликните по кадру номер 180 и нажмите F5.

Шаг 6

Сделайте слой поверх слоя picture и переименуйте его на effect area.

Шаг 7

Используя Rectangle Tool (R), увеличьте фото для удобного просмотра, и сделайте прямоугольник поверх левого из стекол очков.






Шаг 8


Используйте Selection Tool (V), и приблизьте шейп прямоугольника к шейпу левого из стекол очков.



Шаг 9
Не убирая выделения с прямоугольника, войдите в панель Color Mixer (клавиши Shift+F9) и выберите такие параметры:

1. Нажмите иконку paint bucket и выделите цвет заливки Fill.
2. Выберите параметр Linear .
3. Кликните по маленькому прямоугольнику, который и установите его цвет на #D1F0EE. Параметры альфа установите на 65%
4. Нажмите второй прямоугольник справа и задайте его цвет белым, сделайте его свойство альфа 0% (совсем прозрачным).




Шаг 10

Сделайте новый слой поверх слоя effect area и переменуйте его на mask. Затем, опять возьмите Rectangle Tool (R), заблокируйте цвет Stroke и нарисуйте прямоугольник размером 8x45 px и поместите его в месте, как на скрине:



Шаг 11
Не убирая выделения с прямоугольника, нажмите F8 (Convert to Symbol) - сделайте его муви-клипом.



Шаг 12

Кликните по фрейму номер 20 и нажмите F6. После этого разместите прямоугольник на так, как показано на картинке ниже.



Шаг 13

Правой кнопкой мыши линкните в любом месте на серой полосе между двумя ключевыми кадрами на временной шкале и выберите из появившегося меню Create Motion Tween (прорисует за нас промежуточные кадра анимации).

Шаг 14

Кликните на фрейм 70 и нажмите F6. Разместите фигуру как на фото:




Шаг 15

После используя Free Transform Tool (Q), выделите фигуру, нажмав и удерживая Shift и измените его ширину, сделав шире.



Шаг 16

Кликните по фрейму номер 90 и нажмите F6. Поместите как на фото:


Шаг 17

Правой кнопкой кликните на любом кадре в серой полоске между двумя ключевыми кадрами на шкале и выберите в появившемся меню Create Motion Tween.

Шаг 18

Выделите слой " mask" и конвертируйте на маску как на скрине ниже:



Баннер готов!


Исходник к уроку создания флеш баннера<

Регистрация
Поиск
Опрос:
Что мешает Вам добавлять материалы на сайт?
Всего ответов: 41
Друзья
Rambler's Top100
партнеры

Внимание!!
Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0



 При копировании материалов ссылка на источник обязательна.
 Если какой либо материал нарушает ваше авторское право, то пожалуйста обратитесь к администрации через ЛС.
 Шаблон защищен авторским правом. подробнее