-Рубрики

 -Поиск по дневнику

Поиск сообщений в Agnishanti

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 02.05.2011
Записей: 8521
Комментариев: 12021
Написано: 23615


Анимация в фотошоп

Среда, 26 Июня 2013 г. 11:31 + в цитатник

Анимация в фотошоп, handmade

Сижу в позе русалочки на гранитном камешке, песок мокрый и холодный, а вокруг янтарики на солнышке блестят после шторма.

Этот МК по созданию анимационной гифки в фотошопе для тех, кто фотошоп уже освоил и свободно работает со слоями. 

Итак. Необходимо создать (или открыть готовые) несколько слоев, или файлов и сделать один многослойный файл psd. Открыть окно анимации. Сделать несколько кадров включая и выключая нужные слои по порядку. Задать временные интервалы. Сохранить с оптимизацие в gif.

 

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

 

2. Для этого я и отрезала, скопировала.

 

3. Слой с новыми лопостями сдвинула инструментом перемещение, чтобы он не мешал.

А старые лопости на фоновом слое затерла инструментом штамп, а могла также пользоваться заплаткой.

 

4. Слой с отрезанными лопастями инструментом "перемещение" приставила опять к столбу.

 

5. слой с лопастями продублировала (слой - дубликат слоя) и повернула (редактирование - свободное редактирование)

 

6. У меня получилось 4 слоя: фон и 3 слоя с лопастями под разными углами.

 

7. Когда все слои заготовлены, можно доставать панель анимации (окно - анимация)

 

8. Первый кадр появляется автоматически. Активными должны быть слой фон и первый слой с лопастями,

остальные "глазиком" сделать невидимыми

 

9. Второй кадр появится , если в нижней панели окна анимации нажать "чистый лист с загнутым уголком",

Для второго кадра активными должны быть слой фон и второй слой с лопастями.

 

10. Для третьего кадра активными должны быть слой фон и третий слой с лопастями.

Внизу каждого кадра выставляется временной интервал.

11. Самое важное правильно сохранить.

Сохраняем "для web и устройств", в более ранних версия фотошопа эта строка называлась

" сохранить под интернет" "сохранить для сети" . 

На экране появляется окно оптимизации. Т.к у нас фотография с большим количеством полутонов,

то ставим максимально количество цветов 256.  

Давно, когда деревья были большие, компьютеры слабые, а интернет медленный,

я уменьшала количество цветов, чтобы файл стал легче. 

При сохранении дайте файлу новое имя обязательно латиницей, иначе он не будет распознаваться браузерами.

 

 

 
 
Материалы:  
фотошоп
 
автор и источник мк Ома (Ирина Чезова)

Серия сообщений "Фотошоп":
Часть 1 - Отбеливаем серый фон снимков в фотошопе
Часть 2 - Как обработать в фотошопе картинки для декупажа. МК
...
Часть 27 - PNG рамки для творчества. Часть 4
Часть 28 - Коллекция фракталов "городской" тематики. Автора Ка-Тейки
Часть 29 - Анимация в фотошоп
Часть 30 - Программа - 20х20 делает фон бесшовным!
Часть 31 - УРОКИ МАСТЕРОВ ФОТОШОПА на Я.РУ
...
Часть 42 - Бесплатный видеокурс "Секреты анимации для начинающих"
Часть 43 - Создание атмосферы фотографии в фотошопе. Автор мк ArtMary
Часть 44 - Сервисы онлайн, которыми я часто пользуюсь, и просто полезные сайты

Рубрики:  УРОКИ
Метки:  

Процитировано 3 раз
Понравилось: 3 пользователям

сукулентная   обратиться по имени Среда, 26 Июня 2013 г. 19:43 (ссылка)
Спасибо за интересный урок
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 26 Июня 2013 г. 19:45ссылка
Может быть кому-то пригодится
Перейти к дневнику

Среда, 26 Июня 2013 г. 19:51ссылка
Думаю обязательно пригодится .Урок очень подробный,все понятно
Перейти к дневнику

Среда, 26 Июня 2013 г. 20:01ссылка
У меня в свое время не было такого понятного урока, и приходилось тыкаться вслепую