Создание баннера в paint net
Иногда возникает необходимость создать рекламный баннер. Особенно, если вы зарабатываете в интернете. Баннер может понадобится как для размещения на вашем сайте, так и для размещения на сайтах ваших партнёров. Можно, конечно, заказать изготовление баннера у специалистов, но зачем лишний раз тратить деньги? Сейчас в интернете есть много возможностей чтобы сделать рекламный баннер самому. Одну из таких возможностей мы сегодня рассмотрим.
Понятно, что баннер это просто картинка определённого размера. Поэтому нужно понимать, что с данным графическим редактором можно делать не только баннеры. Можно делать шапки для сайта, картинки и, в принципе, всё, что душа пожелает.
На официальном сайте программы можно не только её скачать. Можно ещё и посмотреть уроки по основным действиям. А сейчас просто смотрим видео. Смотрим и убеждаемся в том, что никаких особых сложностей при работе с данным графическим редактором нет.
Как сделать рекламный баннер
При сохранении изображения обязательно поменяйте формат! По умолчанию сохранение происходит в формате pdn. Для изменения формата нажмите на галочку в правой стороне строки тип файла и выберите в выпавшем списке png.
Ссылка на официальный сайт программы. Данная программ абсолютно бесплатна. Однако, несмотря на это, является достаточно мощным инструментом. По этой причине она занимает достойное место в ряду графических редакторов. Скачивайте, изучайте и пользуйтесь. А в следующей статье мы разберёмся как сделать из наших изображений рекламный баннер или просто картинку в формате Gif.
Заключение
Безусловно, что можно создавать рекламный баннер и в других программах. Но, как мне кажется, что данная программа для начинающих наиболее проста и понятна. Согласитесь, что и русскоязычный интерфейс, и бесплатность, это всё-таки немаловажные факторы при выборе подобных, да и любых других программ.
Итак, попробуем самостоятельно создать баннер наиболее популярного формата размером 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 – ноль, что значит по кругу.
Если вы считаете, что хороший баннер для магазина можно сделать только с помощью продвинутого графического редактора, то я развею этот миф, и докажу, что даже старый добрый дружище Paint может творить чудеса! И чтобы сделать привлекательный баннер, не обязательно владеть королем редактирования изображений - фотошопом. Конечно, с помощью таких редакторов можно сделать более оригинальные баннеры. Но если подойти творчески, то желаемого результата можно достичь и с простеньким Paint. Как говорится, маленький, да удаленький! Все еще не верите?! Приступаем!
ШАГ 1.
Открываем наше изображение в Paint.
ШАГ 2.
Этот шаг можно смело пропустить. Но если Вы хотите сделать баннер более привлекательным, лучше поиграть с размерами изображения. Т.к. размер баннера фиксирован, то важно какая область первоначальной картинки попадет в эти пределы. Вы же не хотите, чтобы в эту область помещался только, например, кошачий хвост. Итак, делаем нужный размер картинки. Обратите внимание, что мы будем корректировать размер, а не изменять масштаб изображения, прошу не путать. Размер можно увидеть в самом низу редактора.
На верхней панели инструментов нажимаем кнопку “Изменить размер”.
Далее указываем либо проценты, либо пиксели, как вам удобней. Я поигралась с размерами и остановилась на таком результате.
ШАГ 3.
Теперь начинается самое интересное, вырезаем баннер. Размер баннера по правилам Ярмарки Мастеров 760 x 75. Нажимаем кнопку Выделить, устанавливаем курсор на изображение и начинаем выделять область для баннера. Внимательно следим за размерами выделенной области в нижней части редактора. Растягиваем до тех пор, пока не увидим заветных циферок 760 x 75.
Нажимаем кнопку Обрезать.
ШАГ 4.
Половина пути пройдена! Делаем надпись. Нажимаем пиктограммку А на панели инструментов. Кликаем мышью на место изображения, где хотите разместить Вашу надпись (область можно будет перемещать). Появится новая вкладка Текст. Выбираем шрифт, размер шрифта, цвет надписи, наклон шрифта и т.д.
ШАГ 5.
Чтобы сделать баннер для магазина более заметным, можно сделать рамку вокруг баннера. Для этого переходим на вкладку Главная, область Фигуры. Выбираем нужную фигуру, цвет фигуры и растягиваем по контуру изображения.
Любуемся на наш баннер!
В мастер-классе используется версия редактора 2010. Принцип для других версий одинаков, интерфейс может различаться.
Ждите моих новых мастер-классов, в том числе по созданию баннера в Photoshop.
И так приступим:
Традиционные интернет баннеры представляют собой 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, действительно легкая и удобная программка. Однако пробовал чисто в экспериментальных целях. А для сайта баннер не делал, где-ж его располагать то?
Так как на Ярмарке Мастеров я новичок, то после прочтения многих статей по продажам и продвижению своего магазинчика, я решила, что мне СРОЧНО нужен баннер! Захотела я его прям здесь и сейчас! Поискав в интернете мастер-классы по созданию баннеров, решила, что они мне не подходят: во-первых - у меня нет программы Photoshop, во-вторых - в конструкторах баннеров просто не разбралась, а платить за то, что можно сделать самому как-то неохота. Вы скажете: "Надо доверить всё профессионалам, чтобы было всё правильно и красиво!" Да! Наверное. Но не забываем, что я новичок и свои деньги (пусть даже 100 руб) на оплату баннера я выложить пока не готова! Так вот.
"Я его слепила из того что было. " (с), а была у меня стандартная программка Paint.
Надеюсь, что новичкам (таким как я), а так же тем, кто хочет всё делать сам, мой МК пригодится!
Открываем нашу программу и задаём будущему баннеру нужный нам размер. Для этого заходим в Свойства
в открывшемся окошке выставляем необходимые нам параметры: ширина 760, высота 75
вот что получилось. Теперь открываем вкладку Вид и ставим галочку в окошке Линии сетки (позже пригодится)
Теперь нам надо выбрать картинку для фона нашего баннера: для этого переходим во вкладку Главная и нажимаем Вставить из
Я выбрала вот такую картинку. Теперь нажимаем Выделить
Началось самое сложное: выделяем любую понравившуюся область картинки и следим, чтобы рамочка была строго заданна нашим размером, т.е. 760*75 пикселей (для этого нам и нужна была сетка). Выделяемый размер видно в нижней панели (указала стрелочкой). Теперь нажимаем кнопку Обрезать
Фон для баннера готов! Теперь осталось сделать красивую надпись. Для этого нажимаем на буковку А в панели инструментов
Выбираем шрифт, цвет и размер надписи, убираем Сетку (можно и не убирать, на баннере её не будет)
Конечно, вся проделанная работа занимает намного меньше часа, особенно, если делаешь её не в первый раз. Я раньше не работала в Paint и всё было сделано методом "научного тыка", так что прошу это учесть. =))
Читайте также: