С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Создание анимированного баннера в Фотошопе

Создание анимированного баннера в Фотошопе

В этом уроке мы покажем вам, как создавать высококачественные анимированные баннеры.

 

Шаг 1

 

Создайте новый документ размером 200 на 200 пикселей. Измените фон на белый.

 

 

Добавьте новый слой (Ctrl + Shift + новый)  и создайте прямоугольное выделение. На панели управления выбранным измените стиль на Заданный размер (Fixed Size) и введите размеры 123 на 123 пикселей. Кликните на документ, чтобы сделать квадрат, и залейте его цветом # dbd4bd.

 

 

Теперь откройте стили слоя и добавьте стиль Наложение узора (Pattern Overlay). Используйте настройки, как показано на изображении ниже.

 


 

Создайте новый слой и возьмите белую мягкую кисть размером 160 пикселей. Сделайте светлое пятно в верхней части нашего фона.

 

 

Создайте выделение слоя (зажмите клавишу Ctrl и кликните по слою в панели слоев), перейдите в меню Выделение> Модификация> Сжать (Select> Modify> Contract) и сожмите выделение на 1 пиксель. Теперь перейдите в меню Выделение> Инверсия (Select> Inverse) и удалите это выделение.

 

 

Шаг 2

 

Добавьте новый слой, а затем создайте выделение слоя с фоном.

 

 

Расширьте выделение на 1 пиксель. Для этого перейдите в меню Выделение> Модификация> Расширить (Select> Modify> Expand) и введите значение в 1 пиксель. Заполните выделение цветом # 50443c.

 

 


Возьмите инструмент Прямолинейное Лассо (Polygon Lasso) и сделайте форму с углом в 45 градусов, удалите верхний правый угол.

 

 

Теперь сделать то же самое для другой стороны, оставляя небольшой ленту.

 

 

Добавьте новый слой и создайте выделение ленты, сожмите её на 1 пиксель. Теперь возьмите маленькую мягкую кисть и сделайте края темнее, а середину светлее. Самый простой способ, это почистить ленту в черно-белом цвете, а затем измените Режим наложения (Blend Mode) слоя на Мягкий свет (Soft Light), и понизьте непрозрачность.

 

 

Шаг 3

 

Теперь пришло время добавить текст. Мы использовали шрифты Lucida, Arial, и Bell MT. Вы можете посмотреть все точные настройки на изображении ниже.

 

 

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

 

 

Шаг 4

 

Перейдите в меню  Окно> Шкала времени (Window> Time Line).

 

 

Нажмите кнопку на кнопку в левом нижнем углу окна анимации, чтобы преобразовать в покадровую анимацию.

 

 

Идея состоит в том, что у нас будет один текст исчезать, и появляться другой. Нажмите кнопку Дубликат кадра (Duplicate Frame), чтобы сделать новый кадр. Убедитесь, что вы изменили задержку кадров на «без задержки». Также примените зацикливание.

 

 

Для каждого нового кадра понизьте непрозрачность строки текста на 10%. После того, как дойдёте до 30%, начните повышение следующей строки текста на 10% (они должны гармонировать даже на 20%). Продолжайте делать это, пока текст не поменяется.

 

 

Измените задержку на всех слоях на 2 секунды. Вот и все готово! Не забудьте сохранить анимацию как GIF файл. 

 

 

Урок по теме – Создание простой светящейся анимации в Фотошопе.

 

Источник



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 26.07.2014
  •   Просмотров: 5977
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

Помощь сайту
Если вам нравится у нас на сайте, и мы вам помогли, вы можете внесите свой вклад в его развитие, пожертвовав любую сумму на один из кошельков:

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки