Совет 1: Как сделать свой баннер бесплатно

В интернете существует большое количество уроков, обучающих созданию баннеров, однако часто в них требуются углубленные знания различных емких программ, достаточно сложных для начинающего 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
Установив программу на компьютер, откройте ее двойным кликом.
Как сделать свой баннер бесплатно
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 слоями.
Полезный совет
Анимация текста происходит способом замены слоев, поэтому аналогичные действия можно применить и к основному фону.
Источники:
  • Как сделать баннер онлайн бесплатно

Совет 2 : Как создать банер

Реклама в сети интернет сегодня уже уверенно конкурирует по своей эффективности с традиционными СМИ. Одним из главных рекламных приемов в сети является баннер, изобразить который под силу любому, владеющему азами работы в редакторе Adobe Photoshop.
Реклама в сети интернет сегодня уже уверенно конкурирует с традиционными СМИ
Инструкция
1
Откройте Photoshop и создайте в нем файл того размера, какого хотели бы видеть баннер.
2
Создайте новый слой нужного вам цвета.
3
Откройте в другом окне картинку, изображение с которой вы желаете поместить на баннер.
4
Выделите при помощи штатных инструментов (например - "магнитное лассо") часть изображения, которая вас интересует.
5
Скопируйте выделенную часть в буфер обмена.
6
Перейдите на окно вашего баннера и вставьте туда предварительно скопированное изображение.
7
Уменьшите его до нужного размера и поместите в нужное вам место.
8
При необходимости дополните изображение эффектами.
9
Ваш первый простой баннер готов к размещению.
Видео по теме

Совет 3 : Как сделать баннер

Совершенно необязательно покупать дорогостоящие графические редакторы или обращаться к специалистам, если вам необходимо создать собственный баннер. Вполне достаточно простейших бесплатных графических редакторов, например, MS Paint.
Обращаться к дизайнерам для того, чтобы сделать баннер, может быть неоправданно
Вам понадобится
  • - компьютер с установленным графическим редактором Paint
Инструкция
1
Откройте графический редактор Paint на вашем компьютере. Переформатируйте размер рабочего пространства так, чтобы он был идентичен размеру вашего баннера (для этого в разделе Image выберите строку Attribute и задайте ширину 468, а высоту 60 пикселей).
2
Создайте фон вашего баннера. Выберите инструмент «Заливка» и цвет заливки в открывшемся меню.
3
Добавьте картинку к вашему баннеру. Вы можете выбрать сохраненный на вашем компьютере рисунок или найти новый в интернете, вставив его посредством буфера обмена.Откорректируйте размер рисунка. Вы можете растянуть его под размер баннера (468 на 60), на пол-баннера (234 на 60) или на четверть (117 на 60).
4
Скопируйте и вставьте рисунок в ваш баннер. Кликните на рисунок левой кнопкой мыши и перетащите рисунок в желаемую область баннера.
5
Добавьте к вашему баннеру тест. Используйте для этого инструмент «Text» на панели инструментов Paint. Корректируйте расположение текста левой кнопкой мыши удерживая текстовое поле и передвигая его по баннеру.
Если вы сможете сделать <strong>баннер</strong>, вы и с сайтом справитесь
6
После этого сохраните рисунок на вашем компьютере. Баннер готов.
Видео по теме

Совет 4 : Как создавать баннер

Баннер – это, прежде всего, реклама, продвижение того или иного вида услуг или товаров через интернет. Создать обыкновенный статический баннер довольно просто. Если вы обладаете навыками Photoshop и являетесь продвинутым ПК-пользователем, то для вас это не составит труда, а мы поможем в этом.
баннерная реклама
Инструкция
1
Следует сразу понимать, что баннер – это всего лишь GIF-картинка, которая создается в палитре true color. Обычно размер баннера берется 468 на 60 пикселей и вес его составляет около 20 Кб. Однако вес зависит от количества цветов и яркости баннера, поэтому он может быть больше или меньше указанного.
2
Итак, как создать баннер самостоятельно.
Установите, если не имеется на компьютере графический редактор Adobe Photoshop и запускаем его.
Выберите Файл – Новый, поля заполняем в соответствии с нижним рисунком.
Сохраните картинку на компьютер под именем banner.psd. Для этого следует выбрать Файл – Сохранить как – указать путь сохранения.
3
Кликните в меню Окно – Показать цвета. Из представленной палитры выбираем цвета, которые будут фоном баннера.
Установите выбранный фон. Для этого кликаем на инструмент Заливка и применяем действие. Теперь до этого прозрачный баннер имеет подложку зеленоватого цвета.
Сохраните действия (Ctrl+S).
4
Найдите нужное изображение и путем нажатия Ctrl+O помещаем его в Adobe Photoshop.
Выделите картинку (Ctrl+A) и скопируйте (Ctrl+С).
5
Вставьте изображение в наш баннер (Ctrl+V). При этом обратите внимание, что программа автоматически создала в палитре слоев новый слой.
Используйте одновременное нажатие Ctrl+T.
Держите клавишу Shift и создайте (подгоните) размер нашего изображения под нужный.
Кликните Enter.
6
Создайте еще один слой баннера, следующий.
Щелкните левой кнопкой мыши по пиктограмме.
Создайте новый слой при помощи эллиптического выделения, заливаем получившийся круг, к примеру, черным цветом.
7
При помощи прямоугольного выделения создайте прямоугольник и так же залейте его нужным цветом.
Сохраните (Ctrl+S).
Выберите инструмент пипетка.
8
Выберите в палитре цветов нужный цвет.
Выберите в палитре инструментов печать.
Кликните в любом месте баннера, устанавливаем нужный шрифт в появившемся окне.
Нажмите ok.
9
Напечатайте текст, подгоните его под нужный размер (Ctrl+T и удерживая Shift), нажмите Enter, удерживая Ctrl перетяните текст, к примеру, в наш круг или другое место. Сохраните (Ctrl+S).
10
Обращаемся к палитре слоев. Кликните в меню Изображение - Размер Изображения.
Заполните требуемые поля, нажимите ok. При этом наше изображение изменилось с 400 DPI на 72 DPI.
11
Выберите Файл - Экспорт к GIF89a. Заполните поля, нажимите ok.
В появившемся окне ЭкспортGIF89 в том месте, где File name введите имя файла, то есть нашего баннера и кликните на ok.
Видео по теме

Совет 5 : Как сделать из картинки баннер

После покупки определенного баннера иногда возникает потребность в редактировании его изображения или текста рекламного слогана. Если попросить это сделать у изготовителя, вам придется снова затратить свои деньги. Нет смысла это делать, если вы планируете еще не раз поменять текст баннера. Да и зачем заказывать то, что можно сделать самому? В этой статье будет подробно рассказано, как сделать из любого изображения свой собственный баннер.
Как сделать из картинки баннер
Вам понадобится
  • Программное обеспечение Adobe Photoshop, выбранное вами изображение.
Инструкция
1
Откройте графический редактор. Нажмите меню «Файл», затем выберите пункт «Новый». В новом окне выберите размер вашего баннера, они бывают разных размеров. Наиболее востребованный размер для баннера – 468х60. Ширина баннера будет 468 пикселей, а высота, соответственно, 60 пикселей. Разрешение измените на 150 пикселей вместо привычных 72. Фон выставьте прозрачный и нажмите кнопку «ОК».
2
В главном окне программы, в левой его части, находится панель инструментов. Выберите подходящий цвет для вашего баннера, затем воспользуйтесь заливкой, нажав кнопку ведро. Ваш баннер окрасится в выбранный цвет.
3
Теперь добавьте фотографию к вашему баннеру, предварительно скопировав слой из другого графического файла, нажав правой кнопкой мыши на панели слоев, выбрав пункт «Дублировать слой». Если картинка значительно больше в размере вашего баннера, его необходимо уменьшить. Нажмите сочетание клавиш Ctrl + T. В режиме редактирования уменьшите размер изображения, потянув край картинки в меньшую сторону. Также на главной панели можно выставить масштаб фото (по ширине и высоте).
4
Для очистки вашего изображения от фона и от других ненужных элементов можно воспользоваться инструментом «Волшебная палочка». Нажмите палочкой на ненужной части вашего изображения, затем нажмите кнопку Delete. Теперь переместите ваше изображение в любое место баннера и добавьте текст, нажав на инструмент «Текст».
5
Нажмите меню «Файл», затем пункт «Сохранить как», выберите формат сохранения (jpg или gif). Поместите ваш баннер на фотохостинге и вставьте ссылку на картинку в html-код баннера. Примерно это будет выглядить вот так: <а href="url сайта">.

