Разработка логотипа и фирменного стиля, создание сайтов под ключ. Онлайн-заказ. Компания Drawdream - Россия.

Как сделать баннер в фотошопе

В этом уроке я научу вас как сделать баннер в фотошопе.
Вы хотите сделать красивый мигающий баннер для своего сайта? Тогда вы верно зашли! Это совсем несложно!

как сделать баннер в фотошопе

Как сделать баннер в фотошопе?

Далее создаем новый документ и выставляем нужный размер.

как сделать баннер в фотошопе

Заливаем фон нужным цветом или вставляем нужную картинку.



Далее создадим новый слой и напишите текст выбирая нужные вам шрифты и размеры.

как сделать баннер в фотошопе

Создадим еще один слой и добавим на него картинку или то что вам нужно!

Теперь объединим все слои, для этого нажимаем комбинацию клавиш Ctrl+Shift+E. Далее приступим к созданию 2ой картинки. Делаем все как и в первом шаге только теперь выбираем новый цвет и напишем другой текст или вставим картинку. Когда завершите, отключите иконку в слоях как на рисунке:

как сделать баннер в фотошопе

Далее объединяем слои 2ого изображения, для этого жмем комбинацию клавиш Ctrl+Shift+E. Теперь включим иконку глаза на 1ом слое. Теперь мы имеем два слоя.

Далее приступим к анимации нашего баннера. Заходим в Window –> ставим галочку на Animation. Теперь выключим иконку глаза на 2ом слое. В сплывающем меню анимации дублируем фрейм:

как сделать баннер в фотошопе

Теперь включим иконку глаза на 2ом слое. Выбираем скорость переключения фреймов. (интервал задаем 0,5 - 1 секунда или какой вам угодно). Выставим значение Forever(бесконечное число прокруток).

как сделать баннер в фотошопе

Жмем проиграть и смотрим что получилось!

как сделать баннер в фотошопе

Далее сохраним изображение: File –> Save for Web &Devices –> Save.

Далее напишем код, чтобы при клике на баннер осуществлялся переход на ваш сайт: <a href=”http://адрес_вашего_сайта“><img src=”http://ссылка_на_баннер”/></a>. Вот такой баннер получился у меня:

На этом все! Теперь вы знаете как делать баннер в фотошопе.

Смотрите так же уроки фотошоп: Как сделать кнопку в фотошопе

Удачи! До новых встреч на страницах дизайн-студии Drawdream.ru

Контакты

  С 9:00 до 19:00 без выходных

тел: +7 (900) 900-30-50

mail:Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра.

Наши клиенты

 

Наши партнеры

Body
Background Color
Text Color
Link Color
Background Image
Slideshow
Background Color
Background Image
Bottom
Text Color
Link Color