Урок - Совмещение двух анимаций.
Метки: уроки фотошопа от В
![]() |
|
Любовь Быкова
22-10-2014 23:14 (ссылка)
Re: Урок - Совмещение двух анимаций.
Молодчина Вика!!!!
Комментарии запрещены
Виктория KL
22-10-2014 23:24 (ссылка)
Re: Урок - Совмещение двух анимаций.
Урок - Совмещение двух анимаций.
Результат урока:

Создаем рабочее окошко 800 пик. на 600 пик., фон - прозрачный.
Загружаем в фотошоп футаж.
http://img-fotki.yandex.ru/...
Становимся на первый слой в окошке слоев и кликаем по первому слою, чтобы он загорелся голубым цветом. Зажимаем клавишу - Shift, прокручиваем слои в окошке слоев и кликаем по самому верхнему слою левой кнопочкой мыши, у нас все кадры загорелись голубым цветом. Теперь нам нужно футаж перетащить в рабочее окошко.
Мы перетащили все слои от футажа в рабочее окно.

Открываем окно с анимацией.


Выбираем строку - Постоянно, выделяем все кадры и ставим время.

Если вы заметили, то у нас футаж меньше чем рабочее окошко.
Становимся на первый кадр, чтобы только первый кадр горел голубым цветом. Теперь нам нужно футаж растянуть на все рабочее окошко. Слои в окошке слоев у нас горят все голубым цветом, поэтому мы свободным трансформированием все слои сразу растягиваем на все рабочее окошко.

Если включить анимацию, то вам будет видно, что анимация у нас готовая.
Загружаем фон.
http://img-fotki.yandex.ru/...


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

http://img-fotki.yandex.ru/...
http://img-fotki.yandex.ru/...
http://img-fotki.yandex.ru/...
Снежок.
http://img-fotki.yandex.ru/...
Ветки.
http://img-fotki.yandex.ru/...
http://img-fotki.yandex.ru/...
Кустарник, размещаете по краям пейзажа.
http://img-fotki.yandex.ru/...
Вуаль.
http://img-fotki.yandex.ru/...
Рамочка.
http://img-fotki.yandex.ru/...
Загружаем снег.
http://img-fotki.yandex.ru/...

Загружаем анимацию снега.
http://img-fotki.yandex.ru/...


Перетащили все слои с анимацией снега и установили. Теперь нам нужно распределить слои по кадрам, на каждый кадр включаем только один глазик на слое по очереди. У нас кадров - 21, а в анимации снега - 20 кадров, нам одного слоя не хватает на последний кадр, включаем любой слой из середины на последнем кадре. Слой от первого кадра с анимацией снега будет включен автоматически на всех последующих кадрах, так как первый кадр запоминает все. Поэтому после того как вы распределите слои по кадрам, вернитесь и отключите глазки на всех слоях от первого слоя анимации снега.

Стоите на первом кадре и загружаем надпись и девочку. Слой с девочкой разворачиваете в зеркальном отражении и добавляете тень. Слои должны быть на переднем плане.
http://img-fotki.yandex.ru/...
http://img-fotki.yandex.ru/...
На новом слое рисуем кистью - Пух, рукава, воротник и низ у девочки.


Загружаем корону, уменьшаем слой, низ подтираем твердым ластиком и устанавливаем. Меняем цвет короне. Слою с короной добавляете тень.
http://img-fotki.yandex.ru/...

Подписываете работу и сохраняете в формате - GIF.
Вопросы будут, обращайтесь!!!
Готовые работы выставляйте в комментарии под постом.
Успеха в творчестве!!!

Результат урока:
Создаем рабочее окошко 800 пик. на 600 пик., фон - прозрачный.
Загружаем в фотошоп футаж.
http://img-fotki.yandex.ru/...
Становимся на первый слой в окошке слоев и кликаем по первому слою, чтобы он загорелся голубым цветом. Зажимаем клавишу - Shift, прокручиваем слои в окошке слоев и кликаем по самому верхнему слою левой кнопочкой мыши, у нас все кадры загорелись голубым цветом. Теперь нам нужно футаж перетащить в рабочее окошко.
Мы перетащили все слои от футажа в рабочее окно.

Открываем окно с анимацией.


Выбираем строку - Постоянно, выделяем все кадры и ставим время.

Если вы заметили, то у нас футаж меньше чем рабочее окошко.
Становимся на первый кадр, чтобы только первый кадр горел голубым цветом. Теперь нам нужно футаж растянуть на все рабочее окошко. Слои в окошке слоев у нас горят все голубым цветом, поэтому мы свободным трансформированием все слои сразу растягиваем на все рабочее окошко.

Если включить анимацию, то вам будет видно, что анимация у нас готовая.
Загружаем фон.
http://img-fotki.yandex.ru/...


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

http://img-fotki.yandex.ru/...
http://img-fotki.yandex.ru/...
http://img-fotki.yandex.ru/...
Снежок.
http://img-fotki.yandex.ru/...
Ветки.
http://img-fotki.yandex.ru/...
http://img-fotki.yandex.ru/...
Кустарник, размещаете по краям пейзажа.
http://img-fotki.yandex.ru/...
Вуаль.
http://img-fotki.yandex.ru/...
Рамочка.
http://img-fotki.yandex.ru/...
Загружаем снег.
http://img-fotki.yandex.ru/...

Загружаем анимацию снега.
http://img-fotki.yandex.ru/...


