Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


Эффект блеска очков




В этом уроке вы увидите, как применить эффект блеска на очках на картинке, используя панель color mixer и маску. Вы не будете использовать код action script, чтобы сделать этот урок. Этот эффект очков очень прост для создания, но в то же самое время очень практичен и эффектен.

Шаг 1
Вначале загрузите картинку, которую мы будем использовать для этого примера.

alt

Шаг 2
Дважды кликните по слою layer 1, чтобы переименовать его в picture.

Шаг 3
Создайте новый flash документ. Выберите Modify > Document (Ctrl+J ). Установите ширину вашего документа 249 пикселей и высоту 233 пикселей. Установите цвет фона такой, как хотите. Установите для мувика frame rate =35 и кликните ok.

alt

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

1.Удостоверьтесь, что на вкладке Align/Distribute кнопка to Stage нажата,
2.Кликните по кнопке Align horizontal center и
3.Кликните по кнопке Align vertical center .

alt

Шаг 5
Кликните по фрейму 180 и нажмите F5.

Шаг 6
Создайте новый слой выше слоя picture и назовите его effect area.

Шаг 7
Возьмите Rectangle Tool ®, заблокируйте цвет обводки Stroke, для цвета заливки fill выберите любой цвет, увеличьте картинку для просмотра, и нарисуйте прямоугольник поверх левого стекла очков. Смотри картинку ниже.
alt

alt

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

alt

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

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

alt

Шаг 10
Создайте новый слой выше слоя effect area и назовите его mask. Затем ,возьмите снова Rectangle Tool ®, заблокируйте цвет Stroke, для цвета Fill выберите любой цвет и нарисуйте прямоугольник размером 8x45 px и разместите его в месте, как это показано на картинке ниже.

alt

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

alt

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

alt

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

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

alt

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

alt

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

alt

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

Шаг 18
Выделите слой mask и конвертируйте его в маску - правым кликом по слою mask и выберите Mask.

alt

Теперь мы закончили с левым стеклом очков. Повторите эти шаги также для правого стекла очков.
Протестируйте ваш мувик (Ctrl+Enter)
Успехов!

Перевод: kedicik


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.