Из этой статьи вы узнаете, как сделать привлекательный и привлекательный веб-баннер. Баннер - отличный способ отобразить название и логотип вашей компании или рекламу (или и то, и другое одновременно). Если вы не знаете, как создать баннер или какой текст и визуальные эффекты следует включить, мы здесь, чтобы помочь! Ниже вы найдете все, что вам нужно знать, чтобы начать работу.
Шаги
Метод 1 из 6. Использование Photoshop
Шаг 1. Создайте новый документ
Определите размер вашего баннера: существует ряд стандартных размеров баннера. Для наших целей мы сосредоточимся на стандартном размере «полного баннера»: 468 пикселей на 60 пикселей:
Примечание: это стандартный размер, но это не обязательное требование. Если ваши потребности и требования требуют других измерений, пусть это будет вашим ориентиром
Шаг 2. Установите цвет фона
Залейте фоновый слой цветом, который соответствует дизайну вашего веб-сайта.
- Щелкните цвет переднего плана, чтобы открыть палитру цветов, и выберите цвет заливки.
- С помощью инструмента «Заливка» залейте фоновый слой баннера выбранным цветом.
Шаг 3. Создайте новый слой
Мы собираемся заполнить его более насыщенным цветом, чтобы выделить текст и логотип. Мы хотим, чтобы он был пропорционален размеру баннера и располагался по центру.
- На новом слое создайте выделение, которое несколько меньше исходного баннера, и залейте его желаемым цветом.
- Центрируйте заполненную область. Выделите весь слой, нажав CTRL-A (ПК) или Command-A (Macintosh).
- От Слой в меню выберите «Выровнять слои по выделению»> «Вертикальные центры». Повторите этот шаг, но выберите «Центры по горизонтали». Это позволит центрировать контрастный слой по горизонтали и вертикали.
Шаг 4. Добавьте свой логотип
Откройте файл с логотипом, скопируйте его и вставьте в документ с баннером, где он появится как новый слой. При необходимости измените его размер. Нажмите CTRL-T на ПК или Command-T на Macintosh и используйте ручки для изменения размера документа по мере необходимости, используя клавишу Shift на ручках для пропорционального изменения размера.
Шаг 5. Добавьте название вашей компании или веб-сайта
Выберите инструмент «Текст», выберите желаемый шрифт и введите его. Если размер не тот, при необходимости отрегулируйте его, как описано в предыдущем шаге.
Шаг 6. Добавьте лишние элементы
Иногда достаточно логотипа и названия. В других случаях добавление линий и орнаментов добавит вашему баннеру необходимого интереса. Для этого создайте новый слой, чтобы вы могли вносить любые необходимые корректировки, не затрагивая другие слои.
Шаг 7. Очистите это
Настройте размещение логотипа и заголовка, а также любых дополнительных элементов, а затем сохраните свой баннер.
Метод 2 из 6. Использование Microsoft Paint
Шаг 1. Создайте новый документ
Шаг 2. Нарисуйте выделение размером с баннер
Это может быть любой размер, который вам нравится, или нажмите здесь, чтобы увидеть стандартные размеры баннеров.
Шаг 3. Если вам нужен цветной фон, используйте инструмент «ведро с краской», чтобы залить баннер любым цветом, который вам нравится
Сделайте так, чтобы это работало с остальной частью вашего сайта.
Шаг 4. Добавьте фотографии, картинки и текст
Нажать на Вставить вкладка и в меню выберите Вставить из.
Найдите понравившуюся картинку и нажмите Открытым кнопка.
Шаг 5. При необходимости измените размер изображения
Нажать на Изменить размер вкладка, затем выберите Пикселей. Установите высоту по вертикали, чтобы она соответствовала высоте вашего баннера.
- Переместите картинку на место.
- Добавьте столько картинок, сколько захотите (и хватит!)
Шаг 6. Добавьте свое имя
С помощью Текст инструмент (А кнопку), добавьте свое имя или любой другой текст, который вам нравится.
Шаг 7. Обрежьте свой баннер
Использовать Выбирать инструмент и нарисуйте рамку вокруг вашего баннера. Убедитесь, что это тот размер, который вам нужен для готового баннера. Затем нажмите Обрезать.
Шаг 8. Как только вы закончите, сохраните его
Метод 3 из 6. Использование Microsoft PowerPoint
Шаг 1. Создайте новый пустой документ PowerPoint
Отрегулируйте вид так, чтобы он был на 100%
Шаг 2. Рисуем фон баннера
Используйте один из стандартных размеров баннеров или любой другой размер, который вам нужен.
- Нажать на Форма tab и выберите основной прямоугольник.
- Нарисуйте его до желаемого размера, а затем заполните по желанию. Вы можете использовать сплошной цвет или в меню цвета заливки выберите Эффекты заливки, или нажмите на Быстрые стили кнопку и выберите предустановленную заливку.
Шаг 3. Добавьте фото или логотип
Вы можете добавить на свой баннер фотографии, логотипы или другие изображения. Для иллюстрации мы воспользуемся клип-артом. Нажать на Рисунок и выберите нужный тип изображения, которое вы хотите добавить. Добавьте свое изображение, измените его размер и поместите в свой баннер.
Шаг 4. Добавьте текст или другие элементы
Добавьте название вашей компании, слоган или любую другую информацию, которую вы хотите завершить, и завершите свой баннер.
Шаг 5. Выберите баннер
От Редактировать меню, выберите Выбрать все или введите CTRL-A (ПК) или Command-A (Mac). Важно: убедитесь, что ваш баннер именно такой, какой вы хотите, и на слайде больше ничего нет!
Щелкните правой кнопкой мыши любой нетекстовый элемент вашего баннера, затем выберите «Сохранить как изображение»
Шаг 6. Сохраните свой баннер
Откройте его, убедитесь, что он такой, какой вы хотели, и используйте по мере необходимости!
Метод 4 из 6. Использование конструкторов интернет-баннеров
Шаг 1. Посетите один из следующих веб-сайтов:
BannersABC.com, Addesigner.com, mybannermaker.com и т. Д. (Подробнее в Google). Существует ряд различных онлайн-конструкторов баннеров. Потратьте несколько минут на сравнение различных функций и выберите ту, которая вам больше всего подходит.
Шаг 2. Добавьте свой текст и изображения
Следуйте инструкциям и методам на экране, чтобы создать свой баннер. У них часто будут свои собственные изображения, которые вы можете использовать, или вы можете импортировать изображения, созданные вами, для добавления к баннеру.
Шаг 3. Создайте свой баннер
Когда закончите, обычно будет функция экспорта, которая позволит вам указать, в какую папку или каталог вы хотите сохранить, и формат файла (обычно подходит jpeg). Следуйте инструкциям, сохраните, загрузите и используйте по мере необходимости.
Метод 5 из 6. Создание аватара, соответствующего вашему баннеру
Шаг 1. Это необязательно
Однако вам может потребоваться соответствующий аватар для вашего баннера, если вы используете его на форумах.
Шаг 2. Использование опции «Обрезать»
Он доступен в большинстве графических приложений. Обрежьте баннер до небольшого раздела.
В качестве альтернативы вы можете создать небольшую версию, включающую элементы вашего большого баннера. Это может быть просто ваш логотип, фотография или название вашей компании. Главное - чтобы он был разборчивым
Шаг 3. Ваш аватар должен быть маленьким
48 на 48 пикселей - стандартный размер.
Шаг 4. Сохраните свой аватар
Метод 6 из 6. Добавление баннера в подписи форума, веб-сайты и т. Д
Шаг 1. Создайте учетную запись
Используйте сайты обмена фотографиями, такие как Photobucket, Flickr, Tumblr или что-то подобное.
После создания учетной записи вы можете загрузить на сайт свой баннер, аватар и любые другие изображения
Шаг 2. Получите код
Используйте возможности совместного использования, чтобы получить HTML-код, чтобы добавить свой баннер в подпись на форуме, на веб-сайт или что-нибудь еще.
подсказки
- На вашем компьютере должен быть доступен широкий выбор шрифтов.
- Практика делает совершенство
- Поищите на форумах или в других местах примеры баннеров!
Предупреждения
- Изготовление баннера требует времени и терпения!
- Чтобы сохранить его в лучшем состоянии, сохраните его в 24-битном растровом изображении и сделайте копию в Jpeg и Gif, потому что Jpeg и-g.webp" />
- Когда вы загружаете свою фотографию в Photobucket, если вы использовали PowerPoint для создания своего баннера, это может быть файл EMF, который Photobucket не принимает. Чтобы преобразовать его, убедитесь, что вы сохраняете изображение (шаг № 9) как изображение в формате JPEG или GIF. Таким образом, вы можете загрузить его на Photobucket.
