Ярлыки

Поиск по этому блогу

суббота, 30 октября 2021 г.

Урок по анимации - часть №2.Photoshop + (Онлайн фотошоп - Эдитор)Астраханочка_51

 Урок по анимации - часть №2.




Работу в оригинале можно посмотреть здесь.

Первый урок - ЗДЕСЬ.

В конце прошлого урока нам нужно было сохранить работу в формате PSD.

Находим сохраненную работу и открываем ее в фотошопе.



Становимся на слой с фоном. Открываем окно с анимацией и становимся на первый кадр.

Запомните правило анимации - все действия мы должны выполнять стоя на первом кадре.

Первый кадр запоминает все наши действия.

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

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



Загружаем клипарт снег и устанавливаем. Этот клипарт есть в рабочем материале который вы скачивали в первом уроке.



Слою делаем наложение - "Мягкий свет".



Загружаем надпись в формате PSD.



Загружаем футаж.



Становимся на первый слой в футаже, зажимаем клавишу Shift, прокручиваем слои футажа до 17 слоя и кликаем по 17 слою. У нас выделились все слои.



Теперь нам слои нужно объединить в группу. Жмем сочетание клавиш Ctrl+G.



Инструментом перемещение перетаскиваем группу с футажем в рабочее окно и устанавливаем как показано на скрине.



Группе с футажем делаем наложение - "Перекрытие".



Теперь нам нужно выделить все окошки в домиках. Для этого нам нужны будут инструменты - "Прямолинейное лассо" или "Лассо". Разницы нет. Кому чем удобно будет пользоваться.

Инструментом "Лассо" проще - чертите как карандашом и делаете выделение.
"Прямолинейным лассо" - делаете выделение идя маленькими шагами и кликаете мышкой. За мышкой будет тянуться ниточка. В конце ниточку нужно соединить, кликнув мышкой в начало ниточки чтобы появилось выделение.

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





Стоим на первом кадре. Мы выделили все окошки на домиках. У нас на окнах появилось выделение.



Теперь нам группе с футажем нужно добавить слой - маску. Это нам нужно для того чтобы футаж был виден только в окнах. Для этого у нас и выделение на окнах.



Открываем группу с футажем. Для этого жмем на треугольник возле глазика на группе.



После того как мы открыли группу, нам теперь нужно распределить слои футажа по кадрам. У нас 17 слоев в футаже и 17 кадров в анимации. На один кадр - один слой от футажа.



Первый слой от футажа в данный момент горит на всех кадрах. Нам нужно чтобы он горел только на первом кадре. Для этого мы со второго по 17 кадр выделяем (точно также как мы выделяли слои футажа перед тем как футаж спрятали в группу) и отключаем глазик на первом слое футажа.



Так мы сразу отключили глазик со всех кадров. Теперь становимся на второй кадр и второй слой и на втором слое включаем глазик.



Переходим на третий кадр и на третий слой и включаем глазик на третьем слое. И так до конца.



Становимся на первый кадр и закрываем группу. Кликаем по треугольнику возле глазика на группе.



Верхним слоем подписываем нашу работу.



Работу сохраняем в формате GIF.

Как сохранять я показывала в прошлом уроке.

И всегда свою работу сохраняйте в формате PSD, вдруг вы решите что-то изменить в работе, вам не придется делать все заново.

Жду ваши работы!!! Успеха в творчестве!!!


Урок по анимации - часть №1.от Вика ВИКТОРИЯ.Астраханочка 51

 Урок по анимации - часть №1.




Этот урок для тех кто хочет познакомиться с анимацией.

Урок выполнен в фотошопе CS5.

У кого нет фотошопа, а есть желание учиться - скачать фотошоп можно ЗДЕСЬ.

Рабочий материал здесь - 

Открываем в фотошопе файл в формате PSD - "лисички с тенью".

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





Загружаем фон в фотошоп и перетаскиваем его в рабочее окно, устанавливаем по центру.



Фон при желании можете заменить. Размер рабочего окна можете изменить под свой фон.

Для этого вам нужно посмотреть размер вашего фона и запомнить цифры. Посмотреть размер изображения можно в фотошопе - Изображение - Размер изображения.

Затем цифры впишите в окошках - "Размер холста".





Фон перемещаем на задний план.



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



Включаем анимацию и смотрим что у нас получилось.



Сохраняем работу.





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



Выбираем папку куда будем сохранять.



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



У вас скрин откроется в новой вкладке и вам будет все четко видно. Если скрин большой его можно увеличить. При наведении мышки по центру появится лупа со знаком плюс. Жмите и скрин увеличится.

Если кто не знает как скачивать рабочий материал, напишите в комментарии.

Жду ваши работы!!! Успеха в творчестве!!!

Урок по анимации №3-Photoshop + (Онлайн фотошоп - Эдитор)Астраханочка 51

 Урок по анимации №3.


Оживляем мех с помощью плагина.



Рабочий материал скачать - 

Для работы нам потребуется плагин.

Ссылка на скачивание и урок по установке - ЗДЕСЬ.

Открываем рабочий материал в фотошопе.



Стоим на слое с фоном. На верхних слоях отключаем глазки. Дублируем слой с фоном.



Берем инструмент "Лассо" или "Прямолинейное лассо" - кому чем удобнее пользоваться. Растушевку ставим - 10 пикс.



Делаем выделение как на скрине. Где фон мы отступаем от головного убора, а где лицо - выделение делаем по очертанию лица.

Далее: Выделение - Инверсия
Редактирование - Очистить
Выделение - Отменить выделение





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





Теперь трем слоям с головным убором - по очереди добавляем плагин.



Цифра 1 на скрине - это настройки направление ветра. Мышкой поворачиваем кружок изменяя настройки до нужного нам направления. (Это будет зависеть от того, чему вы хотите добавить анимацию). Направление можно сделать вверх, в бок или как вам понравится.



Цифра 2 - это цвет который нам нужно выбрать в палитре цветов в тон работы.

У нас код цвета в палитре цветов - 685c66

Код цвета вписываем в окошко палитры цветов и жмем ОК.





Распределяем кадры по слоям и сразу слою добавляем плагин.





Стоим на первом кадре, выделяем слои с головным убором. Жмем сочетание клавиш Ctrl + G и прячем слои в группу.



Ставим группе непрозрачность.



Подписываем работу и сохраняем в формате GIF.

Можно сделать более легкую анимацию.



Стоим на первом кадре, становимся на группу. Группе делаем наложение - "Мягкий свет", "Непрозрачность" ставим 100%.



Дублируем слой с группой.



Группе делаем наложение - "Экран", "Непрозрачность" ставим - 54%.



Отрываем группу и распределяем три слоя на три кадра.



Закрываем группу.



Сохраняем работу в формате GIF.

Еще один способ анимации с другими настройками плагина.



Удаляем группы с головным убором с которыми мы работали. Дублируем слой с фоном. Вновь выделяем головной убор как в начале урока. Отделяем от фона. Создаем два дубликата слоя. И трем слоям с головным убором по очереди добавляем плагин.





Становимся на третий кадр и на третий слой, включаем глазик на 3 слое.



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



Группе делаем наложение - "Перекрытие".

Работу сохраняем в формате GIF.

Жду ваши работы в комментарии под постом!!!

Успеха в творчестве!!!