Как сделать рекламу в paint
И так приступим:
Традиционные интернет баннеры представляют собой FLASH-баннеры или графические изображения в форматах GIF или JPEG. Использование формата GIF позволяет размещать на баннерах не только статические рисунки, но и анимированные (в формате GIF эффект движения достигается чередованием нескольких изображений).
Самым распространенным интернет-баннером является баннер размером 468х60 точек. Баннер такого формата размещается на большинстве сайтов, а так же является основным для баннерообменных сетей.
Кроме этого, менее распространены, но так же востребованы баннеры:
•Размером 100х100 точек. На сайтах такой баннер обычно размещается в верхних углах (ушках) страницы.
•Размером 88х31. Часто называют «кнопкой». Используется обычно для обмена ссылками между сайтами или для размещения логотипа. Размещается он, как правило внизу страницы.
•Размеры 150х400, 100х600 и т.д. Один из новых форматов баннеров, обычно называют «Небоскреб» или «Башня». Основная особенность, высота баннера больше его ширины. Такой формат часто применяется для рекламы.
1. Мы создадим баннер в пикселях высота 152, а ширина 1040. Разрешение 130 пикс/дюйм. Для этого заходим в «Файл» далее «Создать» и в окне прописываем наши параметры баннера. После это создаем фон баннера:
1) Мы можем загрузить уже готовую фотографию из папки, воспользуюсь в меню «Слои» далее «Добавить новый слой» и затем «Импорт из файла»,либо
2) Создадим сами, мы воспользуемся 2 способом.
Далее, слева в окне нажимаем на верхнюю клавишу прямоугольника«Выбор прямоугольной области» и выделим нижнюю часть нашего будущего баннера. После это нажав на клавишу «Заливка» и выбрав цвет в нижнем левом углу мы закрасим наш выделенный нижний фон нашего баннера. Для красоты добавим узор облака в верхнем меню «Эффекты» далее «Узоры» .
2. После того как мы создадим фон у нашего баннера, напишем текст. Для этого в левом углу находим букву «Т» и нажав ее пишем то, что хотим написать. Цвет текста можно выбирать в левом нижнем углу, для этого после того как вы написали, нажмите на любой цвет который вам понравился и выберите его. Удобным здесь является то, что одним щелчком мышки можно просмотреть множество вариантов, а так же легко можно выбрать шрифт и его размер.
4. После того, как мы разместили все наши изображения на нашем макете для баннера и написали текст, мы его должны сохранить. Для этого в верхнем меню «Файл» выбираем «Cохранить как» и сохраняем его с разрешением «GIF». Аналогично создадим еще 2 таких баннера, при этом меняем только сами фотографии и текст.
5. Теперь откроем программу UNFREEZ , нашу папку с файлами и программу 7GIF. Сначала в программу UNFREEZ переносим наши 3 файла из папки мышкой и устанавливаем время 130 и сохраняем в формате GIF. Потом посмотрим наш файл в программе 7GIF и если нас все устраивает, то размещаем его с ссылкой на сайт. И вот что у нас получилось.
Ведение бухгалтерского
учета
Основы питания
Основы здоровой пищи.
Основы питания
Основы здоровой пищи.
Подготовим документы
из судебного дела
Ознакомление дел в суде
Ведение бухгалтерского
учета
1 комментарий
Январь 4, 2017 в 6:07 пп (UTC 0) Ссылка на этот комментарий
Главное, баннер должен создаваться с таким расчетом, чтобы пользователь был привлечен его красивым изображением, прочитал сопроводительный рекламный текст и был воодушевлен кликнуть по его поверхности, чтобы узнать подробности. От привлекательности изображения мини плаката и от содержащейся интриги в сопроводительном тексте, зависит число переходов по баннеру и соответственно процент продаж рекламируемого продукта. Из перечисленных программ пользовался Ulead Gif Animator, действительно легкая и удобная программка. Однако пробовал чисто в экспериментальных целях. А для сайта баннер не делал, где-ж его располагать то?
Если вы считаете, что хороший баннер для магазина можно сделать только с помощью продвинутого графического редактора, то я развею этот миф, и докажу, что даже старый добрый дружище Paint может творить чудеса! И чтобы сделать привлекательный баннер, не обязательно владеть королем редактирования изображений - фотошопом. Конечно, с помощью таких редакторов можно сделать более оригинальные баннеры. Но если подойти творчески, то желаемого результата можно достичь и с простеньким Paint. Как говорится, маленький, да удаленький! Все еще не верите?! Приступаем!
ШАГ 1.
Открываем наше изображение в Paint.
ШАГ 2.
Этот шаг можно смело пропустить. Но если Вы хотите сделать баннер более привлекательным, лучше поиграть с размерами изображения. Т.к. размер баннера фиксирован, то важно какая область первоначальной картинки попадет в эти пределы. Вы же не хотите, чтобы в эту область помещался только, например, кошачий хвост. Итак, делаем нужный размер картинки. Обратите внимание, что мы будем корректировать размер, а не изменять масштаб изображения, прошу не путать. Размер можно увидеть в самом низу редактора.
На верхней панели инструментов нажимаем кнопку “Изменить размер”.
Далее указываем либо проценты, либо пиксели, как вам удобней. Я поигралась с размерами и остановилась на таком результате.
ШАГ 3.
Теперь начинается самое интересное, вырезаем баннер. Размер баннера по правилам Ярмарки Мастеров 760 x 75. Нажимаем кнопку Выделить, устанавливаем курсор на изображение и начинаем выделять область для баннера. Внимательно следим за размерами выделенной области в нижней части редактора. Растягиваем до тех пор, пока не увидим заветных циферок 760 x 75.
Нажимаем кнопку Обрезать.
ШАГ 4.
Половина пути пройдена! Делаем надпись. Нажимаем пиктограммку А на панели инструментов. Кликаем мышью на место изображения, где хотите разместить Вашу надпись (область можно будет перемещать). Появится новая вкладка Текст. Выбираем шрифт, размер шрифта, цвет надписи, наклон шрифта и т.д.
ШАГ 5.
Чтобы сделать баннер для магазина более заметным, можно сделать рамку вокруг баннера. Для этого переходим на вкладку Главная, область Фигуры. Выбираем нужную фигуру, цвет фигуры и растягиваем по контуру изображения.
Любуемся на наш баннер!
В мастер-классе используется версия редактора 2010. Принцип для других версий одинаков, интерфейс может различаться.
Ждите моих новых мастер-классов, в том числе по созданию баннера в Photoshop.
Итак, открываем программу, создаем новый документ примерно с такими параметрами.
Обратите внимание,что слой создается непрозрачный, то есть белый. В окошечке СЛОИ выбираем иконку СВОЙСТВА СЛОЯ и в открывшимся окне убираем НЕПРОЗРАЧНОСТЬ до 0
Создаем новый слой
Работать будем именно в нем. В окошке СЛОИ выделен верхний слой.
Выбираем инструмент ТЕКСТ, выбираем нужный шрифт и подходящий размер. Следите чтоб весь лист был выделен, иначе вы не увидите что вы пишите. Если это произошло, нажмите отменить, выберете инструмент ВЫДЕЛЕНИЕ (самый первый, пунктирная рамочка), выделите весь лист и снова возвращайтесь к ТЕКСТу. Располагаете текст так как вам нравится. Здесь я перенесла текст на вторую строчку с помощью клавиши Enter. Если вы хотите сделать надпись разными шрифтами, то для каждого нового слова создавайте новый слой, чтоб, в случае ошибки, можно было удалить. Еще это удобно тем, что можно менять расположение слов на листе простым перетаскиванием, главное следить, чтоб был выделен слой именно с этим словом.
Теперь можно вставить какую-нибудь картинку. У меня на логотипе нет, но мало-ли вдруг кому-то хочется. Я заранее скачала в интернете подходящую картинку, уменьшила ее.
Вставляем через меню СЛОИ-ИМПОРТ ИЗ ФАЙЛА
В окошке СЛОИ появился новый слой, работать будем с ним.
Не смотря на мои старания по уменьшению картинки, размер ёжика все же оказался великоват. Поэтому, удерживая клавишу Shift и правую клавиши мыши, уменьшаем размер.
(Ага, я научилась уменьшать, не нарушая пропорции)
И перетаскиваем туда, где картинке самое место.
Теперь выбираем инструмент ВОЛШЕБНАЯ ПАЛОЧКА и, удерживая клавишу Ctrl, выделяем все белые места на нашей картинке. Нажимаем на НОЖНИЦЫ (вырезать).
Получаем полностью прозрачный фон. Красота. Но только наш Ёжик по сравнению с надписью - серый.
Поэтому нажимаем на лупу с + до тех пор, пока ёжик не примет гигантские размеры (мне достаточно 300%), выбираем инструмент ВОЛШЕБНАЯ ПАЛОЧКА и выделяем все "черные" детали ёжика. Выбираем инструмент ЗАЛИВКА, и заливаем выделенные части черным цветом.
Вот такая красота получается. Но мы видим. что по бокам у нас осталось много свободного места. Оно нам ни к чему.
Поэтому выделяем нашу надпись без всяких лишних пространств и нажимаем на кнопочку ОБРЕЗАТЬ ПО ВЫДЕЛЕНИЮ
Все готово. Теперь в меню ИЗОБРАЖЕНИЕ выбираем ОБЪЕДИНИТЬ ВСЕ СЛОИ и сохраняем. Не забудьте, что сохранять нужно в формате PNG.
Сегодня существует множество различных программ для изготовления баннеров, картинок, обработки фото. А лучшей программой для создания баннеров является Paint. Сейчас разгорится спор: "Что за чушь несешь ты, автор? Есть же Photoshop и другие подобные программы, в которых в тысячи разов красивее будет представлена картинка,"
Но я попрошу вспомнить, как вы открываете сайты, рекламу, картинки на своем смартфоне, ноутбуке, планшете, компьютере. Сколько времени задерживается ваш взгляд на картинке, названии?
Правильно пять или шесть секунд и не более. И если статья, реклама не открылась, вы переходите на следующую. А какая раньше откроется? Та которая имеет меньший объём. Хорошая картинка в фотошопе составляет мегабайт и не меньше, а в паинте измеряется килобайтами.
В наш скоростной век так много всякой интересной информации и всю её хочется знать. А как вы нервничаете, когда ищите в рекламе како-то необходимый вам предмет, а картинка тащится?
Вот, исходя из этих соображений, и назвал я Paint лучшей программой для создания баннеров в рекламе, ютубе, сайтах.
И это я хочу вам доказать в этой статье - инструкции по пользованию этим инструментом.
Что такое баннер
Баннеры размещают для привлечения клиентов, для информирования или для создания позитивного имиджа
Виды баннеров
- В наружной рекламе
- В интернет рекламе
- В спорте
Рекламные баннеры в интернете
различаются по технологии создания и размеру.
Блок 468 × 60 пикселей самый популярный. Как таковых стандартов баннеров нет совсем, но основными форматами, которых придерживаются рекламщики являются 240 × 400, 300 × 600, 300 × 250, 728 × 90.
В интернет - рекламе есть статистические, динамические баннеры.
Статические. В данное время форматы PNG, JPEG являются основными стандартами при создании графических рекламных блоков. Это растровый формат хранения информации, который использует технологию сжатия изображения без потери качества. Эти баннеры удобные, простые и в меру эффектные.
Динамические. Наиболее сложный тип баннеров, созданных на таких технологиях, как Java, HTML, CGI, Flash
Самому создать динамические баннеры сложно. Поэтому по возможности и необходимости используйте инструменты старой проверенной программы Paint. Она есть во всех версиях Office. Специально скачивать не надо.
Знакомство с программой Paint
Запуск программы
В программу Paint можно войти, нажав поочередно значки (см. рис.1)
- "пуск" в левом низу рабочего стола или эмблему паинта на рабочем столе (2 или 1)
- "все программы" в левом низу рабочего стола выше значка "Пуск" (3)
- "стандартные " в левой колонке рабочего стола выше значка "все программы" (4)
- "paint " в левой колонке рабочего стола ниже значка "стандартные" (5)
Рис. Программа PAINT, запуск
Осуществили вход, открылась наша замечательная программа для создания баннеров онлайн бесплатно.
Изучаем инструменты программы
Рис.2 Верхняя шапка главной страницы программы Paint
Итак, попробуем самостоятельно создать баннер наиболее популярного формата размером 468х60 точек.
Поскольку идеи для создания баннера у нас нет, то сделаем, как говориться баннер «ни о чем». В качестве изображения воспользуемся фотографией главных героев из фильма «Сумерки»
И изображение ночного города.
Поскольку заметно, что фотография, использованная нами для создания баннера, освещена справа, то разумно сделать правую часть баннера более светлой. Воспользуемся еще одним уроком от участника форума VanGog Рисуем логотип Windows и эффектные обои. Используя принципы, описанные VanGog’ом в этом уроке совсем несложно сделать наш баннер таким:
Анимацию сделанного нами баннера будем осуществлять путем использования возможностей формата анимированный GIF. Как вы уже, наверное, знаете, анимированный GIF представляет собой несколько изображений (кадров), сохраненных в одном файле. Веб-браузеры понимают, что анимированный GIF необходимо отображать как чередование имеющихся в нем кадров. Поэтому наша задача сводится к созданию этих самых кадров.
Теперь создаем кадры. Первым кадром будет просто баннер. Появление на нем надписи сделаем путем увеличения прозрачности слоя с надписью от 0 до 255. Пусть второй кадр будет представлять собой баннер с наложенной на него надписью с уровнем прозрачности 10. Копируем слой с текстом и слой с баннером. Помещаем копию слоя с тестом выше копии слоя с баннером. Устанавливаем в настройках слоя с копией текста прозрачность равную 10 и объединяем эти два слоя. Полученный слой можно назвать 2. Напомним, что первый кадр - это просто баннер, что соответствует уровню прозрачности текста 0.
В итоге мы сделали 9 (девять) кадров. Первый – баннер, второй - баннер с текстом прозрачностью 10, третий - баннер с текстом прозрачностью 30, четвертый - баннер с текстом прозрачностью 50, далее прозрачность 70, 100, 150, 200 и 255. Например, пятый кадр выглядит так:
В принципе после того как наше изображение содержит девять слоев, каждый из которых представляет собой отдельный кадр и расположены они по порядку от одного до девяти, считая снизу, то уже можно делать анимированный GIF-файл. Однако мы планируем, что наш баннер будет проигрываться в режиме нон-стоп, т.е. кадры будут чередоваться по кругу без остановки. Т.о. после девятого кадра с полной надписью следующим будет кадр номер один, где надписи нет. Т.е. появляясь плавно, исчезать надпись будет быстро. Давайте сделаем, что бы и исчезала надпись тоже плавно. Самый очевидный способ добавить кадры, такие как 2-8, после девятого кадра в обратном порядке. Наглядно можно увидеть в окне слои:
Вот результат. Уровень задержки delay мы установили 20. Количество повторений – параметр replay – ноль, что значит по кругу.
Читайте также: