Создание баннеров GIF и Flash | от 100 рублей, студия Македон

что такое баннер?

для начала все же стоит сказать, что такое баннер. банер – это рекламный блок, при щелчке по которому посетитель переходит на рекламируемый сайт. баннеры размещают на web-страницах, для привлечения посетителей (потенциальных клиентов) на свой сайт или для продвижения бренда. в настоящее время баннеры очень активно используются в интернете, их по праву можно считать одним из главных инструментов для проведения эффективной рекламной кампании. виды баннеров самый первый баннер появился в сети в 1994 году. за свою недолгую историю у баннеров появилось множество разновидностей и технологий на которых они основывались. ниже приведем несколько основных видов баннеров: jpg баннер – один из первых разновидностей баннера появившихся в интернете, представляет из себя статическое изображение. на данный момент считается устаревшим и не может соперничать со своими более современными собратьями. gif баннер – следующая ступень эволюции баннеров. представляет собой анимированный графический элемент созданный из набора статичных изображений (кадров). обычно состоит из 3-5 кадров. flash баннер – самая современная технология. позволяющая создавать самые эффектные анимированные баннеры. предоставляет обширные возможности для реализации дизайнерских идей. пиксельные баннеры – обособленный вид баннеров. если при создании jpg, gif и flash баннеров в большинстве случаев используются фотоизображения, что негативно сказывается на весе, пиксельные баннеры создаются путем прорисовки дизайнером каждого пикселя (пиксель – мельчайшая точка или элемент изображения) вручную. такая технология, позволяет создать красочную анимацию при минимальном весе баннера. форматы баннеров формат – параметры ширины и высоты баннера, измеряемые в пикселях. например, баннер шириной 468 пикселей и высотой в 60 пикселей, обозначается как 468х60. в техническом плане ограничений в формате баннера не существует. существуют лишь общепринятые стандарты, на которые опирается большинство владельцев web-сайтов, при проектировании рекламных мест на своем ресурсе. вы вполне можете отойти от общепринятых форматов, если владелец рекламного места предоставляет возможность размещения “нестандартных” баннеров. создание баннеров вы, скорее всего уже задали себе вопрос: “а почему я должен сделать заказ именно у них?”. к выбору изготовителя нужно подходить, очень основательно и в этом вы совершенно правы. баннер будет представлять ваш web-сайт перед огромным числом пользователей сети и за частую, вид баннера может оказать влияние на мнение о web-сайте владельца в целом. отвечая на поставленный выше вопрос, выделим преимущества нашей студии перед конкурентами: оперативность, сроки создания баннера не превышают 3-ех дней. низкие цены. накопительная система скидок для постоянных клиентов. учет всех пожеланий заказчика. вам предоставляется возможность внести свои коррективы на любом этапе разработки. политика работы с клиентами в нашей студии ориентированна на создание круга постоянных клиентов. каждый клиент для нас ценен, для нас нет незначительных заказов. мы всегда стремимся к тому, чтобы клиент остался доволен нашей работой и стремился сотрудничать с нами в дальнейшем. выбор за вами, мы надеемся, что наше предложение вас заинтересует. создание баннеров 9326 программа +для создания баннеров 3196 создание баннеров скачать 1296 создание flash баннеров 1129 бесплатное создание баннеров 1039 создание баннера бесплатно 1039 скачать программу +для создания баннеров 1007 создание баннера онлайн 740 создание флеш баннеров 719 бесплатная программа +для создания баннеров 696 программа +для создание баннеров бесплатно 696 русская программа +для создания баннера 497 создание анимированного баннера 374 программа +для создания flash баннеров 304 программа +для создания флеш баннеров 288 прога +для создания баннеров 272 создание баннеров +для сайта 267 создание баннера +в фотошопе 256 создание баннеров gif 208 секреты создания эффективных баннеров 153 создание баннера flash урок 144 уроки +по созданию баннеров 143 создание рекламных баннеров 142 программа +для создания анимированных баннеров 96 онлайн создание баннеров бесплатно 92 бесплатное создание онлайн баннеров 92 программа +для создания gif баннеров 88 создание баннера +в photoshop 82 видеоурок +по созданию баннера 63 создание баннеров ucoz 60 создание баннеров онлайн +на русском 54 лучшая программа +для создания баннеров 52 создание профессиональных баннеров 51 создание баннеров +для сайта бесплатно 50 урок создание флеш баннера 48 видео уроки создание баннера 46 скачать прогу +для создания баннеров 44 секреты создания эффективных баннеров скачать 43 создание баннеров цена 42 создание анимированного баннера +в фотошопе 42 создание простых баннеров 42 создание интернет баннеров 41 программа +для создания рекламных баннеров 39 создание баннера flash macromedia 38 програма +для создания баннеров 36 создание баннеров online 35 создание swf баннеров 30 софт +для создания баннеров 29 простая программа +для создания баннеров 28 уроки фотошоп +по созданию баннера изготовление баннеров 6169 изготовление баннеров +и растяжек 336 программа +для изготовления баннеров 286 изготовление рекламных баннеров 282 изготовление баннеров цена 220 изготовление баннеров москва 155 реклама баннер изготовление 128 изготовление flash баннеров 128 стоимость изготовления баннера 127 изготовление флеш баннеров 126 изготовление баннеров бесплатно 96 бесплатное изготовление баннеров 96 изготовление наружных баннеров 88 изготовление баннеров санкт петербург 85 скачать программу +для изготовления баннеров 81 изготовление баннеров недорого 66 изготовление баннеров наружная реклама 56 изготовление баннеров спб 55 изготовление баннеров +для сайта 55 изготовление уличных баннеров 41 изготовление баннеров новосибирск 39 изготовление интернет баннеров 38 изготовление gif баннеров 38 договор +на изготовление баннера 37 бесплатные программы +для изготовления баннеров 36 изготовление баннеров екатеринбург 36 срочное изготовление баннеров 36 изготовление +и печать баннеров 35 изготовление баннеров челябинск 32 изготовление баннеров плакатов 31 программа +для изготовления flash баннеров 29 изготовление вывесок баннеров 26 изготовление баннера онлайн 25 изготовление +и монтаж баннеров 23 изготовление +и размещение баннеров 23 изготовление баннеров самара 20 изготовление баннеров тюмень 20 оборудование +для изготовления баннеров 19 программа +для изготовления флеш баннеров 16 изготовление баннеров краснодар 15 изготовление баннеров самостоятельно 14 изготовление баннеров +на ткани 14 изготовление баннеров +на заказ изготовление баннеров +на заказ 13 изготовление баннеров нижний новгород 13 изготовление баннеров прайс 10 изготовление баннеров волгоград 10 изготовление рекламных щитов баннеров 10 саратов изготовление баннеров как сделать баннер. статья для тех, кто только начал изучать основы создания баннера баннер - просто и сложно одновременно. ведь каждый предпочитает видеть его по своему, кто-то в виде "навороченных" телесериалов на пол страницы - это наши знаменитые баннеры выполненные по технологии flash и их более простые собратья, созданные на милой и удобной программке swich. кто-то считает, что подмигивающие, обесцвеченные 100 раз блондинки, пестрящие пикселями 3 размера, на едко розовом фоне - лучшее, что создал мир. кто-то ценит остроту идеи, баннеры типа "у нас лучше!" уже приелись. нравиться неожиданное, часто недосказанное и будоражущее воображение. вопрос в том рискнете ли вы сделать такой баннер? шаг за шагом. пример №1 1. выбор программ, с помощью которых вы будете создавать свое творение. допустим, что для создания анимированного баннера вы выбрали ulead gif animator 4 (уже есть 5), желательно русифицированный. из графических программ наиболее удобными и результативными, для меня являются ulead photoimpact 6 (уже есть 7), microsoft photodraw, хотя мало кто видел эти программы в полном объёме и позволил себе их установку, программки то не маленькие. adobe photoshope - я не рассматриваю, так как про него и так много написано и он побил все рекорды в номинации "самый неудобный интерфейс", чтобы сделать мелочь нужно просто потеть над этим редактором, уж простите меня стойкие сторонники и любители сего продукта. допустим вы работаете в тех же редакторах, что и я, это упрощает процесс понимания, так как следующая часть статьи и примеры основаны на применение вышеназванных программ.

