• Авторизация


Без заголовка 05-04-2015 17:12 к комментариям - к полной версии - понравилось!

Это цитата сообщения Egeni67 Оригинальное сообщение

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

[635x359]

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

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

  [635x359]

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

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

[635x359]

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

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

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

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

 

 

 

 

 

 

 

 

 

 

 

 

 

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

[635x359]

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

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

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

[635x359]

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

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

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

[635x359]

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

[635x359] [635x359]

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

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

[635x359]

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

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

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

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

[635x359]

[635x359]

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

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Без заголовка | Belavkolese - Дневник Belavkolese | Лента друзей Belavkolese / Полная версия Добавить в друзья Страницы: раньше»