Совет 6 : Как сделать свой баннер

Создание собственного сайта - важный шаг в развитии человека и выгодный ход для молодой компании. К самым важным атрибутам любого сайта относятся информативность, удобство навигации и дизайн. Одной из наиболее значимых деталей дизайна, в свою очередь, является красочный и оригинальный баннер.
Создание баннера в фотошопе
Вам понадобится
  • Редактор растровой графики Adobe Photoshop
Инструкция
1
Сначала нужно определиться с размером баннера. Чаще всего баннеры занимают всю (или практически всю ширину) сайта и имеют небольшую высоту. Поэтому в начале нужно узнать ширину своего сайта (сделать это можно как средствами html, так и программой DreamWeaver, использующейся для разработки сайтов) и определиться с высотой вашего баннера.
2
Создаем новый документ в программе Adobe Photoshop (версия в данном случае весомой роли не играет). Ширину и высоту нового документа задаем в пикселях, Фон предпочтительно использовать белый или черный, дабы он не отвлекал вас о процесса создания баннера. Затем его можно заменить на более интересный цвет (который подбирается немного светлее, или наоборот, темнее основного фона сайта). Когда размеры и фон выбраны, можем нажимать "ОК" и приступать к созданию интересного баннера.
3
Как правило, баннер состоит из графической информации - ряда небольших картинок и текста (на котором представлена в нескольких словах важнейшая информация - о чем и для кого данный web-ресурс). Для того, чтобы разместить на баннере небольшие картинки, открываем в отдельных окнах исходные изображения или уже готовые клипарты и перетаскиваем на баннер, используя инструмент "лассо", которым выделяем объект. Нужно применить сочетание клавиш CTRL+C для копирования рисунка. Дальше мы делаем окно баннера активным щелчком по нему, нажимаем CTRL+V - и нужный графический объект размещен на баннере.
4
Добавление текстовой информации намного проще. Используем инструмент "текст" (иконка - заглавная буква "Т"), и на активном окне создания баннера печатаем нужные слова. Изменить цвет текста можно, используя панель атрибутов "Текст", также можно использовать инструмент "Пипетка" для подбора нужного цвета из элементов баннера.
Обратите внимание
Очень важно определиться с тем, какой баннер вам нужен - анимированный или статичный. Если на вашем сайте имеется множество текстовой информации, обязательной для прочтения, лучше использовать статичную картинку - она не будет отвлекать посетителей от важных материалов.
Полезный совет
Несмотря на тот факт, что сделать интересный и оригинальный баннер в фотошопе может практически каждый, для серьезных сайтов и порталов имеет смысл обратиться к опытному дизайнеру с портфолио. Найти дизайнеров-фрилансеров можно на специализированных ресурсах, например на www.demiart.ru.
Источники:
  • Урок создания баннера

Совет 7 : Как сделать мигающий баннер

Анимированный баннер – одно из основных средств продвижения интернет-рекламы. В большинстве случаев баннеры размещаются на сайтах сторонних компаний, при нажатии на них реализуется переход на рекламируемый ресурс. Изготовление простого мигающего баннера, состоящего из трех-четырех фреймов, занимает несколько минут.
Как сделать мигающий баннер
Вам понадобится
  • - установить на свой компьютер программу Adobe Photoshop.
