Создание анимированного баннера в Photoshop.
Создаем простой анимированный баннер в программе фотошоп.
Приветствую Вас читатель или гость моего блога!
Давно не писала полезного и познавательного для Вас. Обучалась на тренинге у Юлии Литвиной по анимации. Обучение проходило эффективно и насыщенно. Объем уроков большой и чтобы научиться, многое приходиться повторять, но все уроки есть и есть интересные программы для анимации. Теперь остается проработать все материалы и освоить до профессионализма. Тренинг понравился. :good:
А это моя анимационная картинка — зимний пейзаж, созданная в программе фотошоп, которую я сделала
в период обучения на тренинге.
Теперь непосредственно рассмотрим, как создать анимированный, Gif баннер в Photoshop.
Мы пока создадим простой баннер, из трех картинок, без каких либо эффектов. Просто рассмотрим принцип создания баннера в графическом редакторе фотошоп. Баннерная реклама достаточно эффективна в интернете. И гораздо заметней баннер из меняющихся изображений, чем обычная ссылка. В предыдущей статье я Вас знакомила с сервисом, по созданию баннеров.
Но работать в программе фотошоп очень интересно и увлекательно. А создание Gif анимации не вызывает затруднения, даже если Вы новичок в этой программе. Тем более если у Вас есть блог или сайт, эти знания Вам обязательно пригодятся. И так, что же нужно для создания анимационного баннера.
Для этого Вам надо подобрать 3 картинки, (можно найти и в бесплатном доступе по тематике Вашего сайта) одного размера и знать размеры своего сайт бара. Померить свой сайт бар можно даже программой для скриншотов, в момент снятия скриншота справа бегает бегунок с размерами в пикселях.
Но если Вы работаете Сhrome, то в правом верхнем углу найдите в настройках расширения — перейдите в магазин и установите себе линейку — бесплатно. На скриншоте посмотрите название линейки.
Вот так будет выглядеть линейка для измерения размера баннера в сайт баре, я выставляю в пикселях.
И находиться она будет над сайтом. Когда не нужна — нажмете на крестик .
В красном прямоугольнике выделены настройки. Можете поискать что Вас больше устроит.
Возвращаемся к нашему анимационному баннеру. В папочку загрузили нужные картинки, открыли фотошоп и вперед — смотрим видео.
В видео я подробно рассказываю, какие действия надо делать в фотошоп для превращения обычных картинок в Gif — анимацию. ;-)
Надеюсь у Вас все получилось. В следующий раз я покажу, как сделать баннер с плавными переходами.
А Вы, чтобы не пропустить подписывайтесь на новые статьи блога.
Пост получился не длинным, но при наличии видео надеюсь — полезным.
Если не затруднит поделитесь в соц. сетях. Спасибо! Кстати у меня много обучающих роликов на YouTube.
Подписывайтесь на канал, найдете много интересного!
Буду рада обратной связи в комментариях! До встречи!
Успехов!
Навигация
Предыдущая статья: ← Награда Liebster blog Award.
Следующая статья: Что вы знаете про YouTube? →
- O YouTube (1)
- Бизнес в интернете (43)
- Познаем компьютор (2)
- Полезно знать (45)
- Психология и бизнес (5)
- Работаем в программах (1)
- Разное (3)
- Что нам стоит сайт построить (32)
Доброго времени суток, Ирина! Зашла к Вам в гости с сайта Людмилы (internet-ledi.ru). Мне у Вас понравилось, интересная статья. Буду заходить в гости.
Спасибо, Алла. Всегда рада гостям. Заходите почаще. Очень приятно, что мой блог Вам понравился.
Вот что-что, а анимированный баннер это дело. И хотя с фотошопом я не очень дружу, тем не менее попробую…
Николай, я уверена, что элементарные навыки работы в фотошопе может освоить
каждый. А если будут вопросы обращайтесь. Я тоже не асс, но постоянно его использую для работы и изучаю. А Вам спасибо, что заглянули на мой блог.
Правда давно не писала нового. Но уже готовлю ряд статей по работе в программах. Каких узнаете. Заходите почаще.
Как все просто! Спасибо!
Вам спасибо за отзыв! Фотошоп классная программа!
Да, Фотошоп отличная штука! Но у меня на Макинтоше он не прижился, хотя все возможно, может, и попытаюсь еще когда-нибудь к нему вернуться…