Перетащили все слои с анимацией снега и установили. Теперь нам нужно распределить слои по кадрам, на каждый кадр включаем только один глазик на слое по очереди. У нас кадров - 21, а в анимации снега - 20 кадров, нам одного слоя не хватает на последний кадр, включаем любой слой из середины на последнем кадре. Слой от первого кадра с анимацией снега будет включен автоматически на всех последующих кадрах, так как первый кадр запоминает все. Поэтому после того как вы распределите слои по кадрам, вернитесь и отключите глазки на всех слоях от первого слоя анимации снега.

Стоите на первом кадре и загружаем надпись и девочку. Слой с девочкой разворачиваете в зеркальном отражении и добавляете тень. Слои должны быть на переднем плане.
http://img-fotki.yandex.ru/...
http://img-fotki.yandex.ru/...

На новом слое рисуем кистью - Пух, рукава, воротник и низ у девочки.


Загружаем корону, уменьшаем слой, низ подтираем твердым ластиком и устанавливаем. Меняем цвет короне. Слою с короной добавляете тень.
http://img-fotki.yandex.ru/...

Подписываете работу и сохраняете в формате - GIF.
Вопросы будут, обращайтесь!!!
Готовые работы выставляйте в комментарии под постом.
Успеха в творчестве!!!

Комментарии запрещены
Ӫльга Чиркова
22-10-2014 23:25 (ссылка)
Re: Урок - Совмещение двух анимаций.
Очень сказочно-красиво .Идею с девочкой взяла на вооружение ,спасибо !
Комментарии запрещены
Нэля Станченко
23-10-2014 00:19 (ссылка)
Re: Урок - Совмещение двух анимаций.
Вика,большое спасибо,очень красивый коллаж и замечательный урок!
Комментарии запрещены

Татьяна_ К
23-10-2014 06:49 (ссылка)
Re: Урок - Совмещение двух анимаций.
Великолепно! Очень красиво!
Комментарии запрещены
НАДЕЖДА ПАЛЬЧИКОВА
23-10-2014 08:27 (ссылка)
Re: Урок - Совмещение двух анимаций.
великолепно Виктория!!!!!!
Комментарии запрещены
Татьяна Кулиш.
23-10-2014 08:38 (ссылка)
Re: Урок - Совмещение двух анимаций.
КАК КРАСИВО!
Комментарии запрещены
Татьяна Гартенцаун
23-10-2014 12:05 (ссылка)
Re: Урок - Совмещение двух анимаций.
Спасибо за красоту! Урок интересный как конструктор. Собираем сами.Очень в детстве любила эту игру.Без пояснений не собрала бы ... Клипарт очень уж нравится Оставляю себе Спасибо. Попробовала загрузить свою работу с первого раза не получилось.

Комментарии запрещены
Елена Галкина
23-10-2014 14:27 (ссылка)
Re: Урок - Совмещение двух анимаций.
Спасибо большое Викочка!!!
Комментарии запрещены
*Olga* .....)))
23-10-2014 14:42 (ссылка)
Re: Урок - Совмещение двух анимаций.
Сложный, но очень интересный урок, спасибо!!!
Комментарии запрещены
Лыга Раиса
23-10-2014 16:03 (ссылка)
Re: Урок - Совмещение двух анимаций.
Спасибо Вика,за чудесную сказку урок!!!!!!!!!!
Комментарии запрещены
Yaqut Mamedova
23-10-2014 16:04 (ссылка)
Re: Урок - Совмещение двух анимаций.
Спасибо дорогая!
Комментарии запрещены
Надежда Гостевская
23-10-2014 16:15 (ссылка)
Re: Урок - Совмещение двух анимаций.
Вика урок очень интересный спасибо !!! вот еще бы осилить сомневаюсь что получится
Комментарии запрещены
Лариса Чернова
23-10-2014 20:57 (ссылка)
Re: Урок - Совмещение двух анимаций.
Спасибо !!!!!!!!!!

Комментарии запрещены
жанна арышева
23-10-2014 21:23 (ссылка)
Re: Урок - Совмещение двух анимаций.
Спасибо за урок,за идею, за рабочий материал.
Комментарии запрещены
Светлана Новосельцева
23-10-2014 22:05 (ссылка)
Re: Урок - Совмещение двух анимаций.

Комментарии запрещены
мария кравец
23-10-2014 22:59 (ссылка)
Re: Урок - Совмещение двух анимаций.
Да Виктория,настоящая сказка!Спасибо большое.Буду пробовать!
Комментарии запрещены
Валя Приображенских
24-10-2014 05:01 (ссылка)
Re: Урок - Совмещение двух анимаций.
ВИКА СПАСИБО ЗА УРОК.... 

Комментарии запрещены
Фрида Серденко
24-10-2014 11:41 (ссылка)
Re: Урок - Совмещение двух анимаций.
Замечательная зимняя работа !
Комментарии запрещены
Людмила Трахунова
24-10-2014 22:32 (ссылка)
Re: Урок - Совмещение двух анимаций.
Очень красивый урок , попробую обязательно , с анимацией не работала еще.Спасибо !!!
Комментарии запрещены
ВАЛЕНТИНА ХУДЯКОВА
25-10-2014 10:47 (ссылка)
Re: Урок - Совмещение двух анимаций.
Спасибо Виктория за такой зимний урок анимации, я сделала работу, только когда загрузила сюда, почему то анимация как испорченная получилась, в чем причина не пойму.
Комментарии запрещены
Нина Parteeva
25-10-2014 11:50 (ссылка)
Re: Урок - Совмещение двух анимаций.
Какой чудесный урок!!!!Спасибо,Викуля!!!!И вот что у меня вышло.

Комментарии запрещены
IRINA CHENSKAYA
25-10-2014 16:26 (ссылка)
Re: Урок - Совмещение двух анимаций.
Очень понравился урок! Спасибо большое
Комментарии запрещены