Инструкция
1
Создайте в Adobe Photoshop новый документ заданной ширины и высоты (File-New). Наиболее распространены баннеры, имеющие следующие размеры в пикселях: 468х60, 125х125, 120х90, 100х100, 120х60, 88х31. Установите в полях Width и Height значения 100. Откройте в Adobe Photoshop любую картинку, например, аватарку, и скопируйте ее изображение на ваш документ. Таким образом, первый кадр вашего баннера создан.
2
Нажав вместе клавиши Ctrl и J, создайте второй слой вашего документа. Включите отображение второго слоя и отключите отображение первого нажатием глазика напротив соответствующего слоя. Нажмите комбинацию клавиш Ctrl и L и, двигая ползунки, затемните второй слой.
3
Создайте из полученных двух кадров анимированную картинку. Для этого откройте анимационное окно (Window-Animation). В нем высветится полностью все ваше изображение, состоящее из двух кадров, которое будет совпадать с затемненным кадром. Установите для него время показа, например, 0,5 с. С помощью «глазика» выберите первый слой и отключите второй. Нажмите кнопку Duplicates selected frames на вкладке Animation (Frames). Второй кадр появится в анимационном окне. Выберите для него время показа 0,2 с.
4
Сохраните полученный файл в формате GIF (File-Save for Web and Devices…). Выберите необходимые значения из списка Preset для определения качества изображения. Учитывайте, что в режиме No Dither изображению придается мягкость в нечетких линиях.
5
Проверьте, как мигает ваш баннер при нажатии кнопки Play Animation. При необходимости перед сохранением анимационной картинки отрегулируйте время показа каждого кадра.
Обратите внимание
Сохраняйте баннер только в формате gif. При его сохранении в любом другом формате эффект анимации не будет достигнут.
Полезный совет
Для уменьшения размера баннера при его сохранении на вкладке Optimized выбирайте режим GIF32 или GIF64, которые позволяют уменьшить размер при небольшой потере качества.

Совет 8 : Как создать интернет-баннер

Баннер - это один из основных видов рекламы в интернете, который необходим для привлечения внимания к вашему веб-сайту. Последние версии графического редактора Photoshop позволяют создавать статичные или анимированные изображения.
Как создать интернет-баннер
Инструкция
1
Откройте Photoshop или подобный ему графический редактор. Выберите пункт «Текст» на панели инструментов, после чего определите нужный шрифт и его размер, и, наконец, напечатайте желаемый текст, не забыв выбрать подходящий для него фон. В процессе создания баннера вы сможете дополнительно изменить его параметры, если понадобится.
2
Потренируйтесь в создании анимированных баннеров. Они привлекают больше внимания, чем статичные. Для создания эффекта анимации выберите в меню «Окно» и нажмите на раскрывшемся меню «Анимация». Теперь вы можете изменить длительность каждого кадра (например, 1-2 секунды). Определите, сколько кадров будет иметь анимированный баннер, оптимальным количеством является 8-10. Нажмите на следующий кадр, чтобы приступить к изменению его внешнего вида по личному усмотрению.
3
Нажмите правой кнопкой мыши на баннер и откройте контекстное меню. Кликните по клавише «Деформировать текст» и настройте структуру анимации текста. Вы можете указать любой из параметров, например, «Сжатие» или «Арка», и изменить интенсивность наклона в процентах.
4
Перейдите к настройке третьего кадра и продолжите настройку анимации. Если вы решили создать баннер из восьми кадров, то нужно будет настроить по-разному каждое изображение, чтобы анимация ожила. Изменяйте толщину линий, степень их сгиба, размер текста – все это сделает анимацию более интересной и уникальной. Завершив редактирование, нажмите клавишу «Просмотреть анимацию», чтобы увидеть конечный результат ваших трудов. При обнаружении любых ошибок и неточностей исправьте их.
5
Приступите к загрузке баннера в интернет и размещению его на нужном сайте. Сохраните его в формате GIF. Поместите баннер в нужное положение на странице и посмотрите, достаточно ли хорошо он смотрится на вашем ресурсе.
Видео по теме

Совет 9 : Как сделать свой баннер бесплатно

В интернете существует большое количество уроков, обучающих созданию баннеров, однако часто в них требуются углубленные знания различных емких программ, достаточно сложных для начинающего 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
Установив программу на компьютер, откройте ее двойным кликом.
Как сделать свой баннер бесплатно
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 слоями.
Полезный совет
Анимация текста происходит способом замены слоев, поэтому аналогичные действия можно применить и к основному фону.
Источники:
  • Как сделать баннер онлайн бесплатно

Совет 10 : Как научиться создавать баннеры

Баннер – эффективное средство интернет-рекламы, которое повсеместно встречается в сети. Его задача стоит в привлечении новых посетителей на страницу рекламодателя. Именно поэтому рекомендуется размещать его на тематических ресурсах.
Как научиться создавать баннеры
Инструкция
1
Баннер, в первую очередь, должен привлекать внимание, быть заметным для потенциальных клиентов. Сделать его таковым позволяет применение разнообразных эффектов – анимации, звукового сопровождения и т.д. Но чаще всего создатели интернет-рекламы ограничиваются только сменой статичных кадров, которую можно организовать в программе Adobe Photoshop. Чтобы получить «живую» картинку, предстоит конечный результат преобразовать в формат gif через функцию «Сохранить для web».
2
Запустите графический редактор, перейдите в меню «Файл» и выберите команду «Новый», если вы хотите создать баннер с нуля. У вас должно быть готовое изображение, на основе которого вы собираетесь сделать анимированную картинку — откройте его в программе и отрегулируйте настройки файла в «Изображение» — «Размер изображения». Задать же параметры для нового баннера вы сможете в открывшемся окне, которое появится в ответ на команду «Новый». Обозначьте в пикселях длину и ширину. Наименование слоя и прочие атрибуты не так важны, но если по задумке автора будут использоваться прозрачные и полупрозрачные слои, то в поле «Содержимое фона» задайте значение «Прозрачный».
3
Создайте первый слой, который будет видеть пользователь при обновлении интернет-страницы. В вашем распоряжении находится панель инструментов, расположенная слева, и меню, находящееся в верхней части окна. Вы также можете редактировать слой на правой нижней панели, выбрав функцию Convert to Smart Object и после этого щелкнув по слою дважды.
4
Как только закончите работу над картинкой, создайте несколько новых слоев: их количество должно быть равно числу кадров. С помощью различных фигур измените изображение каждого из них. Для доступа к работе над слоем выделите его на правой панели и оставьте метку в виде глаза только напротив него – так вы будете видеть изменения отдельно взятого элемента.
5
Когда завершите работу над слоями, откройте шкалу анимации («Окно» - «Анимация»). Нажмите на ней «Дублировать выделенные кадры» столько раз, сколько у вас планируется кадров. С помощью меток на правой панели и выделения мышью элементов шкалы сопоставьте каждый кадр с отдельным слоем.
6
Задайте время. Для этого щелкните по каждому кадру мышью и выберите нужное значение. Просмотрите получившийся вариант и сохраните его для web. Баннер готов, и осталось его только установить на сайт.
Видео по теме

Совет 11 : Как бесплатно создать баннер для сайта

Нередко вебмастера для привлечения посетителей на свой ресурс либо в целях рекламы какой-либо услуги или товара применяют систему баннеров. И для того чтобы ею воспользоваться, не обязательно обращаться в специальные интернет-фирмы, занимающиеся созданием рекламных материалов.
Как бесплатно создать баннер для сайта
Вам понадобится
  • - Adobe Photoshop.
Инструкция
1
Чтобы создать баннер собственноручно, загрузите и установите любую версию Adobe Photoshop. Затем запустите установленный графический редактор. Создайте новый файл и задайте ему будущие размеры. Они зависят от ориентации баннера: горизонтальной или вертикальной. Затем придайте новому файлу фон. Для этого воспользуйтесь инструментом «Заливка» или «Градиент», также возможна установка определенной текстуры, загруженной из интернета. После настройки фона воспользуйтесь инструментом «Текст». Впишите необходимую информацию в текстовое поле, задайте ей определенный стиль, шрифт, цвет и т.д.
2
Выбирая между простым и анимированным баннером, выбирайте второй вариант. Он привлекает намного больше внимания. Чтобы создать анимированный эффект, выберите опцию «Окно» и нажмите на кнопку «Анимация» в выпадающем меню. Меняйте с помощью раскадровки длительность кадров по очереди. Самым лучшим количеством кадров будет восемь-десять дублей. После того как вы определитесь с количеством слайдов анимации, переходите к настройкам второго кадра.
3
Чтобы менять структуру текста в процессе анимации, нажмите на баннер правой кнопкой мыши, выберите опцию «Деформировать текст» или же любой другой инструмент на ваше усмотрение. Затем переходите к настройкам третьего кадра и т.д. Чтобы сделать анимацию немного интересней, меняйте степень изгиба линий, их толщину, размер текста, добавляйте эффект свечения и т.д.. Только когда вы отредактировали все кадры и создали анимацию, нажмите на кнопку «Запуск воспроизведения анимации» и внимательно изучите полученный результат.
4
Чтобы воспользоваться баннером на веб-сайте, необходимо сконвертировать его в Web-формат. Затем сохраните файл в GIF. После этого данный графический файл разместите на необходимые веб-ресурсы, не забыв присвоить ссылку изображению для того, чтобы при клике на него происходил переход на рекламируемый материал.

