Вам понадобится
- Персональный компьютер, программа Adobe Photoshop
Инструкция
1
Не используйте размытых изображений, так как картинка получится некрасивой. Шрифт берите только меньше 50, а баннер делайте моргающим. При большом шрифте никогда не используйте функцию "Bold Style", то есть выделение жирным.
2
Чтобы баннер быстро загружался, делайте его меньше 50 кб. Можете использовать слова типа "click here", или "enter". Попытайтесь сделать баннер немного "загадочным", чтобы сильно заинтересовать пользователей.
3
Для создания баннера надо выбрать подходящий формат. Подберите также размер будущего баннера, так как от этого зависит основной процесс. Разработайте идею привлечения с помощью текста и подберите материал, который может быть представлен в виде картинок или фотографий. Разработайте каждый кадр анимации по отдельности, чтобы полностью устранить все лишние штрихи. Сохраняйте все картинки в формате "gif".
4
Создать анимированный баннер вы сможете с помощью дополнения "Image Ready", которое есть в программе "Photoshop". Запустите программу, а с помощью клавиш "Ctrl+N" создайте новый документ. Подберите размер для вашего баннера, и начинайте работать над фоном. Попытайтесь найти палитру со слоями, наиболее подходящими для картинки. Зайдите во вкладку "Windows" и выберите графу "Layers". Также можно просто нажать клавишу "F7". Два раза щелкните по вкладке "Background", удерживая при этом кнопку "Alt".
5
Еще раз дважды щелкните по вашему слою и в появившемся окне выберите параметр "Stroke". Задайте параметры: "Size 1", "osition: Inside" и еще "Color: #A28564". Далее нажмите на клавишу "Ок".
6
Напишите текст к первому кадру, используя при этом параметр "Type tool". Чтобы создать фон, вам понадобится новый слой. Для этого используйте комбинацию клавиш "Shift+Ctrl+N". Берите инструмент, у которого есть прямоугольное выделение, выделите с его помощью нужную область. Далее залейте ее любым цветом. С помощью комбинации клавиш "Ctrl+D" снимите выделение. Напишите новый текст, который состоит из двух выражений. Возьмите слой со вторым выражением, и сделайте его копию комбинацией клавиш "Ctrl+J". В меню "Filter" ищите параметры "Blur" и "Motion Blur". Ставьте значения "Angle–0" и "Distance-10".
7
Сделайте все три слоя вашего баннера видимыми. Для этого зайдите во вкладку "Windows" и выберите параметр "Animation". Сделайте копию кадра с кнопочкой "Duplicates selected frames". Далее возьмите два кадра, нажав при этом клавишу "Shift". Укажите число кадров в окне, которое откроется на вашем экране. Подберите время показов кадров, используя для этого параметр "Others". Далее просто сохраните файл, и ваш баннер можно считать готовым.
Источники:
- В этом Фотошоп уроке будем создавать рекламный баннер на сайт