Президент 11.07.2019 Автор: admin 248 0

Баннер своими руками

 

Баннер своими руками

Здравствуйте, уважаемые читатели моего блога. Мы с вами создавали простой баннер с картинкой посмотреть. Сегодня попробуем создать более сложный вариант, анимационный баннер. В итоге у нас с вами должен получиться баннер, у которого в определенное время меняются картинки.

Начнем!

Создание анимационного баннера

Работать будем опять в фотошопе. Кто еще не освоил эту программу, жмите на ссылку фотошоп Создаём новый документ, назвал я его баннер, разрешение 140pix. на 180pix. Недорогая печать наклеек на плёнке на нашем сайте.

Следующим шагом добавляем в этот документ картинку. Затем создаем новый слой и добавляем следующую картинку. Эту процедуру повторяем столько раз сколько картинок вы хотите видеть на своём баннере. Увлекаться большим количеством картинок не советую, достаточно трех-четырёх штук. Далее МЫ будем создавать анимацию из этих картинок.

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

В панели управления нажимаем самую нижнею иконку, называется она ImageReady. Документ откроется в новом окне. В верху в панели инструментов выбираем меню «окно», ставим галочки напротив надписей анимация и слои.

В окне слои нажимаем иконку «глаз», тем самым отключаем все слои кроме одного.

В окне анимация меняем надпись «Один раз» на «Всегда». Под картинкой нажимаем 0с и устанавливаем длительность показа кадра. Теперь нажимаем иконку новый кадр, отключаем текущий слой и активируем следующий. Устанавливаем длительность показа. Повторяем эту процедуру со всеми вашими слоями.

Анимацию создали, теперь её нужно сохранить, выбираем меню «файл» сохранить оптимизированный как… сохраняем в удобном для вас месте. Осталось загрузить сохраненный файл к себе на хостинг и обязательно запомните адрес, который указывает на место расположения файла.

Теперь возьмем код обычного баннера. Вместо выделенных красным цветом предложений вставляем свои данные.

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

скачать dle 10.2 Форекс опционы

Популярные новости
Новые статьи