Многие веб-мастеры, пиарщики и другие люди ищут в интернете ответ на вопрос, как сделать баннер для сайта в фотошопе. Однако это не все кого интересует создание баннера, некоторые люди хотят просто привлечь внимание к себе, к своим творением, к своему творчеству. Именно для этой группы людей посвящен данный урок.
Как сделать баннер в фотошопе
Понятно, что для владельцев сайта такие знания необходимы, причем к этому вопросу нужно подходить также ответственно, как и к созданию сайта, ведь продвижение проекта занимает еще больше усилий и времени, чем его создание. Эти знания можно использовать для создания открытки или интернет приглашения. Если вам понадобилось разослать приглашения к себе на мальчишник, но вы не знаете, как его оформить, да и вообще сделать, читайте дальше.
Очевидно, что не один сервис не поможет вам создать такой красочный баннер, как старый добрый фотошоп. Во первых, вы сами следите за процессом, творчески мыслите, импровизируете, в результате чего получаете именно тот результат, который удовлетворит все ваши потребности. Не отчаивайтесь, если не знаете, как работать с фотошопом, вас ждет подробная инструкция. В фотошопе выделен отдельный фильтр для создания анимации, если вы захотите сделать динамический баннер, то он поможет вам как никто другой.
Как сделать баннер
Стоить заметить, что в данном уроке не пойдет речь о том, как сделать флэш баннер, одного маленького урока просто не хватит, чтобы даже немного объяснить процесс. Чтобы наверняка понять и хорошо усвоить, как сделать flash баннер необходимо изучить целый ряд статей, понять все тонкости и нюансы. Кроме того нужна некоторая практика, иначе баннер может получится корявый и некрасивый. В данной статье речь пойдет только о фотошопе, конечно, размер его баннера будет на порядок больше, чем во flash, зато качество ничем не хуже. Да и новичку разобраться гораздо проще.
Перед началом создания самого баннера определитесь с концепцией. Придумайте что-нибудь оригинальное, броское, то что будет заметно даже на самом ярком сайте. Но в тоже время следите за тем, чтобы баннер не был надоедливым и громоздким. Желательно, чтобы баннер был яркий, светлый, интригующий. Все это лежит в основе вашей идеи, которая является главным показателем. Пусть на баннере будет изображено нечто связанное с тематикой вашего сайта, нанесен короткий пояснительный слоган, благодаря которому будет понятно, что вы предлагает пользователю. Также стоит обратить внимание на то, будете ли баннер статичным или анимированным. Понятно, что анимированный рисунок содержит больше информации и больше бросается в глаза, но его сложнее изготавливать. Обычно веб-мастеры делают баннер по такой концепции: максимально приближенный к теме рисунок, причем качество и понятность должна быть на высоте и небольшой текст, выражающий основную идею сайта. Еще можно добавить адрес сайта, так пользователи будут помаленьку запоминать его, и в скором времени баннер можно будет убрать. Обратите внимание на понятность, т.к. если человек не будет понимать, что ему предлагают, он просто пройдет мимо.
После того как определитесь с темой, цветовой палитрой, изображениями и текстом, стоит подобрать размер, после чего можно приступить уже к созданию баннера. Нельзя попросту найти фото и написать огромный текст, чтобы потом выложить все на лист размером A4. Существуют определенные размеры и стандарты, под которые вы должны подстраиваться, иначе вы просто не найдете площадки под свой баннер.
Создать баннер, это еще не все, далее нужно будет искать площадку по выгодной цене. Но на безлюдных сайтах от него толку не будет вообще, поэтому вряд ли вы сможете разместить его дешево.
Подготовительную часть вы прошли, теперь перейдем к созданию баннера. Как говорилось раньше, создать баннер онлайн можно, но лучше использовать фотошоп, т.к. он предлагает свободу выбора и большую амплитуду.
После того, как определитесь с размером, сделайте пару набросков баннера. Залейте фон, перетащите пару тематических картинок с гугла, нанесите текст.
Как сделать баннер
Давайте разберем создание на конкретном примере. Баннер будет иметь размер 468*60. Создайте новый документ в фотошопе и залейте его нужным цветом.
Теперь пора запастись картинками. Для этого открываем гугл и ищем подходящие. Обратите внимание на их размер. В голове вы уже должны примерно представлять картину в целом, поэтому будет ли рисунок вертикальным или горизонтальным решать вам. Необязательно брать фото из интернета, если вы обладаете знаниями фп, можно попробовать сделать их самому.
Как сделать баннер
После нанесения изображения позаботьтесь о текстовой информации. Ведь баннер должен нести какую-то смысловую нагрузку. Хорошо, если вы сможете уместить всю информацию о сайте в одно маленькое предложение. Например: Детские товары: одежда и игрушки.
Если баннер анимированный, сделайте несколько картинок с разной информацией, в этом вам поможет встроенный фильтр для создания анимации. Пользоваться им крайне просто, все настройки интуитивно понятны. Чтобы открыть этот фильтр откройте перейдите во Окна-Анимация. Снизу появится окошко, где будут отображаться все кадры документа. Экспериментируйте с ними, может у вас будет 2 кадра, а может и все 5. Главное, чтобы пользователь успел прочитать информацию на всех картинках и не ушел со страницы.
Как сделать баннер
Играйте и импровизируйте. Никому лучше вас не известно, какой баннер подойдет вашему сайту. Вы его создатель, а значит, знаете, как его представить. Изменяйте цвета, шрифты, размер текста. Добавляйте разнообразные тени и наложения. Вообщем делайте все-что захочется, ведь никто не заставляет вас сделать баннер за одну попытку.
После создания баннера нужно его сохранить, для этого перейдите по этой вкладке Файлы- Сохранить для web, выберите разрешение gif (это обязательно, т.к. только этот формат поддерживает анимацию).
Все, на этом ваш баннер готов, можете размещать его в интернете. Конечно, осталось написать код для него, но это минутное дело, здесь вы справитесь без нашей помощи. Как сделать баннер ссылкой можно узнать у партнера, где вы будете размещать его.
Чтобы создать хороший баннер вам достаточно освоить элементарные вещи в фотошопе. Всего 2-3% знаний от всей программы дадут вам потрясающие результаты.
div > .uk-panel'>" data-uk-grid-margin>
Поделиться с друзьями
Как сделать баннер для канала?/ ДЛЯ БЛОГГЕРОВ #1
DIY: КАК СДЕЛАТЬ БАННЕР? ✿ YOUTUBE BANNER ♡ Beaunat
