Если Вы уже открыли свой магазин на Etsy - Вы, конечно же, хотите сделать его красивым и привлекательным. В этом нам поможет баннер, который,как Вы уже, наверное, заметили есть почти у всех магазинов и располагается в верхней части магазина.
Баннер в моем магазине выгляди так:
Так как я в основном вяжу салфетки и шторы на дверь - то именно это я и отразила на баннере - что бы сразу было видно, что в моем магазине можно увидеть...
Полагаю, Вы тоже хотите создать свой баннер, который бы кратко рассказывал о Вашем магазине и Ваших товарах - это намного лучше, чем взять уже какой-то готовый баннер или составить баннер из чужих фотографий или картинок.
Надеюсь, у Вас есть программа Фотошоп - это очень полезная программа для обработки фотографий. И именно при помощи этой программы я и создавала свой баннер.
Открываем программу. В верхнем меню выбираем "Файл" - "Создать"
В открывшемся окне выбираем "пиксели"
и ставим по ширине 760, а по высоте 100.. разрешение оставляем 300 - потом поменяем, если будет нужно
У нас получился длинный прямоугольник.. Теперь через "Файл" - "Открыть" открываем наши фотографии.. Я решила, что у меня будет 4 фотографии..
У нас появилось несколько окошек : 1 с прямоугольником и 4 с фотографиями (на рис. подчеркнуты красной линией)
Переходим в одно из окошек. На панели инструментов слева нажимаем кнопочку со стрелочкой (на рис. указана красной стрелочкой)
а затем щелкаем мышкой по фотографии и не отпуская кнопки мыши тянем указатель мыши в первое окно (на вкладку окна) , где наш прямоугольник-баннер.. отпускаем мышку тогда, когда переместились в окно с баннером.. получается такая картина:
Мы перенесли фотографию на баннер и теперь нам требуется ее уменьшить.
Посмотрите на панель справа - там появился новый слой (подчеркнуто красным) Слой "фон" - это баннер, слой "слой 1" - наша фотография.
Теперь, что бы уменьшить фотографию нажимаем "Редактирование" - "Свободное трансформирование"
Вокруг фотографии появляется квадрат, обозначающий ее размеры. На панели инструментов вверху нажимаем значок замочка (на рисунке красная стрелочка), что бы при уменьшении сохранялись пропорции фотографии..
Щелкаем мышкой на каком-либо из углов и,не отпуская мыши, тянем угол внутрь фотографии, уменьшая ее
Когда достигаем нужных размеров, получаем примерно такую картину
Щелкаем по стрелочке на панели инструментов слева и нажимаем "Применить"
То же самое проделываем с остальными фотографиями. Что бы двигать фотографию с места на месте, размещая ее на баннере, нужно щелкнуть по слою (на панели справа) с фотографией, которую нужно двигать и на кнопочке со стрелочкой (на панели слева) и мышкой двигать фотографию..
Вот что у меня получилось
Я разместила все как надо и мне нравится и размер и местоположение каждой фотографии - слеплю слои с фотографиями в один общий слой.. Для чего мне это? Я хочу еще как бы обвести каждую фотографию в рамочку - так будет привлекательнее на мой взгляд, но именно "обвести" не выйдет из-за разных размеров каждого фото , а потому я просто нарисую белые линии, что удобнее делать на одном общем слое..
Выделяем слои, которые хотим объединить - для зажимаем клавишу Shift на клавиатуре и шелкаем по нужным слоям - все слои с фотографиями выделены
Можно и фон сюда же объединить, но я обычно все же оставляю его на всякий случай (привычка :) )
Нажимаем кнопочку (на рисунке указана красной стрелочкой) и выбираем "Объединить слои"
Теперь рисуем линии.. На панели слева выбираем "карандаш" - на 4-й кнопочке сверху во 2-м ряду щелкаем правой клавишей мыши и выбираем "карандаш".. ниже видим два квадратика - один над другим - тут выбираем цвет линий - это верхний квадратик и я выбрала белый цвет.
ставим размер 4 пикс. и непрозрачность 100%
и рисуем линии ... что бы линии были прямыми щелкаем мышкой, нажимаем клавишу Shift и ведем.. Если что-то пошло не так - смотрим на правой панели вкладку "История" и отменяем последнее действие
Теперь текст. На левой панели инструментов нажимаем буковку Т
На верхней панели с кнопочками нажимаем ту, что на рисунке указана красной стрелочкой, в открывшемся окне выбираем размер шрифта (можно и со шрифтом поиграть)
Щелкаем мышкой на баннере там, где хотим надпись и пишем... На правой панели на вкладке "Слои" появляется новый слой - текстовый.. Для его перемещения так же нужно выделить слой (этот самый тестовый) и нажать кнопку со стрелочкой..
Сделаем текст покрасивее.. Для этого выделяем текстовый слой и нажимаем кнопочку fx (на рисунке указана красной стрелочкой) - выбираем "внешнее свечение"
В открывшемся окне я поменяла только два указанных стрелкой параметра, а за окном видно, как меняется надпись..
После того, как все сделано - сохраняем наш баннер через "Файл" - "Сохранить как" и в открывшемся окне задаем название и обязательно выбираем формат jpg
Вот и все.. Писать и читать, пожалуй, получается дольше :))
Весь этот процесс и результат можно посмотреть на видео ниже.
Дополнение: для уменьшения размера файла нужно уменьшить разрешение - лучше это делать для уже готового баннера. Идем "Изображение" - "Размер изображения" - в окне в поле "Разрешение" вместо 300 пикс/дюйм ставим 100, при этом высота и ширина могут автоматически уменьшится - исправляем и ставим снова 760 пикс и 100 пикс. Сохраняем.
Комментариев нет:
Отправить комментарий