Как сделать анимацию в photoshop или купить дом в Италии
Любой пост должен быть полезен или интересен. Попытаюсь объять необъятное и написать полезный пост о том что можно купить квартиру в италии и \ или научиться делать анимацию :).
Что может быть полезным? Правильно - урок для новичков как пользоваться фотошопом в картинках.
В этом уроке я покажу как просто создавать анимацию в photoshop. По иронии судьбы, я, схемотехник, конструктор микропроцессорных устройств, в дальнейшем программист, первую официальную работу начал именно с освоения продукции Adobe :) Давно это было, но тот, 20-лет назадний опыт мне постоянно оказывается полезен. И я рад делиться знаниями о том, что всё не так сложно, как может показаться на первый взгляд. Простейшие вещи доступны каждому. Даже бабушкам и дедушкам :)
Итак, запускаем photoshop, создаём новый документ, например размером 100х100. А дальше включаем режим создания анимации:
После этого надо в документе создать "последовательность кадров"
Выбираем покадровую работу. Т.е. фотошоп позволит нам работать отдельно с каждым кадром нашей анимации.
Создаём "последовательность кадров" и, нажимая на листок с загнутым уголком, создаём столько кадров сколько нам надо. Слишком много не стоит - вы быстро поймёте сколько необходимо просто немного поэкспериментировав. Чем меньше - тем меньше размер файла. Чем больше кадров - тем более плавной будет анимация. Но и тем больше будет размер файла. Надо искать компромис :)
Итак создаём несколько кадров
Теперь в первый кадр вставляем какую-нибудь картинку, например солнечный апельсин из страны, где можно купить дом +в италии. Апельсин - он жизнерадостный, вкусный и полезный - отчего бы его не вставить?
А теперь делаем анимацию - переходим на второй кадр и после этого чуть тянем апельсинчик вверх.
Следующий кадр - ещё немного вверх
Теперь начинаем двигать апельсин вниз
И так далее. До конца всех кадров. Апельсин можно "сплющить" (Ctrl+T), но он сплющится на всех кадрах. Ниже я покажу как можно сплющить его только в самом верху.
Теперь давайте зададим как мы хотим видеть анимацию. Можно её произвести один раз, а можно выбрать "Всегда", т.е. видео будет производиться бесконечно. Т.е пока картинка видна - она "показывает мультик". Можно же выбрать так, что она проиграется один раз и остановится (once)
Мы можем задать длительность отображения каждого кадра. Например, если первые кадры будут отображаться меньше - на видео они будут проскакивать "быстрее". Это важный момент ибо мы может создавать реалистичные эффекты - апельсинчик подлетит к самому верху и чуть замедлится, как бы раздумывая двигаться вниз или нет.
Например, если задать отображение вот так - апельсин будет как бы зависать в самом верху. Как раз для того, чтобы мы успели купить квартиру в италии :)
Нажав на кнопку воспроизведения можно посмотреть что у нас получилось и откорректировать результат.
Теперь осталось записать наше чудное анимационное видео
Выбираем GIF как формат ибо он один из немногих, который умеет хранить и позволять показывать анимацию.
Вот что у нас получилось
А теперь посмотрим как просто сделать, чтобы картинка была НЕ та же самая на каждом кадре. Помните где мы пытались изменить апельсин и он поменялся на всех кадрах? Так вот - делаем простую вещь - копируем слой апельсина:
И выставляем видимость слоёв так как мы хотим. Скажем на всех кадрах будет виден один слой, а на том, где апельсин в самом верху - другой слой
И на том слое, который показывается апельсин в самом верху - можем делать всё, что угодно. Например его сплюснуть. И этот апельсинчик будет виден только там, где слой включен. Вот результат со сплюснутым апельсином :)
Вот так просто создать анимацию. Я показал сам принцип и, поэкспериментировав вы многое сможете сделать сами.
Если кому-то будет полезным этот миниурок работы с photoshop от компании adobe - я буду рад.