2. выбор размера. решаем какой собственно мы будем делать баннер. размеры различны, как и сфера их применения. допустим вам заказали один 100х100 пикселей и два 120х240 пикселей.

наиболее распространенные размеры (в пикселях): 1. 468х60 - наиболее распространенный размер для расположения как вверху, так и внизу страницы, часто им "разбивают" текст в середине страницы (говорят эффективная отдача). 2. 120х60, 150х60, 140х 60 - это вариации баннера 468х60, разница в том, что их можно разместить несколько вместо одного на 468. их часто используют серверы новостей и газет. 3. 120х240 - вертикальный баннер, 4. 100х100 - широко распространенный баннер, 5. 88х31, 88х40, 81х63 - баннеры - счетчики, различные рейтинги, баннеры для обмена ссылками между сайтами, 6. попадаются - 140х60, 177х100, каждый из которых создается под решение конкретного вопроса. 3. размер баннера не должен превышать 18кб, это уместно для большого и среднего размера баннеров. на практике лучше доводить баннер до 15кб или, что еще хуже, до размера, который определил заказчик. баннеры 120х60, 100х100 и меньше редко достигают размера 7кб. здесь рекомендация одна - чем меньше, тем лучше! в нашем случае баннеры не должны превышать 15кб. 4. главное - идея! допустим заказчик некая фирма "доктор визус", специализируется на лазерной коррекции зрения, и ей необходимо о себе заявить или напомнить. в техническом задании вы получаете их логотип, пожелания о женском личике (по-видимому это опять блондинка с пухлыми губками и томным взглядом) и свободу в выборе текста. интересную идею нужно искать в ассоциациях, на которые наводит вас тема будущего баннера. какая мысль первой приходит в голову, та и будет отправной точкой в нелегком пути создания "шедевра" (первого, или сто первого, как многие мнят о себе). берем листок бумаги, а лучше отдельную тетрадь, и записываем на него все фразы и образы, которые вас посетили. не ленитесь! стоит отвлечься на минуту и гениальная идея, не найдя физического воплошения в реальном мире, ускользнет от вас к другому баннермейкеру. по ходу работы вы еще не раз черкнете пару строк, или зарисовок, поэтому тетрадь как нельзя к стати, особенно когда мы начнем подбирать цвета для будущего баннера.

