Наши кнопки

Баннер

Авторизация



Сейчас онлайн

Сейчас 2 гостей и 0 пользователей онлайн
Нет пользователей онлайн.

altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

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

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

Подробнее ...
 
Пробегающий блик
Автор: Деловая   

При помощи этого урока вы сможете оживить свои аватарки пробегающим бликом: и то как именно он будет выглядеть - зависит отьлко от вас и вашей фантазии! :)


alt

С чем мы познакомимся в этом уроке: Blending Options, команда Create Clipping Mask

Потребуется знание уроков: Учимся выделять и Плавный переход между кадрами

 

 

1. Откройте анимируемое изображение File->Open (Файл->Открыть) (Ctrl+O)

alt

Я выбрала вот это:

alt

2. С помощью быстрой маски  alt  выделите тот участок рисунка, который хотите анимировать:

alt

Примечание: О том как выделить часть изображения читайте в уроке "Учимся выделять"

3. Скопируйте выделение на отдельный слой с помощью Layer->New->Layer via Copy (Слой->Новый->Посредствам Копирования) (Ctrl+J)

alt

4. Создайте новый слой с помощью кнопки "Create a new layer" (Создать новый слой):

alt

5. Возьмите Brush tool (Кисть) alt и, нажав на клавиатуре Shift, проведите прямую линию до объекта

alt

6. Теперь нажмите на слой правой кнопкой мыши и выберите Blending Options (Параметры Смешения)

alt

Или Layer->Layer Style-> Blending Options (Слой->Эффекты Слоя-> Параметры Смешения)

alt

Outer Glow (Внешнее Свечение)

alt

Inner Glow (Внутреннее Свечение)

alt

Линия стала, как бы светиться

alt

7. Перейдите в Image Ready

alt

Дублируйте кадр:

alt

На втором кадре перетащите линию так, чтобы она была после анимируемого объекта (лучше всего сделать с помощью стрелок на клавиатуре)

alt

8. Layer - Create Clipping Mask (Слой->Создать обтравочную маску)(Ctrl+G)

alt

Теперь луч будет появляться только внутри лезвия.

Изображение слоя с лучом изменилось:

alt

И в главном окне исчез луч.

В окне Animation (Анимация) нажмите кнопку Tween (Плавный переход):

alt

В появившемся меню Frames to Add (Добавить Кадры) ставите 20

alt

Между первом и последнем кадрами появилось 20 новых. Чем больше будет кадров, тем плавне будет переход, и большего размера файл.

Вот наш результат:

alt

Так же можно сделать и текст:

alt

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)

 

Комментарии  

 
#9 Иван 30.10.2011 13:33
спасибо, помогло очень
Цитировать
 
 
#8 Olfi 23.06.2011 12:02
получилось ток фш 5 версии и с маской: Alt-ctrl-G.
Цитировать
 
 
#7 Дианушка 05.03.2011 19:57
http://savepic.org/1380458.gif
у меня такой бред получается((((( ((
Цитировать
 
 
#6 Дианушка 05.03.2011 19:49
На втором кадре перетащите линию так, чтобы она была после анимируемого объекта (лучше всего сделать с помощью стрелок на клавиатуре)


Приветик, а как перетащить то, я никак не пойму...
Цитировать
 
 
#5 zoil 02.02.2011 01:45
Цитирую Alisa:
Цитирую zoil:
Возник вопросик о второй картинке=)Какой шрифт там использовался?

К сожалению, сейчас и не вспомнить... На компьютере стоит такое огромное количество шрифтов... )

Жаль=((Если вспомните,то напешите пожалуйста название шрифта на
Цитировать
 
 
#4 Alisa 26.08.2010 12:47
Цитирую zoil:
Возник вопросик о второй картинке=)Какой шрифт там использовался?

К сожалению, сейчас и не вспомнить... На компьютере стоит такое огромное количество шрифтов... )
Цитировать
 
 
#3 zoil 19.07.2010 14:23
Возник вопросик о второй картинке=)Какой шрифт там использовался?
Цитировать
 
 
#2 Alisa 07.11.2009 11:49
Цитирую Лучиэнь_Борэали с:
Большое спасибо за урок :) У меня получилось так: http://i049.radikal.ru/0911/12/6929aa2a7c01.gif

Ну принцип освоен точно! :) А дальше только искать применение :)
Цитировать
 
 
#1 Лучиэнь_Борэалис 06.11.2009 13:49
Большое спасибо за урок :) У меня получилось так: http://i049.radikal.ru/0911/12/6929aa2a7c01.gif
Цитировать
 

Добавить комментарий


Защитный код
Обновить