Adobe Photoshop
Простая смена цвета в двух кадрах, плавный переход смены цвета, побуквенная смена цвета, дополнительная дизайнерская фишка и создание баннера.
Уроки: Простая анимация, Многокадровая анимация, Побуквенная анимация, Дизайнерские фишки, Мастер-класс создания анимированного баннера.

Применяя данную технику Вы сможете создать свою анимацию самостоятельно и качественно!

Видеоурок #1. Простая анимация текста 

Создадим текстовую анимацию из двух кадров.
В каждом из кадров текст имеет свой цвет и сменяет друг друга с жёлтого на красный и обратно. 

В данном случае создаётся два слоя и в окне "Анимация" создаются два кадра.
В первом кадре мы закрашиваем текст в жёлтый цвет, а во втором кадре в красный.

В этом случае мы получаем анимацию в виде смены кадров с одного цвета на другой.

Из данного урока Вы узнаете как дизайнерски оформить текстовую надпись и задать ей простую двухкадровую анимацию с заменой цвета. 
Длительность: 7 минут, 52 секунд. 

Скачать урок Чтобы скачать эти уроки, Вам необходимо зарегистрироваться

 

Видеоурок #2. Многокадровая анимация

Теперь между созданными двумя кадрами в первом уроке, мы добавим несколько кадров после первого и зададим плавный переход смены цвета от первого кадра ко второму.
То же самое мы проделываем со вторым кадром.
Добавляем несколько кадров от последненго кадра с плавным переходом к первому кадру.

Теперь наша анимация зациклена и осуществляет плавные переходы сменяя цвета.

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

Длительность: 3 минуты, 00 секунды.

Скачать урок Чтобы скачать эти уроки, Вам необходимо зарегистрироваться

 

Видеоурок #3. Побуквенная анимация

В данном уроке цвета будут меняться не на всём тексте, а побуквенно.
Переходя от одной буквы к другой пока не закрасится наш текст до конца.

Эта анимация строится на том, что в каждом кадре на текстовом слое мы меняем цвет каждой букве.
Такой принцип можно применить при создании печатающегося текста, то есть вместо смены цвета применить прозрачность букв и их 100%-ную видимость в следующем кадре. 

Третий урок объяснит как Вы можете задать анимацию каждой букве в текстовой надписи и текст закрашивался не целиком, а побуквенно.

Длительность: 10 минуты, 34 секунд.

Скачать урок Чтобы скачать эти уроки, Вам необходимо зарегистрироваться

 

Видеоурок #4. Дизайнерские фишки

В этом уроке мы скрасим нашу предыдущую текстовую анимацию и дополнительно усложним её.
Скомбинируем побуквенную смену цвета с двухкадровым, а так же поэкспериментируем с оформлением самого текста. Например, сменим цвет обводке в одном из кадров.

После просмотра четвертого урока Вы узнаете еще несколько фишек, используемых при создании качественной анимации. 
Длительность: 3 минута, 59 секунды.

Скачать урок Чтобы скачать эти уроки, Вам необходимо зарегистрироваться

 

Видеоурок #5. Мастер-класс создания баннера

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

 Последний урок даст в Ваши руки расширенную технику изготовления качественного баннера. 
Длительность: 19 минут, 18 секунд. 

Скачать урок Чтобы скачать эти уроки, Вам необходимо зарегистрироваться

 

Примеры дизайна баннеров

Примеры готовых баннеров помогут Вам при создании собственных разработок.