ассоциации появились в виде текста: "вам идут очки?.. ерунда!", "ваш взгляд притягивает…", и коронное "раньше вы могли только подслушивать, а теперь можете подглядывать", и дальше естественно доктор визус со своими услугами.

подбор материала в виде фотографий и рисунков. теперь подбираем художественный материал (для начала, потом начнем рисовать сами, если необходимо). собираем все клипарты (и картинки и фотографии) и методично разглядываем. среди множества картинок всегда найдеться парочка десятков соответствующих идеи баннера. часто в процессе разглядывания рождаются новые идеи, их также нужно записывать. все понравившиеся картинки (фото, рисунки) копируем в отдельную папку. затем отсеивает еще раз из уже выбранного самое необходимое. желательно на стадии отбора иметь в виду, что для анимированного гифа (он же баннер) лучше выбирать не многоцветные фотографии и рисунки с минимум цветов. это очень облегчит работу на стадии оптимизации конечного файла. напомню, что 256 цветов - это все, что может предложить gif - формат. результатом отбора явились взору три девы (рис. 1, 2, 3). две из них были блондинками (ох уж этот мужской стандарт качества, на который пробы уже некуда ставить). рис. 1. формат jpg рис. 2. формат jpg рис. 3. формат jpg 5. создание покадровой анимации. графический редактор ulead photoimpact 6 (руссифицированный). баннер №1, состоит всего их 4 кадров, размер 100х100, конечный вес 11кб. для фотореалистичного баннера кадров должно быть не много, 2-5. для рисованного баннера с 5 - 6 основными цветами (цвета плавного перехода я не имею ввиду) кадров может быть намного больше, и 10 и 20 и 30, все зависит от сценария будущего баннера. а). создаем каждый кадр отдельно, строго выдерживая расположение всех одинаковых элементов на каждом кадре. смещение даже на пиксель приведет к тому, что изображение начнет "подпрыгивать". позицию и размер легко отследить в ulead photoimpact по меню "свойства", "позиция и размер", и там же на месте поменять как и размер так и расположение объекта. самое важное: сохраняем каждый кадр в формате программы в которой вы работаете, этим вы сохраняете возможность исправления слоев, изменения текста, цвета и прочего (в нашем случае - это ufo). мы получили кадр: 1, 2, 3, 4.ufo (или расширение той программы в которой вы работаете). кадр 1. формат ufo кадр 2. формат ufo кадр 3. формат ufo кадр 4. формат ufo важные моменты: 1. используем повторяющиеся цвета и расположение элементов (кадр 2, 4). 2. цвета берем близкие основной фотографии (используя инструмент "пипетка"). 3. добавляем всякие "вкусности", такие как: части солнышка на 2 и 4 кадре, меняя их местами и добавляя другой цвет (близкий). 4. обязательно включите функцию сглаживания текста. б). сохраняем каждый кадр в gif - формате, предварительно сжимая до минимального размера, без потери качества. "дожать" вы сможете уже в аниматоре. желательно опять назвать кадры 1, 2, 3, 4.gif. переходим в пункт меню "файл", "сохранить для web", "полное изображение", и выбираем необходимые параметры сжатия: gif, количество цветов (в нашем случае 64), оставляем "дрож" для фото, в текстовых кадрах "дрож" только ухудшает качество и увеличивает размер, прозрачность нам также не нужна. такие шаги проделываем с каждым кадром по очереди, сохраняя в отдельную папку.

в). мастер в gif animator (animation wizard), просто необходимый элемент! он загружается при загрузке программы, вы просто открываете подготовленные файлы (add image), выбираем способ отображения рисунка text-oriented (текст ориентированные изображения) или photo- oriented (фото ориентированные изображения). этот момент очень важен, так как логичным было бы фотографический баннер сделать фото-ориентированным, но эта функция дает гифы с множественными точками как в фоточасти, так и на фоне и на тексте - это значительно увеличивает размер файла. здесь решение возможно двумя путями: 1. уменьшением количества цветов, 2. заменой не основных цветов на основные (т.е. если фон "разбился" на множественные пиксели из 2-3 цветов, то желательно выбрать один основной, остальные заменить тем же цветом (находим эти цвета в цветовой панели и меняем их rgb на rgb основного цвета, просто пишем те же цифры, что и у основного цвета). предостережение! главное выбрать цвет, иначе картинка измениться окончательно и бесповоротно.

далее устанавливате частоту повтора (предварительно установите 50-100), и все, баннер готов. главное читайте пошаговую инструкцию.

СОЗДАНИЕ БАННЕРОВ | ИЗГОТОВЛЕНИЕ БАННЕРОВ