Создание баннера для своего магазина

Найди все необходимое в разделе материалы для творчества

баннер для магазина

Здравствуйте, дорогие друзья! Я на ярмарке мастеров всего месяц, однако успела заметить, что у многих мастеров с очень хорошими магазинчиками отсутствует баннер, а ведь это своего рода вывеска, витрина, которая сможет сыграть только плюсом! Поэтому я решила рассказать, как за короткое время сделать красивый, эффектный баннер самим, чтобы он стал неповторимым и запоминающимся! работать будем в программе фотошоп!

Итак, откройте программу, выберете в меню кнопку "файл" и нажмите "создать"

баннеры

После чего появится окошко, где необходимо задать параметры нашего будущего баннера. На ЯМ требование 760*75 пикселей, именно такие параметры мы и задаем, не забудьте после введения этих параметров изменить конечный размер изображения на 300 пикселей, иначе оно окажется слишком маленьким и нечеткимработа в фотошопе

нажимаем кнопку ок и видим, что у нас получилась белая полосочка-наш будущий баннер! Теперь опять выбираем кнопку "фаил" и "открыть"

появляется окно, в котором нам предлагается выбрать файлы-рисунки для нашего будущего баннера. Если у вас тематический магазин, то можно скачать из интернета рисунки вашей тематической направленности или загрузить фото ваших работ. Здесь для примера создавался баннер свадебного салона, и я скачала фото на свадебную тематику. Желательно, чтоб они были в одной цветовой палитре или хотя бы с близким по цвету фоном, тогда будет легче делать градиент( о нем позже)

Вы видите, что на рисунке выделено сразу несколько картинок, это удобно, чем добавлять по одной, и делается таким образом:удерживая кнопку Ctrl, выберете мышкой все необходимые рисунки и нажмите "открыть" :)

Теперь работаем с каждым открытым изображением. Выделяем часть рисунка, который нам понадобится

жмем кнопку "редактирование" -"вырезать", открываем нашу вкладку с будущим баннером( а пока белым листиком) и жмем "редактирование"-"вставить"

но после вставки вы видите, что рисунок слишком большой для этой полосочки. Чтобы сделать его по размеру, нажимаем кнопку "редактирование"-"трансформирование"-"масштабирование"

Мы видим, что рисунок активен для изменения его размеров, подгоняем размер под наш баннер, не забывая нажать кнопку "сохранеине пропорций" и размещаем в том месте, где захотим. Но как правило, это углы баннера, в центре у нас будет надпись, и ее ничего не должно перекрывать

после этого проделываем те же операции с другими рисунками.

Далее нам необходимо сделать фон в тон к нашим рисунками. Нажимаем кнопку "слои"-"новый слой-заливка"-"цвет"

в диалоговом окне выбираем оттенок, который подходит под ваш рисунок и жмём ок

Вы видите, что слой-заливка закрывает все наши рисунки, чтобы он оказался под ними, справа, где у нас все слои, выделяем этот слой и тащим вниз к слою "фон".

Теперь начинается основное: нам необходимо, чтобы наши рисунки не имели четких границ, а плавно переходили друг в друга, создавая единую картинку. Чтобы этого добиться, нужно вначале ко всем слоям добавить слои-маски. Опять справа выбираем каждый слой по очереди и жмем "слои"-"слой-маска"-"показать все"

когда созданы все маски, выбираем путем нажатия мышки поочереди каждую маску(белый квадратик рядом с основным слоем справа) и жмем значек "градиент". Очень важно делать градиент именнно на маске, а не на самом слое, иначе у вас пропадет весь рисунок!

Теперь путем растягования градиента добиваемся эффекта плавного перехода одного рисунка в другой. Чем длиннее линия градиента, тем плавней будет переход, и соответственно, чем короче, тем переход будет четче.

После того, как вы проработали таким образом все маски и ваш рисунок стал единым целым, можно приступать к тексту баннера. Для этого создаем новый слой: "слои"-"новый"-"слой"

Далее выбираем слева значек "Т", устанавливаем курсок в нужное место, выбирае шрифт. Мне очень нравится Екатерина II

Можно, конечно, сразу выбрать цвет и размер, но я это делаю после написания текста. Когда текст написан, его сразу можно подогнать, изменяя размер и подбирая цвет

Вот и все! Наш баннер готов! Осталось его только сохранить. Для этого жмем кнопку "файл"-"сохранить как" и выбираем расширение jpg, вводим название нашего рисунка

Я рекомендую сохраниять и файл фотошопа, чтоб в случае чего внести коррективы без особых усилий, вдруг вам захочется сменить название?:)

Надеюсь, все написано доступно и сможет послужить хорошим руководством к созданию ваших шедевров! если вдруг возникнут какие-то вопросы, пишите, рада буду помочь!

Комментарии (63)

Сразу хочу извиниться за не совсем четкое изображение, видимо, что-то в настройках компьютера, но я продублировала письменно все мои шаги, поэтому по ходу работы у Вас не должно возникнуть затруднений:)

Nata Kozina 14.11.2013

Наталья, добрый день! А можно заазать у вас изготовление банера?{#}

Здавствуйте, Наталья! Конечно пишите в личном сообщении!

Nata Kozina 14.11.2013

И ещё вопросик. А почему Ваш магазинчик без баннера?{#}

{#}

Я его сменила, он пока на модерации, но, думаю, скоро появится

Наталья!, какую программу открываем? (у меня фотошоп выглядит совсем не так)

Наталья, даже если бы у меня фотошоп оказался в той же редакции, что и у Вас, я все равно не смогла бы по Вашему МК сделать баннер. (ничего не видно и не понятно)

Здравствуйте, Ксения! Я сама не рада таким снимкам!(((( на компьютере фото выглядят нормально, а здесь в местер-классе получилось мелковато! Если хотите, я могу скинуть все фото в архиве вам на почту! Напишите адрес в личном сообщении!

П.с. Даже если фотошоп другой редакции, то кнопочки должны быть те же: редактирование, файл и т.д.

Кажется, что на эту тему не писал только очень ленивый... {#}

А я хочу поблагодарить Наталью за ее титанический труд, хотя на рисунках действительно видно плоховато , но действуя согласно описанию , все можно сделать.

Спасибо!я действительно, старалась создать полезную статью

Показать все
Рубрики мастер-классов