В интернете существует большое количество уроков, обучающих созданию баннеров, однако часто в них требуются углубленные знания различных емких программ, достаточно сложных для начинающего web-мастера. Если же вы хотите сделать красочный баннер быстро и несложным способом, вам поможет в этом стандартный графический редактор Paint, который входит в сборку ОС Windows.
Вам понадобится
- стандартная программа Paint, программа Gif Animator
Инструкция1На панели «Пуск» выберите пункт «Все программы», затем «Стандартные». Кликните программу Paint, чтобы она открылась.
2Чтобы баннер получился интересным и эффектным, вы можете заранее скачать несколько вариантов изображений по нужной для вас теме. Выберите наиболее подходящую из них, которая будет представлять рекламу вашей продукции или услуги.3Чтобы загрузить выбранную картинку в редактор Paint, нажмите на значок в левом верхнем углу, затем выберите пункт «Открыть».
4В открывшейся вкладке обзора файлов найдите выбранное изображение, выделите его и нажмите «Открыть» (или просто дважды кликните по нему).
5Выделите главный информационный элемент вашего изображения: «Изображение» — «Выделить» — «Прямоугольная область» (или с помощью курсора).
6Задайте выделенному элементу нужную форму, двигая квадратики выделения курсором. Например, вы можете немного сдвинуть изображение вправо, чтобы освободить свободное пространство для надписи с левой стороны будущего баннера.
7Чтобы обрезать выделенную область, нажмите «Изображение» — «Обрезать».
8Измените размер изображения: «Изображение» — «Изменить размер».
9В окне изменения размера задайте нужный размер в пикселях в ширину и в высоту. Для задания произвольных параметров уберите галочку напротив пункта «Сохранять пропорции».
10Нажмите на на значок в левом верхнем углу — «Сохранить как» — «Изображение в формате GIF».
11В открывшемся окне в строке «Тип файла» будет установлен формат GIF (*gif). Задайте имя файла и сохраните его, нажав «Сохранить».
12Чтобы вставить на баннер текстовую информацию, активизируйте инструмент «Текст».
13На панели инструмента ввода текста выберите нужные размер, шрифт, цвет, тип и расположение шрифта. Растяните рамку для ввода текста на нужные длину и ширину и введите текст.
14Можно добавить на баннер какие-либо дополнительные элементы. Или, например, оформить его в рамочку: «Фигуры» — «Прямоугольник» — выбрать толщину и цвет рамки — курсором мыши растянуть рамку по краям изображения. Затем снова сохраните файл, но под другим именем.
15Теперь нужно создать еще один файл с другим текстом. Откройте первый сохраненный файл (без текстовой информации) и нанесите на него новый текст и прочие элементы описанным выше образом. Как вариант, просто сотрите ластиком предыдущий текст, чтобы внести новый (если фон белый). Если фон другого цвета, кликните его пипеткой и закрасьте этим цветом текст. Готовый баннер сохраните, как описано выше.
16Итак, у вас есть под рукой два одинаковых файла с разным текстом. Это будут два слоя, которые нужно объединить, чтобы текст баннера постоянно изменялся. Эту операцию можно легко сделать в небольшой программе для создания анимированных GIF’ов MS GIF Animator.17Установив программу на компьютер, откройте ее двойным кликом https://yar-ko.com/.
18В панели инструментов Gif Animator нажмите значок Open/«Открыть» (или Ctrl+O), в поле «Папка» выберите свою папку с созданными GIF-файлами. Затем двойным щелчком мыши выберите файл, который станет вторым слоем вашего баннера, чтобы другой файл (первый слой) лег сверху, т.к. в этой программе анимация создается в обратном порядке.
19Откройте первый слой инструментом добавления Insert/«+» (или Ctrl+I).20Сгруппируйте слои инструментом Select All/«Выделить все» (или Ctrl+L) .21Перейдите во вкладку Animation и поставьте галочку напротив пунктов Repeat forever («Всегда повторять») и Looping («Выполнение цикла»).22Во вкладке Image установите скорость кадров печать баннеров — к примеру, 1/80, оптимально.23Нажмите инструмент Preview (или Ctrl+R), чтобы просмотреть результат.24Сохраните баннер с помощью инструмента сохранения Save (или Ctrl+S). Ваш баннер готов, теперь его можно размещать.Обратите вниманиеЧтобы избежать большого веса баннера, лучше ограничиться 2-4 слоями.Полезный советАнимация текста происходит способом замены слоев, поэтому аналогичные действия можно применить и к основному фону.