Совет 12 : Как сделать резиновый баннер

Резиновый флеш баннер иначе еще называют просто «резиной». Основная его особенность для сайта заключается в том, что вне зависимости от размера браузера, баннер будет оставаться таким же, каким был задуман – красивым, четким и ярким. Необходимость в резиновых баннерах возникла из-за того, что приходится учитывать разнокалиберность компьютеров пользователей интернета, ведь у кого-то монитор квадратный, у кого-то широкоформатный, у одних он 14 дюймов, у других – 21 дюйм.
Как сделать резиновый баннер
Инструкция
1
Прежде чем ответить на вопрос «Как сделать резиновый баннер?», стоит ответить на другой не менее важный вопрос: «А зачем его нужно делать?» Для кого-то это может показаться странным, но единства в этом вопросе у веб-дизайнеров, действительно, нет. Как нет, скажем, единого мнения у автомобилистов – хорошо ли ездить на всесезонной резине или можно обойтись летней, или пользоваться полным комплектом: летняя резина + зимняя… Если у баннера жесткие размеры, допустим 1000 на 100, то на экране с разрешением по ширине более 1000 точек, он будет отражаться некорректно, вплоть до того, что могут проявиться графические элементы, спрятанные разработчиком за края этого баннера. Если при размещении баннера не учтена возможность сделать его резиновым, привлекательность сайта для посетителей с широкоформатным монитором сразу падает. Ведь они заходят на сайт и видят, что слева начинается шапка и доходит только до середины экрана и т.п. Собственно, это самый яркий аргумент в пользу «резины» - она позволяет сделать так, чтобы каждый – именно каждый – пользователь видел на сайте именно то оформление, которое было задумано дизайнером.
2
О том как сделать резиновый баннер, нагляднее всего продемонстрировать на примере. Пусть это будет «резина» 100% на 70, которая расширяется от 1000 до 100%. Значит, минимальный размер баннера будет 1000 на 70. От этого размера и нужно отталкиваться. Сначала необходимо сделать самый обычный баннер. Единственное, что нужно учесть – выполнять его нужно в символике movie clip. Необходимо создать в библиотеке новый символ и в нем уже работать.
3
Баннер сделан. Допустим, в центре у него – мувик (видео изображение, отображающее суть какого-либо фильма или игры и т.д.) с надписью. Эта надпись всегда должна быть по центру. Нужно дать этому мувику имя, допустим – CenterText. На фоне надписи необходимо сделать другой мувик – с градиентной заливкой. Он и будет расширяться во всю ширину резинового баннера. Его можно назвать – Fon. Дальше следует назвать еще один мувик, прилепить его к правому края экрана. Пусть это будет RightText.
4
Следующим действием на главную сцену выносится ролик с баннером. Можно назвать его OurBanner. Получившиеся в ходе работы объекты и нужно будет двигать.
5
Зайдя на главной сцене в любой кадр, необходимо остановить ролик – написать Stop – и вынести на сцену пустой ролик для отлова событий. В него нужно вставить код:
onClipEvent(enterFrame){
Stage.scaleMode = "noScale";
Stage.align = "TL";
Stage.addListener(this);
this.onResize = function () {
if (Stage.width>1000) {
this._parent.OurBanner.CenterText._x = Stage.width/2;
this._parent.OurBanner.RightText._x = Stage.width - this._parent.OurBanner.RightText._width;
this._parent.OurBanner.Fon._width = Stage.width;}
}}
Резиновый баннер готов.
Совет полезен?
Поиск
Добавить комментарий к статье
Осталось символов: 500