• Авторизация


урок от Шаиры "Анимация градиентом" 25-06-2014 12:08 к комментариям - к полной версии - понравилось!

Это цитата сообщения Боева_Светлана Оригинальное сообщение

урок от Шаиры "Анимация градиентом"

урок от Шаиры "Анимация градиентом"

 

[816x243]
Сделаем в фотошопе простую АНИМАЦИЮ при помощи ГРАДИЕНТА.


1. Откроем документ, сделаем три слоя. Каждый слой зальем градиентом: два с противоположным значением,
 третий - изменив угол градиента или стиль по вашему усмотрению-главное, чтобы изменения цвета были заметны
(см. урок " Как сделать свой градиент"),
ластиком на третьем - верхнем слое вырежем рисунок  
(см. урок " Делаем фон при помощи градиента и ластика"). 
Таким образом, мы сделали наш КОЛЛАЖ и подготовили его для АНИМАЦИИ
(конечно, можно еще добавить клипарт, что-то написать и т.д.- это на ваше усмотрение),
 я ограничусь просто вырезанным цветочком)

Не забыли его подписать, естественно, на новом прозрачном слое.
Подписать коллаж можно и на анимации, но так мы уже видим,
что собой представит наш окончательный  вариант коллажа. 


[800x450]

2. Откроем ПАНЕЛЬ АНИМАЦИИ. Для этого идем ОКНО-АНИМАЦИЯ. 
Кликаем на АНИМАЦИЯ. 
ПАНЕЛЬ АНИМАЦИИ появилась внизу рабочего окна.


[800x450]


3. На ПАНЕЛИ АНИМАЦИЯ появился первый кадр
(он отображает то, что в настоящее время перед вами на созданном документе).
Теперь работаем в ПАНЕЛИ АНИМАЦИЯ. 
Кликаем на иконку СОЗДАНИЕ КОПИИ ВЫДЕЛЕННЫХ КАДРОВ
(она находится внизу ПАНЕЛИ АНИМАЦИЯ, на рисунке я ее(иконку) обозвала - ДУБЛИКАТ).
Перед нами появится второй кадр анимации.
Переходим в панель СЛОИ и закроем глазок у второго слоя-градиента.
Видим, что и на втором кадре анимации что-то изменилось, 
а именно: изменился цвет на нашем вырезанном участке коллажа.


[800x450]

4. Практически мы уже СДЕЛАЛИ АНИМАЦИЮ!
Нужно только нажать на иконку ВОСПРОИЗВЕДЕНИЕ
внизу ПАНЕЛИ АНИМАЦИЯ
.

[800x450]

5. Вот и все!
Анимация из двух кадров.


[640x517]

6. Мы пойдем дальше...
Сделаем второй вариант анимации, при котором переход анимации будет более плавным.
Тоже не так сложно, но работать надо очень внимательно.
Я, когда изучала этот вариант анимации, по нескольку раз переделывала работу.
Итак...
В ПАНЕЛИ АНИМАЦИЯ кликаем на иконку ПРОМЕЖУТОЧНЫЕ КАДРЫ.
В появившейся панели меняем количество кадров с 5 на 3. Жмем ОК.


[800x450]

7. В ПАНЕЛИ АНИМАЦИЯ появятся 5 кадров.
Жмем на иконку ДУБЛИКАТ(СОЗДАНИЕ КОПИИ ВЫДЕЛЕННЫХ КАДРОВ) и
создаем кадр №6.
Идем в ПАНЕЛЬ СЛОИ и открываем глазок у второго слоя с градиентом.


[800x450]

 8. Фактически повторяем пункт №6 - 
Опять в ПАНЕЛИ АНИМАЦИЯ кликаем на иконку ПРОМЕЖУТОЧНЫЕ КАДРЫ.
В появившейся панели меняем количество кадров с 5 на 3. Жмем ОК.


[800x450]

9. В ПАНЕЛИ АНИМАЦИЯ мы увидим уже 9 кадров. 9 кадр выделен.  
Внизу ПАНЕЛИ АНИМАЦИЯ нажмем на иконку УДАЛЕНИЕ.


[800x450]

10. В ПАНЕЛИ АНИМАЦИЯ  видим всего 8 кадров.
Ну что?
 Жмем на ВОСПРОИЗВЕДЕНИЕ!


[800x450]

11. ВУАЛЯ!
Таким образом, у нас получилась анимация из 8 кадров
(2 кадра свои и 3 кадра по 2 раза - промежуточные).


[640x517]

И для сравнения... Выбираем ВАРИАНТ АНИМАЦИИ по вкусу...

[400x323]      [400x323]

 
вверх^ к полной версии понравилось! в evernote
Комментарии (4):
vdomarvik 25-06-2014-12:38 удалить
Классный урок!!!Спасибо,Наташенька!!!
Спасибо Наташенька за прекрасные уроки
Nataliy55 25-06-2014-18:20 удалить
Ответ на комментарий vdomarvik # [показать]
Nataliy55 25-06-2014-18:20 удалить
Ответ на комментарий Анненкова_Нина # [показать]


Комментарии (4): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник урок от Шаиры "Анимация градиентом" | Nataliy55 - Дневник Nataliy55 | Лента друзей Nataliy55 / Полная версия Добавить в друзья Страницы: раньше»