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

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

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

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

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

animatsia_zima

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

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

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

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

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

находим -расширение линейка

 

узнаем размеры баннера

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

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

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

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

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

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

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

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

Успехов!

Навигация

Предыдущая статья: ←

Следующая статья:

Простая логическая игра "Поймай кота". Задача игры окружить кота точками так, чтобы он не смог убежать с поля. Постигла неудача - начни игру снова!
Обсуждение: 6 комментариев
  1. Алла:

    Доброго времени суток, Ирина! Зашла к Вам в гости с сайта Людмилы (internet-ledi.ru). Мне у Вас понравилось, интересная статья. Буду заходить в гости.

  2. Спасибо, Алла. Всегда рада гостям. Заходите почаще. Очень приятно, что мой блог Вам понравился.

  3. Вот что-что, а анимированный баннер это дело. И хотя с фотошопом я не очень дружу, тем не менее попробую…

  4. Николай, я уверена, что элементарные навыки работы в фотошопе может освоить
    каждый. А если будут вопросы обращайтесь. Я тоже не асс, но постоянно его использую для работы и изучаю. А Вам спасибо, что заглянули на мой блог.
    Правда давно не писала нового. Но уже готовлю ряд статей по работе в программах. Каких узнаете. Заходите почаще.

  5. Как все просто! Спасибо!

  6. Вам спасибо за отзыв! Фотошоп классная программа!

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Докажите, что Вы не робот * Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.

:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
больше...
 
foto Приветствую Вас Дорогой гость на моем блоге! Меня зовут Ирина Азикова! Здесь Вы узнаете как создать свой сайт и найдете много полезного для его развития, узнаете какие есть способы заработка в интернете, как работать в программе фотошоп и других программах. Как создать свой видеоканал на YouTube и зарабатывать на нем. Заходите почаще! Здесь Вам всегда рады!
Подписаться на новости блога здесь.

Введите Ваш email адрес:

Пассивный доход!
Бесплатный курс по рисованному видео в Explaindio 3.0 Новинка
korobka- ris
Скачай новый курс! ЖМИ на картинку!
korobka kursa
Новинка!
curs
Мой блог отметили наградой
nagrada_Liebster_blog_Award-1
Присоединяйтесь.
© 2017 ИНФОБИЗНЕС  Войти