Создание анимированного баннера в Photoshop.

Создаем простой анимированный баннер в программе фотошоп.

Приветствую Вас читатель или гость моего блога!

Давно не писала полезного и познавательного для Вас. Обучалась на тренинге у Юлии Литвиной по анимации. Обучение проходило эффективно и насыщенно. Объем уроков большой и чтобы научиться, многое приходиться повторять, но все уроки есть и есть интересные программы для анимации. Теперь остается проработать все материалы и освоить до профессионализма. Тренинг понравился.  :good:

А это моя анимационная картинка — зимний пейзаж, созданная в программе фотошоп, которую я сделала
в период обучения на тренинге.

 Теперь непосредственно рассмотрим, как создать анимированный, Gif  баннер в Photoshop.

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

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

Для этого Вам надо подобрать 3 картинки, (можно найти и в бесплатном доступе по тематике Вашего сайта) одного размера и знать размеры своего сайт бара. Померить свой сайт бар можно даже программой для скриншотов, в момент снятия скриншота справа бегает бегунок с размерами в пикселях.

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

Вот так будет выглядеть линейка для измерения размера баннера в сайт баре, я выставляю в пикселях.
И находиться она будет над сайтом. Когда не нужна — нажмете на крестик .
В красном прямоугольнике выделены настройки. Можете поискать что Вас больше устроит.

Возвращаемся к нашему анимационному баннеру. В папочку загрузили нужные картинки, открыли фотошоп и вперед — смотрим видео.

В видео я подробно рассказываю, какие действия надо делать в фотошоп для превращения обычных картинок в Gif — анимацию.  ;-) 

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

А Вы, чтобы не пропустить подписывайтесь на новые статьи блога.

Пост получился не длинным, но при наличии видео надеюсь — полезным.

Если не затруднит поделитесь в соц. сетях. Спасибо! Кстати у меня много обучающих роликов на YouTube.
Подписывайтесь на канал, найдете много интересного!

Буду рада обратной связи в комментариях! До встречи!

Успехов!